<!-- ポケットケイビ2号（交通誘導・雑踏） v3.42.0 (2026-10-26: 早出を見せる / 便3・DEC-810 Q4・DEC-816・BE v7.254.0 と対＝会社が配置に「早出 〇分」を入れたら、ホームの今日の現場・予定の一覧・カレンダーの日の現場の時刻を早出の開始から出す（例「07:30（早出30分）〜17:00」）。早出が無い・BE が古い配置は今までどおり。上番・下番・打刻は変えない) -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.41.0 (2026-10-24: 位置の許可を取りにいく・取れない理由を知らせる / 課題 #98・第4回棚卸 第2層 R3・MANABU 裁定「帯＋［許可する］ボタン」「2号と1号の両方」＝①位置の失敗の理由（1＝許可がない・2＝取れない・3＝時間切れ）を開いた時・上番・下番・出発・勤務中の測位の全部で受け取る ②ホームの［出発］［上番］の上に帯：まだ許可していない／時間切れで一度も取れていない＝「📍 上番の前に、位置情報を許可してください［位置情報を許可する］」（押すと最大60秒待って端末の確認を出す＝10/24 MANABU の iPhone で、開いた時15秒・上番8秒では確認が出る前に諦めていた）・拒否されている＝「📍 位置情報がオフです［直し方を見る］」（iPhone・Android の手順） ③上番・下番で位置が付かなかったら知らせる（打刻は止めない） ④［上番］の下の字に理由（許可なし／電波・屋内／時間切れ）・勤務中の失敗で「GPS取得中...」と出ていたのを直す。ブラウザの許可の状態は確認を出さずに読む（読めない端末は従来どおり）。独立レビューの直し＝上番は許可の確認が出たままでも 8.6秒で位置なしで送る（返事が来ないと上番が送られなかった）・知らせは折り返して長めに出す・許可済みで時間切れは［もう一度測る］・確認を閉じただけは「オフ」と言わない・遅れて取れても取れた扱い・拒否の直し方は［開き直す］・直し方の文を今の iOS／Android に。BE・DB 無変更) -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.40.0 (2026-10-23: 業務区分を号で見せる＝依頼・予定・メンバー・下番サインの業務内容を「2号警備業務」「1号警備業務」に（BE v7.242.0 の日報控えと同じ言葉）・MANABU「区分は2号1号のほうがいいね。許可区分と連動するし」→ 設計1枚の裁定「推奨で」。保存する値・アプリの分け方（APP_DUTY_TYPES）は変えない) -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.39.0 (2026-10-23: 日報控え 第2便 / 課題 #95・DEC-789 ①②・BE v7.241.0 と対・MANABU「#95 日報控え 第2便（まとめてサイン・所長のQR）に着手して」) ＝①会社の設定が「まとめても受ける」の会社では、下番後のサイン画面に［代表者としてまとめて受ける］［代表者に任せる］を出す（1人ずつのサインはそのまま）②代表者の表＝GET /api/signatures/team-candidates（下番済み・まだサインの無いメンバーだけ選べる・時刻は打刻・法定休憩は自動・休憩未取得分は人ごとに ±10分・自分は外せない・ほかの人は外せる・未下番／サイン済み／上番の記録なしは灰色・［読み直す］）→ 責任者名と所長の手書き → POST /api/signatures/team（外した人を完了の画面に出す）③署名のあとに完了の画面（控えの番号・［所長に控えを渡す（QR）］）＝1人ずつのサインも同じ④QR＝POST /api/daily-copies/:id/share-link で押したときだけ作る（有効7日・開けるのは20回まで）・URL は guard.j-guard.jp/c/#鍵・閉じたら画面から消す・［📄 日報控え］のサインありの控えにも［QR］⑤QR は同梱の qrcode-generator 1.4.4（/vendor/・MIT）で描く・URL は公式の https://guard.j-guard.jp/c/ に固定・同じ控えは期限内なら同じ QR をもう一度出す（鍵は画面の中だけ）・［新しい QR にする］［この控えの QR を止める］（独立レビュー🟡2）⑥1つのサイン画面で下番を終えるのは1回（完了の画面のあと閉じても2回目を走らせない）・まとめての表は下番の送信が終わってから読む・代表者がもうサイン済みならそう言う⑦appVersion v3.39.0。1号は build_app1_from_app2.py で生成。 -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.38.1 (2026-10-22: 日報控え 第1便の続き＝サーバーがまだ古い（v7.240.0 より前・または戻したとき）にも迷わせない / 画面が先に本番に出て BE の切り替えが後になったため) ＝①［スキップ］→ 理由 →［控えを残す］で BE が日報控えの口を知らない（404・403 ROLE_NOT_ALLOWED）ときは「控えの準備がまだ」と出して下番を終える（v3.38.0 は「電波を確認して、もう一度」と出て閉じられなかった）②［📄 日報控え］の一覧も同じときは「準備中」と出す（「読み込めませんでした。電波を確認」と出していた）③appVersion v3.38.1。1号は build_app1_from_app2.py で生成。 -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.38.0 (2026-10-22: 日報控え 第1便 / 課題 #95・DEC-789・BE v7.240.0・migration 093 と対・MANABU「紙の日報は3枚複写＝①現場所長控え ②本人控え（給与確認）③会社控え（給与計算）。2号で下番したらサイン画面付きの控えが溜まる」) ＝①サイン画面に日付・隊員名・発注会社・業務内容（#77・発注会社と業務内容はサーバーが入れる＝GET /api/daily-copies/context）②時間は HH:MM で数える（控えの PDF と同じ式・下番の時刻はサイン画面を開いた時刻を送る＝画面と控えが1分ずれない）③［スキップ］で理由（所長不在／所長が忙しい／その他＋ひと言）を選ぶと「サインなし」の控えを残す（POST /api/daily-copies/unsigned・サイン・実績・請求は変えない）。画面の外を押して閉じるときは「スキップしますか？」と確かめる（控えは残さない＝今までどおり）④シフト画面の［📄 日報控え］＝月ごとの一覧・押すと PDF を読み込み［開く］［保存・共有］（端末に保存）・控えがまだのサインは［控えを作る］。カレンダーの日のカードからも開ける⑤ CONFIG.appVersion の取り残し（v3.37.1）を是正。1号は build_app1_from_app2.py で生成。 -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.37.3 (2026-10-20: ログインIDの全角を半角にそろえる / MANABU「GH365モバイルはログインID入れてもメールアドレス入れてくださいと出てログインできない」と同じ型) ＝スマホの日本語キーボードで「＠」などが全角になると「@ まで含めて」で止まって入れなかった。→ _normLoginId で全角→半角（NFKC＋ー・－・− をハイフンへ）・空白除去・小文字にそろえてから送る。「@」が無いときの案内を「@ の後ろまで全部」に。BE・DB 無変更。 -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.37.2 (2026-10-19: Supabase の公開のキーを新しい publishable（sb_publishable_…）へ差し替え＝旧 anon キーは2026年末までに廃止（Supabase 公式）・課題 #91・DEC-778。supabase-js 2.114.0 はこの形を知っている（そのまま使える）・ログインした後はその人のトークンで読む＝動きは変えない。BE v7.235.0 と対（どちらが先でも壊れない）) -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.37.1 (2026-10-14: ほかのアプリで承諾する依頼の案内 / 案A・MANABU「アプリで2号に通知出たけど、承認ボタンが出てこない」→「案Aで」) ＝このアプリは交通誘導・雑踏の依頼にだけ承諾ボタンを出す（APP_DUTY_TYPES・変えない）。自分あての依頼に施設警備の依頼があると、通知は届くのにボタンが無かった（デモ：田中さんあての施設警備の依頼が2号に通知され、承諾ボタンが無い）→ ホームの「未承諾シフト」の下に「施設警備の依頼が N件あります。ホーム画面の「ポケットケイビ1号」を開いて承諾してください」と、いちばん近い日付と現場名を出す。種類が決まっていない依頼は「会社に確認してください」。ほかのアプリへのリンクは置かない（ホーム画面のアプリは別々にログインを持つ）。BE・DB 無変更。 / base: v3.37.0 -->
<!-- ポケットケイビ2号（交通誘導・雑踏） v3.37.0 (2026-10-09: 1日に配置が2つ以上ある日の上番 / 第11便・BE v7.221.0 と対・MANABU 10/9「足した配置でも上番が反応しない」＝①今日1回下番すると「勤務終了」のまま上番が押せなかった＝今日まだ終わっていない配置（予定・確定・勤務中）があれば「次の配置の上番待ち」に戻し、その現場タブを選ぶ（打刻は BE が配置を選んで結び付ける）。下番のあとは配置を読み直して自動で切り替える ②上番の送信に失敗した後（idle）に上番を押しても無反応だった＝押し直せる。API の呼び方は無変更) ／ v3.36.1 (2026-10-08: MANABU 10/8「田中さんでログインすると一瞬『佐藤』の名前が出る」「最初の Google マップが世界地図」の是正 ＝ ①ホームの氏名に試作期の見本「佐藤 三郎 さん」（アバター「佐藤」）が書き込まれたまま残り、起動してログイン状態を確かめ終わるまで見えていた＝空にした（全画面地図の見本「国道3号 博多バイパス工事」なども「—」へ。こちらは表示前に必ず上書きされるので見えてはいなかった） ②現場一覧の読み込みが同時に2本走ると、後から呼んだ側（起動時の _loadAll）が読み終わる前の空の一覧を受け取り、地図に場所を渡せず Google の空検索＝世界地図になっていた[v3.34.0 で依頼の取得からも _loadSites を呼ぶようになってから・通信の速さで出たり出なかったりする]＝読み込み中は同じ約束を返し、読み終わってから一覧を置く。失敗したら置かない（次に呼ばれたとき読み直す） ③位置も住所も無い現場では Google に空の検索を渡さず、地図の枠の中に「地図を表示できません」と出す（画面の要素は増やさない＝iframe の srcdoc） ④同じ画面のままログアウト→別の人がログインすると、前の人のカレンダー（月ごとの控え）・会社名・勤務の状態などがメモリに残っていた＝この画面で一度ログインしたあとの再ログインは、画面を読み直して白紙から始める。BE・DB・API の呼び方は無変更) ／ v3.36.0 (2026-10-08: ログイン欄を「ログインID」へ / BE v7.217.0・migration 080・母艦 v3.541〔配信 v3.555〕と対・MANABU「GuardHub用IDと各社固有のIDをどちらも取り込んで GuardHub用だけ我々は使用する」→「すべて推奨で」 ＝ 2号・1号のログインIDは GuardHub ID＋@guard.j-guard.jp（例 atom-g001@guard.j-guard.jp）で自動になった。見出し「メールアドレス」→「ログインID」・例の書き方・入力欄は type text＋inputmode email（頭の大文字・自動修正・スペルチェックを切る）・空／@ なし／違うときの文言を 365 と同じ言い方へ（@ は自動で補わない＝365 v3.18.3 と同じ）。画面の他の部分・API の呼び方は無変更) ／ v3.35.0 (2026-10-07: 不具合チェック DEC-710 の是正 / MANABU「🔴🟠＋🟡も全部直す」・BE v7.215.12 と対 ＝ ①カレンダーの「休」（承認済みの有給休暇）を件数の上限で落とさない[件数の指定が無く BE の既定50件だけ＝半年分ほどで古い月の「休」が消えた]＝承認済みに絞り500件ずつ最後まで読む) ／ v3.34.0 (2026-10-06: 配線チェックの是正 / MANABU「すべての不具合をすぐ直したい」・BE v7.215.11 と対 ＝ ①依頼・配置を読み直す（通知が届いた・通知を押した・アプリに戻った・2分ごと）[開いたままだと割り当てた依頼も取り消しも出なかった] ②依頼は今日以降・本人あてだけ取る[会社全体の古い順500件から選んでいた] ③依頼カードに現場名と住所 ④現場一覧を全部読む[201件目以降の現場名・地図が出なかった]) ／ v3.33.0 (2026-09-13: 最終UI確認の是正 / MANABU裁定 09-13 ＝ ①トーストを画面上部からタブバー直上へ移動[ヘッダーの氏名・気温・通知ベルに3秒間かぶる件。showToast がタブバー実高を測る] ②ログアウト/認証切れで .app 内の全画面（設定・1号は巡回も）とタブバーを隠す[ログイン画面の下に氏名・メール・連絡事項が残る件] ③ログイン失敗の英語メッセージを日本語化[Invalid login credentials→「メールアドレスかパスワードが違います」等] ④UIから到達不能な規制配置図(screen-regulation)を削除＝裁定③(a)[HTML・専用CSS・TABS・toggleCrew/toggleVehicle/toggleReg・reg-section参照] ⑤設定の2つ目「アカウント」見出しを「セキュリティ」へ／お知らせ既読化直後に一覧を再描画[未読枠・ドットが残る件] ⑥ホーム地図カードの住所を1行独占にして省略表示をやめる[距離チップ・時間は2段目へ]) ／ v3.32.2 (2026-09-08: 上番が送信されないまま「勤務中」になる不具合の是正＝getCurrentPosition に timeout:8000 を追加。実測で発見＝v3.32.1 の実機試験中、画面は「勤務中」なのに attendance_logs に1行も入らなかった。CORS は白[guard.j-guard.jp からの preflight 通過・401到達を実測]。原因は位置情報の応答待ちで送信関数が呼ばれないこと) ／ v3.32.1 (2026-09-08: 夜勤の日またぎで勤怠が壊れる件の応急是正＝_restoreAttendance が「今日」の打刻しか見ないため、20:00上番→翌08:00下番のあいだにアプリが再読込されると前日の上番を見失い、下番が翌日の日付で送られて上番と紐付かない[work_minutes=null・出勤簿の done も付かない・409も出ない]。今日に「開いている上番」が無いときだけ昨日を1回だけ見る。本体配信 FE v3.485／2号 v3.32.0 と対) ／ v3.31.1 (2026-09-03: Supabase SDK を /vendor/ に同梱＝CDN依存の解消・是正C) ／ v3.31.0 — 警備員専用サイト(guard.j-guard.jp) 配信版。
     ⚠️訂正(2026-09-08 実測): 旧コメントの「DOCTYPE 以降は本体配信物と1バイトも違わない」は v1.2 以降 成立していない。実際の差は2か所だけ＝①Supabase SDK の読み込み先(/vendor/) ②appVersion の枝番。照合はこの2点を除いて行うこと。
     公開サイトなので先頭の変更履歴コメントだけを削除した（復元手順は適用手順書）。 -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<!-- v3.26.0: PWA一式を追加（2号だけ manifest 参照が欠落していた＝ホーム画面追加時にアイコンが付かずプッシュも届かない状態だった） -->
<link rel="manifest" href="/manifest_pk2.json" crossorigin="use-credentials">
<meta name="theme-color" content="#0b0c0f">
<link rel="apple-touch-icon" href="/icons/pk2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/pk2/favicon-32.png">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="ポケットケイビ2号">
<title>J-GUARD — ポケットケイビ2号（交通誘導・雑踏）</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
<!-- §A v3.11.0: Supabase JS SDK (Phase 1 第 1 段 グループC) -->
<!-- guard-site v1.2 (2026-09-03・第2回棚卸 是正C): Supabase JS SDK を同梱（/vendor/・v2.114.0 UMD）。CDN（cdn.jsdelivr.net）が届かない現場で「SDK 未読込」で起動不能になる件の是正 -->
<script src="/vendor/supabase-js-2.114.0.umd.js"></script>
<script src="/vendor/qrcode-generator-1.4.4.js"></script><!-- v3.39.0: 所長に渡す QR を描く（MIT・同梱） -->
<style>
:root {
  --bg:#0b0c0f; --bg2:#12161d; --bg3:#161b24;
  --accent:#e3a53a; --accent2:#f2c36b; --accent-l:#f8dfae;
  --ok:#10b981; --ng:#ef4444; --info:#3b82f6; --warn:#f59e0b;
  --border:rgba(255,255,255,.10);
  --t1:#e9edf1; --t2:#9fb0bd; --t3:#6b7c88;
  --f:'Noto Sans JP',sans-serif; --m:'DM Mono',monospace; --d:'Space Grotesk','Noto Sans JP',sans-serif;
  --rlg:16px; --rmd:10px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{background:#08090c;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--f);padding:20px}
.phone{width:375px;height:812px;background-color:#0b0c0f;background-image:radial-gradient(ellipse at 50% 13%,rgba(227,165,58,.13),transparent 55%),linear-gradient(rgba(227,165,58,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(227,165,58,.05) 1px,transparent 1px);background-size:100% 100%,46px 46px,46px 46px;border-radius:44px;overflow:hidden;position:relative;border:1.5px solid rgba(227,165,58,.22);box-shadow:0 0 0 1px rgba(0,0,0,.8),0 40px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);display:flex;flex-direction:column}
.statusbar{height:44px;padding:14px 28px 0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:10}
.sb-time{font-family:var(--m);font-size:15px;font-weight:500;color:var(--t1)}
.sb-icons{display:flex;align-items:center;gap:6px}
.app{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column}
.app::-webkit-scrollbar{display:none}
.screen{display:none;flex-direction:column;min-height:100%}
.screen.active{display:flex}

/* tabbar */
.tabbar{height:82px;background:var(--bg2);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);flex-shrink:0;padding-bottom:16px}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .15s}
.tab-label{font-size:10px;color:var(--t3)}
.tab.active .tab-label{color:var(--accent);font-weight:700}

/* ── HOME ── */
.home-header{padding:10px 22px 0;display:flex;align-items:center;justify-content:space-between}
.home-logo{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.04em;display:flex;align-items:center;gap:6px;font-family:var(--d)}
.logo-badge{font-size:9px;background:rgba(227,165,58,.15);border:1px solid rgba(227,165,58,.25);color:var(--accent2);padding:2px 7px;border-radius:99px;font-weight:700}
.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,rgba(227,165,58,.35),rgba(227,165,58,.12));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent2);border:1.5px solid rgba(227,165,58,.4)}
.greeting{padding:8px 18px 0;display:flex;align-items:stretch;gap:10px}
.greeting-left{flex:1;min-width:0}
.greeting-sub{font-size:11px;color:var(--t2)}
.greeting-name{font-size:18px;font-weight:700;color:var(--t1);margin-top:1px}

/* weather bar */
.weather-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;min-width:108px;max-width:150px;background:radial-gradient(ellipse at 50% -14%,rgba(227,165,58,.20),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.022));border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:9px 12px;backdrop-filter:blur(16px) saturate(125%);box-shadow:0 18px 36px -24px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.10)}
.weather-icon{font-size:28px;line-height:1}
.weather-temp{font-size:12px;font-weight:700;color:var(--t1);margin-top:4px;text-align:center;line-height:1.35}
.weather-detail{font-size:8.5px;color:var(--t3);font-family:var(--m);margin-top:2px;text-align:center;line-height:1.55}
.weather-warn{font-size:9px;font-weight:700;color:var(--warn);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);padding:2px 8px;border-radius:99px;white-space:nowrap;margin-top:5px}

/* today card */
.today-card{margin:8px 18px 0;background:var(--bg2);border-radius:var(--rlg);border:1px solid var(--border);overflow:hidden}
.today-label{background:var(--accent);padding:5px 14px;font-size:11px;font-weight:700;color:#1a0f00;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.today-body{padding:10px 16px 0}
.site-name{font-size:17px;font-weight:700;color:var(--t1)}
.site-badges{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
.badge{font-size:9px;font-weight:700;padding:3px 8px;border-radius:99px}
.badge-traffic{background:rgba(227,165,58,.12);color:var(--accent2);border:1px solid rgba(227,165,58,.2)}
.badge-night{background:rgba(99,102,241,.12);color:#818cf8;border:1px solid rgba(99,102,241,.2)}
.badge-vehicle{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}
.site-meta{margin-top:8px;display:flex;flex-direction:column;gap:5px}
.meta-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t2)}
.mi{width:13px;height:13px;opacity:.55;flex-shrink:0}

/* map embed (v3.33.0: 上部バーを絶対配置→通常フローに。住所は1行を独占（ピン13px+gap8px の残り全部）し、
   距離チップ・勤務時間は2段目へ折り返す。短い住所でも「長崎県長崎市…」と省略されていた件の是正) */
.map-wrap{position:relative;margin-top:10px}
.map-topbar{position:relative;z-index:5;background:rgba(11,12,15,.85);backdrop-filter:blur(8px);padding:7px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}
.map-addr{font-size:12px;color:var(--t1);flex:1 1 calc(100% - 21px);min-width:0;white-space:normal;line-height:1.35;overflow-wrap:anywhere}
.map-dist:empty,.map-time:empty{display:none}
.map-dist{font-size:11px;font-weight:700;color:var(--ok);background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);padding:2px 9px;border-radius:99px;white-space:nowrap}
.site-tabs{display:flex;overflow-x:auto;scrollbar-width:none;background:rgba(11,12,15,.75);backdrop-filter:blur(6px);position:relative;z-index:5;border-bottom:1px solid var(--border)}
.site-tabs::-webkit-scrollbar{display:none}
.site-tab{flex-shrink:0;font-size:12px;padding:7px 14px;color:var(--t3);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}
.site-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}
.map-iframe{width:100%;height:220px;border:none;display:block;background:#12161d;margin-top:0}
.map-btns{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;gap:6px}
.map-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700;font-family:var(--f);cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.5);transition:all .15s}
.map-btn:active{transform:scale(.95)}
.map-btn-nav{background:var(--accent);color:#1a0f00}
.map-btn-expand{background:rgba(11,12,15,.9);color:var(--t1);border:1px solid rgba(227,165,58,.2)}
.map-foot{padding:8px 16px 12px;display:flex;align-items:center;gap:7px}
.map-foot-dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.map-foot-txt{font-size:11px;color:var(--t2)}

/* crew & vehicle */
.info-section{margin:10px 18px 0}
.sec-title{font-size:11px;font-weight:700;color:var(--t3);letter-spacing:.06em;margin-bottom:8px}
.crew-grid{display:flex;flex-direction:column;gap:6px}
.crew-toggle{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s;width:100%;font-family:var(--f)}
.crew-toggle:active{background:var(--bg3)}
.crew-toggle-label{font-size:13px;font-weight:700;color:var(--t1);flex:1;text-align:left}
.crew-toggle-count{font-size:11px;color:var(--accent2);background:rgba(227,165,58,.1);border:1px solid rgba(227,165,58,.2);padding:2px 8px;border-radius:99px;font-weight:700}
.crew-toggle-arrow{font-size:12px;color:var(--t3);transition:transform .2s}
.crew-toggle-arrow.open{transform:rotate(180deg)}
.crew-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.crew-body.open{max-height:400px}
.crew-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);padding:10px 12px;display:flex;align-items:center;gap:10px}
.crew-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.crew-name{font-size:13px;font-weight:500;color:var(--t1)}
.crew-role{font-size:10px;color:var(--t2);margin-top:1px}
.crew-status{margin-left:auto;font-size:10px;font-weight:700;padding:3px 8px;border-radius:99px}
.cs-on{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}
.cs-off{background:rgba(255,255,255,.04);color:var(--t3);border:1px solid var(--border)}

.vehicle-row{display:flex;gap:8px;flex-wrap:wrap}
.vehicle-chip{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t1);flex:1;min-width:140px}
.vehicle-icon{font-size:16px}
.vehicle-plate{font-family:var(--m);font-size:11px;color:var(--t2);margin-top:2px}

/* regulation diagram: v3.33.0 で削除（screen-regulation と共に） */

/* gps + actions */
/* v3.27.0 段2: 出発の申告ボタン。上番/下番(action-btn)より一段軽い扱いにし、
   ガラスカードの作法(bg2 + 1px枠 + rlg)を踏襲する。金は枠と文字だけに使う。 */
.depart-row{margin:11px 18px 0}
.depart-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;
  background:var(--bg2);border:1px solid rgba(227,165,58,.34);border-radius:var(--rlg);
  padding:13px 12px;font-family:var(--f);font-size:14px;font-weight:700;color:var(--accent-l);
  cursor:pointer;transition:all .15s}
.depart-btn:active{transform:scale(.97)}
.depart-btn .dsub{font-size:11px;font-weight:500;color:var(--t3)}
.depart-btn.done{border-color:var(--border);background:rgba(255,255,255,.03);color:var(--t2);cursor:default}
.depart-btn.done .dsub{color:var(--t3)}
.gps-row{margin:10px 18px 0;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);padding:9px 14px;display:flex;align-items:center;gap:10px}
.gps-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex-shrink:0;animation:gp 2s ease-in-out infinite}
@keyframes gp{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 5px rgba(16,185,129,0)}}
.gps-text{font-size:12px;color:var(--t2);flex:1}
.gps-coords{font-family:var(--m);font-size:10px;color:var(--ok)}
.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:11px 18px 0}
.action-btn{border:none;border-radius:var(--rlg);padding:16px 12px;font-family:var(--f);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:all .15s}
.action-btn:active{transform:scale(.96)}
.btn-in{background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid rgba(16,185,129,.3)}
.btn-out{background:linear-gradient(135deg,#450a0a,#7f1d1d);border:1px solid rgba(239,68,68,.3)}
.btn-in.off,.btn-out.off{opacity:.35;cursor:not-allowed}
/* v3.24.0(C案): 上番/下番の無効時=箱と文字は残しつつアイコンはくっきり・文字は薄く（押せないだけの見た目） */
.btn-in.off,.btn-out.off{opacity:1;box-shadow:none}
.btn-in.off{background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.008));border:1px solid rgba(16,185,129,.20)}
.btn-out.off{background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.008));border:1px solid rgba(239,68,68,.20)}
.btn-in.off .bicon,.btn-out.off .bicon{opacity:1}
.btn-in.off .blabel,.btn-out.off .blabel{color:var(--t3)}
.btn-in.off .bsub,.btn-out.off .bsub{color:#4a5762}
.bicon{width:26px;height:26px}
.blabel{font-size:14px;font-weight:700;color:var(--t1)}
.bsub{font-size:10px;color:var(--t2)}
.status-banner{margin:10px 18px 0;border-radius:var(--rmd);padding:11px 14px;display:flex;align-items:center;gap:10px;transition:all .3s}
.bst{background:rgba(255,255,255,.03);border:1px solid var(--border)}
.bwk{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25)}
.bfn{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}
.btxt{font-size:13px;font-weight:700;color:var(--t1)}
.bsub2{font-size:11px;color:var(--t2);margin-top:2px}
.btime{margin-left:auto;font-family:var(--m);font-size:16px;font-weight:500;color:var(--ok)}
.status-chip{font-size:10px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap;flex-shrink:0}
.bst-chip{background:rgba(255,255,255,.05);color:var(--t2);border:1px solid var(--border)}
.bwk-chip{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.25)}
.bfn-chip{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}

/* ── MAP SCREEN ── */
.map-screen-hd{padding:14px 18px;display:flex;align-items:center;gap:12px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}
.back-btn{width:32px;height:32px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.ms-title{font-size:15px;font-weight:700;color:var(--t1)}
.ms-sub{font-size:11px;color:var(--t2);margin-top:1px}
.fullmap-iframe{width:100%;flex:1;border:none;display:block;background:#12161d;min-height:0}
.map-bs{background:var(--bg2);border-top:1px solid var(--border);padding:14px 18px;flex-shrink:0}
.site-info-row{display:flex;align-items:flex-start;gap:12px}
.pin-box{width:40px;height:40px;border-radius:10px;background:rgba(227,165,58,.12);border:1px solid rgba(227,165,58,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.si-name{font-size:15px;font-weight:700;color:var(--t1)}
.si-addr{font-size:12px;color:var(--t2);margin-top:3px}
.si-tags{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.si-tag{font-size:10px;font-weight:700;padding:3px 9px;border-radius:99px}
.si-tag.am{background:rgba(227,165,58,.1);color:var(--accent2);border-color:rgba(227,165,58,.2)}
.si-tag.bl{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}
.route-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:12px;background:var(--bg3);border-radius:var(--rmd);overflow:hidden;border:1px solid var(--border)}
.rc{padding:10px 8px;text-align:center;border-right:1px solid var(--border)}
.rc:last-child{border-right:none}
.rv{font-size:18px;font-weight:700;color:var(--t1)}
.rl{font-size:10px;color:var(--t3);margin-top:2px}
.nav-big-btn{width:100%;margin-top:10px;background:var(--accent);color:#1a0f00;border:none;border-radius:var(--rlg);padding:14px;font-size:14px;font-weight:700;font-family:var(--f);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}
.nav-big-btn:active{transform:scale(.97);background:#c08a24}
.sub-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.sub-btn{border:1px solid var(--border);background:var(--bg3);color:var(--t1);border-radius:var(--rmd);padding:11px 8px;font-size:12px;font-weight:700;font-family:var(--f);cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}
.sub-btn:active{background:var(--bg2)}

/* ── SHIFT ── */
.sh-hd{padding:14px 18px 0;flex-shrink:0}
.sh-title{font-size:17px;font-weight:700;color:var(--t1)}
#screen-shift .sh-title{text-align:center}
.month-nav{margin:14px 18px 0;display:flex;align-items:center;justify-content:space-between}
.month-lbl{font-size:16px;font-weight:700;color:var(--t1)}
.month-btn2{background:none;border:none;cursor:pointer;color:var(--t2);font-size:18px;padding:4px 8px}
.cal{margin:10px 18px 0;background:var(--bg2);border-radius:var(--rlg);border:1px solid var(--border);overflow:hidden;flex-shrink:0}
.cal-wds{display:grid;grid-template-columns:repeat(7,1fr);padding:8px 0 4px}
.cal-wd{text-align:center;font-size:11px;color:var(--t3);font-weight:500}
.cal-wd:first-child{color:#f87171}
.cal-wd:last-child{color:#60a5fa}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px 5px;padding:8px 8px 18px}
.cal-day{aspect-ratio:1/2;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border);border-radius:9px;cursor:pointer;font-size:14px;color:var(--t2);padding:8px 0 10px;background:rgba(255,255,255,.012)}
.cal-day:hover{background:var(--bg3)}
.cal-day .num{line-height:1;font-weight:600}
.cal-day.other{border-color:rgba(255,255,255,.045);background:transparent;color:var(--t3)}
.cal-day.other .num{color:#3a4550}
.cal-day.sun .num{color:#f87171}
.cal-day.sat .num{color:#60a5fa}
.cal-day .mk{width:13px;height:13px;border-radius:50%;box-sizing:border-box;margin-top:auto}
.cal-day.st-plan .mk{border:2px solid var(--accent)}
.cal-day.st-done .mk{border:2px solid var(--ok)}
.cal-day.st-cancel .mk{border:1.8px dashed var(--t3)}
.cal-day.st-absent .mk{border:2px solid var(--ng)}
.cal-day.st-leave .mk{border:2px solid var(--info)}
.cal-day.today{border-color:var(--accent);background:rgba(227,165,58,.10)}
.cal-day.today .num{color:var(--accent-l);font-weight:800}
.upcoming{margin:14px 18px 0;flex-shrink:0}
.cal-legend{margin:20px 18px 0;display:flex;flex-wrap:wrap;gap:11px 20px;justify-content:center;flex-shrink:0}
.cal-legend .lg{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--t2)}
.cal-legend .lgmk{width:17px;height:17px;border-radius:50%;box-sizing:border-box;flex-shrink:0;position:relative}
.cal-legend .lgmk-plan{border:2px solid var(--accent)}
.cal-legend .lgmk-done{border:2px solid var(--ok)}
.cal-legend .lgmk-cancel{border:1.5px dashed var(--t3)}
.cal-legend .lgmk-cancel::after{content:none}
.cal-legend .lgmk-absent{border:2px solid var(--ng)}
.cal-legend .lgmk-leave{border:2px solid var(--info)}
.shift-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s}
.shift-card:hover{background:var(--bg3)}
.sd-box{width:44px;text-align:center;flex-shrink:0}
.sd-mon{font-size:10px;color:var(--t3)}
.sd-day{font-size:22px;font-weight:700;color:var(--t1);line-height:1}
.sh-info{flex:1}
.sh-site{font-size:13px;font-weight:700;color:var(--t1)}
.sh-time{font-size:11px;color:var(--t2);margin-top:3px}
.sh-addr{font-size:10px;color:var(--t3);margin-top:2px}
.sh-badges{display:flex;gap:4px;margin-top:4px}
.map-icon-btn{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:rgba(227,165,58,.1);border:1px solid rgba(227,165,58,.2);display:flex;align-items:center;justify-content:center}

/* ── REPORT ── */
.report-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 18px 0}
.report-type{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);padding:16px 14px;cursor:pointer;transition:all .15s;text-align:center}
.report-type:hover{background:var(--bg3)}
.report-type.active{border-color:var(--accent);background:rgba(227,165,58,.06)}
.rt-icon{font-size:24px;margin-bottom:6px}
.rt-label{font-size:12px;font-weight:700;color:var(--t1)}
.rt-desc{font-size:10px;color:var(--t2);margin-top:2px}
.report-form{padding:14px 18px;display:flex;flex-direction:column;gap:12px}
.form-label{font-size:12px;color:var(--t2);margin-bottom:4px;font-weight:500}
.form-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);padding:12px 14px;color:var(--t1);font-size:14px;font-family:var(--f);outline:none}
.form-input:focus{border-color:var(--accent)}
select.form-input{color-scheme:dark}
input[type=date].form-input{color-scheme:dark}
textarea.form-input{resize:none;height:90px;line-height:1.5}
.form-submit{background:var(--accent);color:#1a0f00;border:none;border-radius:var(--rlg);padding:15px;font-size:14px;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .15s}
.form-submit:active{transform:scale(.97)}

/* ── REGULATION DIAGRAM SCREEN: v3.33.0 で削除 ── */

/* ── DIALOG ── */
.dlg-ov{position:absolute;inset:0;background:rgba(0,0,0,.7);display:none;align-items:flex-end;z-index:100;backdrop-filter:blur(4px)}
.dlg-ov.show{display:flex}
/* v3.38.0 日報控え */
.dc-open{display:block;margin:8px auto 0;background:var(--bg3);border:1px solid var(--border);border-radius:999px;padding:7px 16px;color:var(--t1);font-size:12.5px;font-weight:700;font-family:var(--f);cursor:pointer}
.dc-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.dc-item{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left}
.dc-item.sel{border-color:var(--accent)}
.dc-top{display:flex;align-items:center;gap:8px}
.dc-date{font-size:13px;font-weight:700;color:var(--t1)}
.dc-badge{font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 8px;margin-left:auto;white-space:nowrap}
.dc-badge.ok{background:rgba(16,185,129,.15);color:#7ff0cf}
.dc-badge.ns{background:rgba(239,68,68,.15);color:#fca5a5}
.dc-sub{font-size:11.5px;color:var(--t2);margin-top:4px;line-height:1.5;word-break:break-all}
.dc-act{display:flex;gap:8px;margin-top:8px}
.dc-act .db{padding:10px;font-size:13px}
.skip-opt{display:block;width:100%;text-align:left;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:11px 12px;margin-top:8px;color:var(--t1);font-size:13.5px;font-weight:700;font-family:var(--f);cursor:pointer}
.skip-opt.on{border-color:var(--accent);background:rgba(227,165,58,.12)}
.tm-bar{margin:4px 0 10px;padding:10px 12px;border:1px solid rgba(227,165,58,.45);border-radius:12px;background:rgba(227,165,58,.08)}
.tm-row{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:9px 11px;margin-top:8px}
.tm-row.off{opacity:.5}
.tm-top{display:flex;align-items:center;gap:8px}
.tm-name{font-size:13.5px;font-weight:700;color:var(--t1);flex:1;min-width:0;word-break:break-all}
.tm-st{font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap;background:rgba(255,255,255,.08);color:var(--t2)}
.tm-sub{font-size:11.5px;color:var(--t2);margin-top:4px;line-height:1.5}
.tm-adj{display:flex;align-items:center;gap:8px;margin-top:6px}
.tm-adj button{width:28px;height:28px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--t1);font-size:16px;font-weight:700;cursor:pointer}
.tm-chk{width:20px;height:20px;accent-color:var(--accent)}
.qr-box{background:#fff;border-radius:14px;padding:12px;margin:12px auto 0;width:min(78vw,280px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.qr-box svg{width:100%;height:100%;display:block}
.dlg{width:100%;background:var(--bg2);border-radius:24px 24px 0 0;border-top:1px solid var(--border);padding:18px 22px 30px;animation:su .25s cubic-bezier(.16,1,.3,1)}
@keyframes su{from{transform:translateY(100%)}to{transform:translateY(0)}}
.dlg-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}
.dlg-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px}
.dlg-icon.ci{background:rgba(16,185,129,.15);border:2px solid rgba(16,185,129,.3)}
.dlg-icon.co{background:rgba(239,68,68,.15);border:2px solid rgba(239,68,68,.3)}
.dlg-title{font-size:18px;font-weight:700;color:var(--t1);text-align:center}
.dlg-detail{font-size:13px;color:var(--t2);text-align:center;margin-top:5px;line-height:1.5}
.dlg-row{background:var(--bg3);border-radius:var(--rmd);padding:10px 14px;margin:10px 0;display:flex;align-items:center;gap:8px}
.dlg-lbl{font-size:11px;color:var(--t2)}
.dlg-val{font-family:var(--m);font-size:12px;color:var(--ok);margin-left:auto}
.dlg-acts{display:flex;gap:10px;margin-top:12px}
.db{flex:1;border:none;border-radius:var(--rlg);padding:14px;font-size:14px;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .15s}
.db:active{transform:scale(.97)}
.db-cancel{background:var(--bg3);color:var(--t2);border:1px solid var(--border)}
.db-in{background:var(--ok);color:#fff}
.db-out{background:var(--ng);color:#fff}

/* toast (v3.33.0: 画面上部→タブバー直上。--tabbar-h は showToast がタブバー実高を測って入れる。
   pointer-events:none＝3秒間の表示中もその下のボタンを塞がない) */
.toast{position:absolute;top:auto;bottom:calc(var(--tabbar-h,82px) + 12px);left:50%;transform:translateX(-50%) translateY(8px);pointer-events:none;background:var(--bg3);border:1px solid var(--border);border-radius:18px;padding:9px 18px;font-size:13px;color:var(--t1);white-space:normal;width:max-content;max-width:calc(100% - 32px);line-height:1.5;text-align:center;box-sizing:border-box;opacity:0;transition:all .25s;z-index:200;display:flex;align-items:center;gap:8px}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* v3.12.0 D5-γ: 未承諾シフト UI */
.sr-section{margin:14px 18px 0;padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sr-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sr-section-title{font-size:13px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:6px}
.sr-other{margin:10px 18px 0;padding:11px 13px;background:rgba(227,165,58,.10);border:1px solid rgba(227,165,58,.45);border-radius:10px;font-size:12.5px;line-height:1.6;color:var(--t1)} /* v3.37.1: ほかのアプリで承諾する依頼の案内（案A） */
.sr-other b{color:var(--accent2)}
.sr-other-sub{display:block;font-size:11px;color:var(--t2);margin:1px 0 4px}
.sr-count-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;line-height:1.4}
.sr-list{display:flex;flex-direction:column;gap:8px}
.sr-card{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
.sr-card-body{margin-bottom:10px}
.sr-card-date{font-size:13px;font-weight:700;color:var(--t1);margin-bottom:5px}
.sr-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--t2)}
.sr-card-site{font-size:12.5px;font-weight:700;color:var(--t1);margin:-1px 0 6px;line-height:1.45;word-break:break-all} /* v3.34.0: 依頼カードに現場名 */
.sr-card-addr{display:block;font-size:11px;font-weight:400;color:var(--t3);margin-top:1px}
.sr-card-badge{background:rgba(227,165,58,.18);color:var(--accent2);font-weight:700;padding:2px 8px;border-radius:99px}
.sr-card-actions{display:flex;gap:8px}
.sr-btn{flex:1;padding:9px 0;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--f)}
.sr-btn-accept{background:var(--ok);color:#fff;border-color:var(--ok)}
.sr-btn-reject{background:var(--bg2);color:var(--t1)}
.sr-btn:active{opacity:.7}
.sr-btn:disabled{opacity:.5;cursor:not-allowed}

.spacer{height:16px;flex-shrink:0}
/* v3.22.0: 4タブ/ベル/メンバー改善/設定 */
.tab{position:relative}
.tab-badge-dot{position:absolute;top:14px;left:calc(50% + 7px);width:9px;height:9px;background:var(--ng);border-radius:50%;border:2px solid #0d0f14}
.notif-bell{position:relative;align-self:center;flex:0 0 auto;width:40px;height:40px;box-sizing:border-box;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--t1);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1);cursor:pointer;padding:0}
.notif-bell:active{transform:scale(.9)}
.notif-badge{position:absolute;top:-3px;right:-4px;background:var(--ng);color:#fff;font-size:10px;font-weight:900;min-width:18px;height:18px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-family:var(--m);border:2px solid #0d0f14;padding:0 4px}
.notif-badge.hide,.unread-badge.hide{display:none}
.ctx-line{margin:6px 18px 0;font-size:12px;color:var(--t2);display:flex;flex-wrap:wrap;gap:4px 14px}
.ctx-line span{display:flex;align-items:center;gap:5px}
.sum-chips{display:flex;gap:8px;margin:12px 18px 4px}
.sum-chip{flex:1;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:var(--rmd);padding:9px 6px;text-align:center}
.sum-chip .n{font-size:19px;font-weight:800;font-family:var(--d);line-height:1}
.sum-chip .l{font-size:9.5px;color:var(--t3);margin-top:3px}
.sum-chip.on .n{color:#34d399}.sum-chip.off .n{color:var(--t2)}.sum-chip.all .n{color:var(--accent2)}
.grp-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.05em;margin:14px 0 7px}
.grp-label .dot{width:7px;height:7px;border-radius:50%}
.grp-on{color:#34d399}.grp-on .dot{background:#34d399}
.grp-off{color:var(--t3)}.grp-off .dot{background:var(--t3)}
.crew-card.me{box-shadow:0 20px 44px -26px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(227,165,58,.22)}
.me-tag{font-size:9px;font-weight:700;color:var(--accent2);background:rgba(227,165,58,.12);border:1px solid rgba(227,165,58,.25);padding:1px 6px;border-radius:99px;margin-left:6px}
.acct-card{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:var(--rmd);padding:14px;display:flex;align-items:center;gap:12px}
.acct-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(160deg,rgba(227,165,58,.35),rgba(227,165,58,.12));border:1.5px solid rgba(227,165,58,.4);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--accent2);flex-shrink:0}
.acct-name{font-size:15px;font-weight:700;color:var(--t1)}
.acct-mail{font-size:11px;color:var(--t2);margin-top:2px;font-family:var(--m)}
.unread-badge{background:var(--ng);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-family:var(--m)}
.notice-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:var(--rmd);padding:11px 13px 12px;margin-bottom:8px}
.notice-card.unread{border-left:3px solid var(--accent)}
.nc-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.nc-chip{font-size:9px;font-weight:700;padding:2px 8px;border-radius:99px}
.nc-imp{background:rgba(239,68,68,.13);color:#f87171;border:1px solid rgba(239,68,68,.28)}
.nc-nrm{background:rgba(227,165,58,.12);color:var(--accent2);border:1px solid rgba(227,165,58,.22)}
.nc-date{margin-left:auto;font-size:10px;color:var(--t3);font-family:var(--m)}
.nc-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.nc-title{font-size:13.5px;font-weight:700;color:var(--t1);line-height:1.4}
.nc-body{font-size:11.5px;color:var(--t2);margin-top:4px;line-height:1.55;white-space:pre-wrap}
.ver-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);padding:12px 14px}
.ver-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:3px 0}
.ver-row .k{color:var(--t2)}.ver-row .v{color:var(--t1);font-family:var(--m);font-size:11px}
.ver-row+.ver-row{border-top:1px solid rgba(255,255,255,.05);margin-top:2px;padding-top:6px}

/* ══ v3.18.0 GuardHub調テーマ層（A案アンバーゴールド）: 365 v3.15.0と同レシピ・上書きのみで機能無関与 ══ */
.today-card,.crew-toggle,.crew-card,.vehicle-chip,.gps-row,.sr-section,.shift-card,.cal,.map-bs{
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  border:1px solid var(--border);
  backdrop-filter:blur(14px) saturate(120%);
  box-shadow:0 20px 44px -26px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
}
.today-card,.cal,.sr-section{position:relative}
.today-card::before,.cal::before,.sr-section::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,rgba(227,165,58,.7),transparent);pointer-events:none;z-index:1}
.tabbar{background:rgba(11,12,15,.72);backdrop-filter:blur(14px)}
.btn-in{background:radial-gradient(ellipse at 50% -12%,rgba(16,185,129,.26),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(16,185,129,.4);box-shadow:0 18px 38px -22px rgba(0,0,0,.6),0 0 34px -12px rgba(16,185,129,.3),inset 0 1px 0 rgba(255,255,255,.09)}
.btn-out{background:radial-gradient(ellipse at 50% -12%,rgba(239,68,68,.2),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(239,68,68,.35);box-shadow:0 18px 38px -22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.07)}
.nav-big-btn,.form-submit{background:linear-gradient(160deg,#f2c36b,#d0952c);color:#241703;box-shadow:0 16px 34px -16px rgba(227,165,58,.6),inset 0 1px 0 rgba(255,255,255,.32)}
.map-btn-nav{background:linear-gradient(160deg,#f2c36b,#d0952c);color:#241703}
.sr-count-badge{color:#241703}
.dlg{background:linear-gradient(160deg,rgba(22,27,36,.97),rgba(13,16,21,.97));backdrop-filter:blur(18px) saturate(130%);border-top:1px solid rgba(255,255,255,.12)}
.toast{background:rgba(18,22,29,.92);backdrop-filter:blur(12px)}
.map-screen-hd{background:rgba(11,12,15,.72);backdrop-filter:blur(14px)}
/* v3.18.1: アバター非表示(365同様アバター無し。#avatar-name要素は_applySessionToUI参照のためDOM残置) */
.home-header .avatar{display:none}
</style>
<style id="jg-mobile">
/* ═══ v3.29.0: 実機スマホでの全画面化（2号 交通誘導・雑踏） ═══════════════════════
   これまで .phone は 375×812 の「スマホ模型」を画面中央に浮かべる作りで、
   レスポンシブ指定が1本も無かった。そのため実機スマホやホーム画面から起動すると
   「スマホの中にスマホの枠」＋「偽のステータスバー（固定時刻・電波・電池）」が出ていた。
   デスクトップ幅では模型のまま＝営業デモの見た目は不変。
   偽ステータスバーは display:none にせず、iOSのノッチ用の余白（safe-area）に転用する。 */
@media (max-width:480px){
  body{padding:0!important;display:block!important}
  .phone{width:100vw!important;height:100vh!important;height:100dvh!important;
         border-radius:0!important;border:none!important;box-shadow:none!important}
  .statusbar{height:env(safe-area-inset-top)!important;min-height:0!important;
             padding:0!important;overflow:hidden!important}
  .statusbar>*{display:none!important}
  .tabbar{height:auto!important;padding-top:10px!important;
          padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 6px))!important}
}
@media (min-width:481px) and (display-mode:standalone){
  body{padding:0!important}
  .phone{height:100vh!important;height:100dvh!important;
         border-radius:0!important;border:none!important;box-shadow:none!important}
  .statusbar{height:env(safe-area-inset-top)!important;min-height:0!important;
             padding:0!important;overflow:hidden!important}
  .statusbar>*{display:none!important}
  .tabbar{padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 6px))!important}
}
</style>
<script>
/* v3.29.0: Service Worker をこのページ自身で登録する（2号 交通誘導・雑踏）。
   これまで登録は pwa-register.js まかせで、365 と 2号 は読み込んでいなかった。
   そのため「このアプリのURLだけを開いた人」には SW が一度も付かず、
   (1) Android Chrome がインストール可能と判定しない
   (2) 自前の通知ONトグルが await navigator.serviceWorker.ready で
       永久に返ってこない（エラーも出ずに固まる）
   という2つの実害が出ていた。
   pwa-register.js を読ませないのは、このアプリが自前の通知ON/OFFカードを
   持っており、pwa-register.js の通知許可バナーと二重になるため。 */
if ('serviceWorker' in navigator &&
    (location.protocol === 'https:' || location.hostname === 'localhost' || location.hostname === '127.0.0.1')) {
  window.addEventListener('load', function () {
    navigator.serviceWorker.register('/service-worker.js', { scope: '/' })
      .catch(function (e) { try { console.warn('[PWA] SW registration failed:', e); } catch (_) {} });
  });
}
</script>
<style>
/* v3.450 §PW パスワード設定画面（2号・365で同一。色はアプリ側のトークンを使うので自動的にそのアプリの見た目になる） */
#jgpw-ov{position:absolute;inset:0;z-index:1000;background:var(--bg);overflow-y:auto;padding:34px 22px;font-family:var(--f);display:none}
.jgpw-card{max-width:330px;margin:0 auto}
.jgpw-h{font-size:19px;font-weight:900;color:var(--t1);text-align:center;margin-bottom:9px}
.jgpw-sub{font-size:12px;line-height:1.75;color:var(--t2);text-align:center;margin-bottom:16px}
.jgpw-idwrap{font-size:11px;color:var(--t2);background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:9px 12px;margin-bottom:16px;word-break:break-all}
.jgpw-idwrap b{font-family:var(--m);color:var(--t1);font-weight:500}
.jgpw-lbl{font-size:11px;font-weight:700;color:var(--t2);margin:0 0 5px}
.jgpw-in{width:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--t1);font-size:15px;font-family:var(--f);margin-bottom:12px}
.jgpw-in:focus{outline:none;border-color:var(--accent)}
.jgpw-showrow{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t2);margin-bottom:10px;cursor:pointer}
.jgpw-note{font-size:11px;line-height:1.75;color:var(--t3);margin-bottom:14px}
.jgpw-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:900;font-family:var(--f);color:#10151b;background:var(--accent);cursor:pointer}
.jgpw-btn:disabled{opacity:.55;cursor:default}
.jgpw-cancel{width:100%;margin-top:12px;padding:11px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--t2);font-size:13px;font-family:var(--f);cursor:pointer;display:none}
.jgpw-msg{margin-top:13px;padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.8;white-space:pre-wrap;display:none}
.jgpw-err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}
.jgpw-ok{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}
.jgpw-entry{width:100%;margin-top:10px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:13px 14px;color:var(--t1);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--f);display:flex;align-items:center;justify-content:center;gap:10px}
.jgpw-hint{font-size:11px;line-height:1.7;color:var(--t3);text-align:center;margin-top:14px}
</style>
</head>
<body>
<!-- v3.9.0 DEMO バッジ (保険②: 本番ホストでは即 DOM 削除) -->
<div id="__demo_badge__" style="position:fixed;top:8px;right:8px;z-index:99999;background:#f59e0b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:bold;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none;font-family:sans-serif">🟠 DEMO 環境</div>
<script>
(function(){ if (location.host !== 'thunderous-dragon-7dea63.netlify.app') { var b=document.getElementById('__demo_badge__'); if(b) b.remove(); } })();
</script>
<div class="phone">
  <!-- ══ v3.450 §PW パスワード設定画面（母艦の「再設定を依頼」の受け皿／設定画面からの変更） ══
       .phone の中に絶対配置で重ねる＝既存の画面遷移(goScreen / switchTab)には一切触らない。
       出るのは「リンクから来たとき」と「設定画面でボタンを押したとき」だけ。 -->
  <div id="jgpw-ov">
    <div class="jgpw-card">
      <div class="jgpw-h">🔑 <span id="jgpw-title">パスワードの設定</span></div>
      <div class="jgpw-sub" id="jgpw-sub"></div>
      <div class="jgpw-idwrap" id="jgpw-idwrap" style="display:none">ログインID：<b id="jgpw-id"></b></div>
      <div id="jgpw-form">
        <div class="jgpw-lbl">新しいパスワード</div>
        <input id="jgpw-a" class="jgpw-in" type="password" autocomplete="new-password" placeholder="8文字以上" onkeydown="if(event.key==='Enter')JGPW.submit()">
        <div class="jgpw-lbl">もう一度入力</div>
        <input id="jgpw-b" class="jgpw-in" type="password" autocomplete="new-password" placeholder="確認のためもう一度" onkeydown="if(event.key==='Enter')JGPW.submit()">
        <label class="jgpw-showrow"><input type="checkbox" id="jgpw-show" onchange="JGPW.toggleShow()"> 入力した文字を表示する</label>
        <div class="jgpw-note">英字・数字・記号を混ぜた12文字以上をおすすめします。過去に流出したことがあるパスワードは使えません。</div>
        <button id="jgpw-btn" class="jgpw-btn" onclick="JGPW.submit()">このパスワードにする</button>
      </div>
      <div id="jgpw-err" class="jgpw-msg jgpw-err"></div>
      <div id="jgpw-ok" class="jgpw-msg jgpw-ok"></div>
      <button id="jgpw-cancel" class="jgpw-cancel" onclick="JGPW.close()">やめる</button>
    </div>
  </div>

  <!-- §B v3.11.0: ログイン画面 (Phase 1 第 1 段 グループC) -->
  <div class="screen" id="screen-login" style="display:none;flex-direction:column;justify-content:center;padding:40px 28px;flex:1">
    <div style="text-align:center;margin-bottom:32px">
      <div style="font-size:32px;font-weight:900;letter-spacing:.04em;font-family:var(--d)"><span style="color:var(--accent)">J-</span><span style="color:var(--t1)">GUARD</span></div>
      <div style="font-size:13px;color:var(--t2);margin-top:6px;font-weight:700">ポケットケイビ2号</div>
      <div style="font-size:11px;color:var(--t3);margin-top:2px">交通誘導・雑踏</div>
    </div>
    <div style="display:flex;flex-direction:column;gap:14px">
      <div>
        <div class="form-label">ログインID</div>
        <input type="text" id="login-email" class="form-input" placeholder="例 abc-g001@guard.j-guard.jp" autocomplete="username" inputmode="email" autocapitalize="none" autocorrect="off" spellcheck="false">
      </div>
      <div>
        <div class="form-label">パスワード</div>
        <input type="password" id="login-password" class="form-input" placeholder="••••••••" autocomplete="current-password">
      </div>
      <button class="form-submit" id="login-btn" onclick="_signin()">ログイン</button>
      <div id="login-error" style="display:none;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--rmd);padding:10px 14px;font-size:12px;color:#fca5a5;text-align:center"></div>
      <!-- v3.450 §PW: 自分でメールを送る導線は作らない（隊員25名中20名がメール未登録＝送っても届かない）。
           会社の担当者が母艦から再設定リンクを発行して紙で手渡す運用（DEC-532）を案内する。 -->
      <div class="jgpw-hint">パスワードが分からないときは、会社のご担当者に「パスワードの再設定」をお申し出ください。</div>
      <!-- §G デモヒント (デモ環境のみ表示) -->
      <div id="login-demo-hint" style="display:none;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:var(--rmd);padding:10px 14px;font-size:11px;color:var(--t2);line-height:1.6">
        <div style="font-weight:700;color:#fbbf24;margin-bottom:4px">🟠 デモ環境用テストアカウント</div>
        <div style="font-family:var(--m);font-size:10px">guard001@example.com (田中 太郎)</div>
        <!-- v3.28.2 不具合C: パスワードの直書きをやめた。母艦から再発行すると実態と食い違い、
             ここに書いてある文字列でログインできなくなる（2026-07-27に実際に食い違った）。
             平文はDBにも保存されないので、正しい確認手段だけを案内する。 -->
        <div style="font-size:10px;color:var(--t3);margin-top:2px">パスワードは <b>GuardHub → 名簿詳細 → 📨 パスワード再設定を依頼</b>（本人が決める）または <b>🔑 仮パスワードを再発行</b> で確認してください</div>
      </div>
    </div>
  </div>
  <!-- /§B -->

  <div class="statusbar">
    <span class="sb-time" id="clock">07:24</span>
    <div class="sb-icons">
      <svg width="16" height="11" fill="none" viewBox="0 0 16 11"><rect x="0" y="3" width="3" height="8" rx="1" fill="rgba(255,255,255,.9)"/><rect x="4.5" y="2" width="3" height="9" rx="1" fill="rgba(255,255,255,.9)"/><rect x="9" y="0" width="3" height="11" rx="1" fill="rgba(255,255,255,.9)"/><rect x="13.5" y="0" width="2.5" height="11" rx="1" fill="rgba(255,255,255,.3)"/></svg>
      <svg width="14" height="12" fill="none" viewBox="0 0 14 12"><path d="M7 2C9.5 2 11.7 3.1 13.2 4.8L14.5 3.5C12.6 1.5 10 .3 7 .3S1.4 1.5-.5 3.5L.8 4.8C2.3 3.1 4.5 2 7 2Z" fill="rgba(255,255,255,.9)"/><path d="M7 5C8.7 5 10.2 5.8 11.3 7L12.6 5.7C11.1 4.1 9.1 3.2 7 3.2S2.9 4.1 1.4 5.7L2.7 7C3.8 5.8 5.3 5 7 5Z" fill="rgba(255,255,255,.9)"/><circle cx="7" cy="10" r="1.5" fill="rgba(255,255,255,.9)"/></svg>
      <svg width="25" height="12" fill="none" viewBox="0 0 25 12"><rect x=".5" y=".5" width="21" height="11" rx="3.5" stroke="rgba(255,255,255,.35)"/><rect x="2" y="2" width="17" height="8" rx="2" fill="rgba(255,255,255,.9)"/><path d="M23 4.5V7.5C23.8 7.2 24.5 6.7 24.5 6S23.8 4.8 23 4.5Z" fill="rgba(255,255,255,.4)"/></svg>
    </div>
  </div>

  <div class="app">

    <!-- ══ HOME ══ -->
    <div class="screen active" id="screen-home">
      <div class="home-header" style="display:none">
        <span class="home-logo"><span id="app-name">J-GUARD</span> <span class="logo-badge">ポケットケイビ2号</span></span>
        <div class="avatar" id="avatar-name"></div>
      </div>
      <div class="greeting" style="align-items:flex-start">
        <div class="greeting-left">
          <div style="font-size:10.5px;font-weight:600;color:var(--t3);letter-spacing:.02em;font-family:var(--d)">ポケットケイビ2号</div>
          <div id="home-company" style="font-size:15.5px;font-weight:800;color:var(--t1);letter-spacing:.01em;margin-top:1px;white-space:nowrap;overflow:hidden"></div>
          <div class="greeting-sub" style="margin-top:7px">おはようございます</div>
          <div class="greeting-name" id="greet-name">&nbsp;</div><!-- v3.36.1: 試作期の見本「佐藤 三郎 さん」を撤去（起動直後に一瞬見えていた）。高さを保つため空白1文字 -->
          <div style="margin-top:7px"><span class="status-chip bst-chip" id="status-chip">⏳ 上番待ち</span></div>
        </div>
        <button class="notif-bell" id="notif-bell" onclick="switchTab('settings')" style="display:none"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 0 1-3.4 0"/></svg><span class="notif-badge hide" id="notif-badge">0</span></button>
        <div class="weather-bar" id="weather-bar" style="align-self:flex-start">
          <span class="weather-icon">☁️</span>
          <div class="weather-temp">気象取得中…</div>
          <div class="weather-detail">—</div>
          <span class="weather-warn" style="display:none"></span>
        </div>
      </div>

      <!-- 未承諾シフト (v3.12.0 D5-γ) -->
      <div class="sr-section" id="sr-section" style="display:none">
        <div class="sr-section-header">
          <span class="sr-section-title">📋 未承諾シフト</span>
          <span class="sr-count-badge" id="sr-count">0件</span>
        </div>
        <div class="sr-list" id="sr-list"></div>
      </div>
      <!-- v3.37.1: このアプリでは承諾できない種類の依頼（1号＝施設警備／2号＝交通誘導・雑踏）の案内（案A・2026-10-14） -->
      <div class="sr-other" id="sr-other" style="display:none" role="status"></div>

      <!-- シフト通知 (v3.8.0 D6-δ / v3.19.0: 天気カード下・マップ上へ移動) -->
      <div style="margin:12px 18px 0;padding:13px 14px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(14px) saturate(120%);box-shadow:0 1px 2px rgba(0,0,0,.04)">
        <div style="flex:1">
          <div style="font-size:13px;font-weight:700;color:var(--t1)">🔔 シフト通知</div>
          <div style="font-size:11px;color:var(--t2);margin-top:2px">配置指示・シフト確認を受け取る</div>
        </div>
        <button id="push-toggle-btn" type="button" onclick="toggleGuardPush()" style="padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg3);color:var(--t1);font-size:12px;font-weight:700;cursor:pointer;min-width:108px">未設定</button>
      </div>

      <!-- 地図 (v3.17.0 §1 / v3.19.0: 上番下番の上へ・拡大・勤務時間併記) -->
      <div id="map-card" style="flex-shrink:0;margin:12px 18px 0;border-radius:var(--rlg);overflow:hidden;border:1px solid var(--border);position:relative;background:var(--bg2);cursor:pointer" onclick="openFullMap()">
        <div class="map-topbar">
          <svg width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M6.5 1C4.6 1 3 2.6 3 4.5c0 3.2 3.5 7.5 3.5 7.5S10 7.7 10 4.5C10 2.6 8.4 1 6.5 1z" fill="#e3a53a"/><circle cx="6.5" cy="4.5" r="1.5" fill="white"/></svg>
          <span class="map-addr" id="h-map-addr">—</span>
          <span class="map-dist" id="h-map-dist"></span>
          <span class="map-time" id="h-map-time" style="font-family:var(--m);font-size:11px;font-weight:700;color:var(--accent-l);white-space:nowrap"></span>
        </div>
        <div class="site-tabs" id="site-tabs"></div>
        <iframe id="mini-map" class="map-iframe" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="" allowfullscreen style="pointer-events:none;height:204px"></iframe>
        <div style="position:absolute;bottom:8px;right:8px">
          <span style="background:rgba(11,12,15,.85);color:var(--t1);font-size:10px;font-weight:700;padding:5px 10px;border-radius:99px;border:1px solid rgba(227,165,58,.2)">タップで拡大 ↗</span>
        </div>
      </div>

      <!-- v3.28.1 不具合D: 配置が無い日の空白を埋める。地図カードと入れ替わりで出る（同じ位置・同じ余白・同じガラス質感）。
           旧実装は「本日の配置はありません」を h-site-name へ入れていたが、その要素は v3.19.0 のレイアウト変更で
           display:none のブロックへ移されたまま＝文言がどこにも出ず、画面中央が大きな黒い空白になっていた。 -->
      <div id="h-empty" style="display:none;flex-shrink:0;margin:12px 18px 0;padding:26px 18px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:var(--rlg);backdrop-filter:blur(14px) saturate(120%);text-align:center">
        <div style="font-size:30px;line-height:1;margin-bottom:12px">📅</div>
        <div style="font-size:15px;font-weight:700;color:var(--t1)">本日の配置はありません</div>
        <div style="font-size:12px;color:var(--t2);margin-top:6px;line-height:1.7">アプリは正常に動いています。<br>次の配置が決まると、ここに現場が表示されます。</div>
        <button type="button" onclick="switchTab('shift')" style="margin-top:14px;padding:10px 20px;border:1px solid var(--border);border-radius:8px;background:var(--bg3);color:var(--t1);font-size:12px;font-weight:700;cursor:pointer;font-family:var(--f)">シフト予定を見る</button>
      </div>

      <!-- v3.41.0（課題 #98）: 位置の許可の帯。まだ許可していない・拒否されているときだけ出る（_geoBanner） -->
      <div id="geo-banner" style="display:none;flex-shrink:0;margin:12px 18px 0;padding:12px 14px;border-radius:var(--rlg);border:1px solid rgba(227,165,58,.45);background:rgba(227,165,58,.10);font-size:12.5px;line-height:1.7;color:var(--t1)"></div>

      <!-- v3.27.0 段2: 出発の申告（本日の配置があり、まだ上番していない時だけ表示） -->
      <div class="depart-row" id="depart-row" style="display:none">
        <button class="depart-btn" id="btn-depart" onclick="doDepart()">
          <svg width="19" height="19" viewBox="0 0 24 24" fill="none" style="flex-shrink:0"><path d="M5 16h14M6.5 16V9.5l1.6-3.2A1.5 1.5 0 0 1 9.4 5.5h5.2a1.5 1.5 0 0 1 1.3.8L17.5 9.5V16" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8" cy="16.5" r="1.6" stroke="currentColor" stroke-width="1.7"/><circle cx="16" cy="16.5" r="1.6" stroke="currentColor" stroke-width="1.7"/></svg>
          <span id="depart-label">出発</span>
          <span class="dsub" id="depart-sub">現場へ向かうことを会社に知らせます</span>
        </button>
      </div>

      <!-- 上番下番 (v3.19.0: マップの下へ・拡大・中央寄せ) -->
      <div class="action-row" style="margin-top:12px">
        <button class="action-btn btn-in" id="btn-ci" onclick="showDlg('ci')" style="padding:24px 14px;justify-content:center;gap:8px">
          <svg class="bicon" viewBox="0 0 26 26" fill="none"><circle cx="13" cy="13" r="11" stroke="#10b981" stroke-width="2"/><path d="M13 8v10M8 13l5-5 5 5" stroke="#10b981" stroke-width="2" stroke-linecap="round"/></svg>
          <span class="blabel">上番</span>
          <span class="bsub">打刻 + GPS記録</span>
        </button>
        <button class="action-btn btn-out off" id="btn-co" onclick="showDlg('co')" style="padding:24px 14px;justify-content:center;gap:8px">
          <svg class="bicon" viewBox="0 0 26 26" fill="none"><circle cx="13" cy="13" r="11" stroke="#ef4444" stroke-width="2"/><path d="M13 18V8M8 13l5 5 5-5" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/></svg>
          <span class="blabel">下番</span>
          <span class="bsub">退勤を記録</span>
        </button>
      </div>

      <!-- GPS移動距離 -->
      <div class="gps-row" style="margin-top:12px">
        <div class="gps-dot"></div>
        <span class="gps-text" id="gps-status">位置 確認中…</span>
        <span class="gps-coords" id="gps-dist-label">移動距離は勤務中のみ計測</span>
      </div>

      <!-- 現場情報（コンパクト）: v3.19.0で非表示（住所・勤務時間はマップ上部に集約）。JSが参照するためDOMは残置 -->
      <div style="display:none">
        <div class="site-name" id="h-site-name">読込中…</div>
        <div class="site-badges" id="h-badges"></div>
        <span id="h-site-time"></span>
        <span id="h-site-addr"></span>
        <div id="h-site-client"></div>
      </div>

      <!-- 規制配置図・車両: v3.19.0で削除（デモ環境限定の飾り・実データ源なし。screen-regulation本体は v3.33.0 で削除） -->

      <div class="spacer"></div>
    </div>

    <!-- ══ MAP FULL ══ -->
    <div class="screen" id="screen-map">
      <div class="map-screen-hd">
        <div class="back-btn" onclick="goBack()"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="var(--t1)" stroke-width="2" stroke-linecap="round"/></svg></div>
        <div><div class="ms-title" id="fm-title">—</div><div class="ms-sub" id="fm-sub">—</div></div>
      </div>
      <iframe id="full-map" class="fullmap-iframe" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="" allowfullscreen></iframe>
      <div class="map-bs">
        <div class="site-info-row">
          <div class="pin-box"><svg width="18" height="18" viewBox="0 0 13 13" fill="none"><path d="M6.5 1C4.6 1 3 2.6 3 4.5c0 3.2 3.5 7.5 3.5 7.5S10 7.7 10 4.5C10 2.6 8.4 1 6.5 1z" fill="#e3a53a"/><circle cx="6.5" cy="4.5" r="1.5" fill="white"/></svg></div>
          <div>
            <div class="si-name" id="fm-name">—</div>
            <div class="si-addr" id="fm-addr">—</div>
            <div class="si-tags">
              <span class="si-tag am" id="fm-duty">2号警備業務</span>
              <span class="si-tag bl" id="fm-time">07:00 〜 16:00</span>
            </div>
          </div>
        </div>
        <!-- v3.17.0 §7: 直線距離ベースの目安（現在地/現場GPSが無い場合は—） -->
        <div class="route-grid">
          <div class="rc"><div class="rv" id="fm-dist">—</div><div class="rl">直線距離</div></div>
          <div class="rc"><div class="rv" id="fm-walk">—</div><div class="rl">徒歩目安</div></div>
          <div class="rc"><div class="rv" id="fm-car">—</div><div class="rl">車目安</div></div>
        </div>
        <button class="nav-big-btn" onclick="doNav()">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M2 14L7 2l7 12-7-4z"/></svg>
          Google マップでナビ開始
        </button>
        <div class="sub-btns">
          <button class="sub-btn" onclick="doStreetView()">👀 ストリートビュー</button>
          <button class="sub-btn" onclick="doCopy()">📋 住所をコピー</button>
        </div>
      </div>
    </div>

    <!-- ══ 規制配置図 (screen-regulation): v3.33.0 で削除（UIから到達不能・内容はデモ固定）＝MANABU裁定③(a) 09-13 ══ -->

    <!-- ══ MEMBERS ══ -->
    <div class="screen" id="screen-members">
      <div class="sh-hd"><div class="sh-title">配置メンバー</div></div>
      <div class="ctx-line" id="mem-ctx"></div>
      <div class="sum-chips" id="mem-sum" style="display:none">
        <div class="sum-chip all"><div class="n" id="mem-total">0</div><div class="l">配置人数</div></div>
        <div class="sum-chip on"><div class="n" id="mem-on">0</div><div class="l">上番済</div></div>
        <div class="sum-chip off"><div class="n" id="mem-off">0</div><div class="l">未上番</div></div>
      </div>
      <div style="padding:10px 18px 0">
        <div class="crew-grid" id="crew-list">
          <div style="padding:14px;font-size:12px;color:var(--t3)">読込中…</div>
        </div>
        <div style="font-size:11px;color:var(--t3);font-weight:700;letter-spacing:.06em;margin:16px 0 8px">連絡先</div>
        <div class="crew-grid" id="contact-list"></div>
      </div>
      <div class="spacer"></div>
    </div>

    <!-- ══ SHIFT ══ -->
    <div class="screen" id="screen-shift">
      <div class="sh-hd"><div class="sh-title">シフト　予定カレンダー</div><button class="dc-open" onclick="openCopies()">📄 日報控え</button></div>
      <!-- v3.17.0 §3: 実カレンダー（月ナビ+自分shifts） -->
      <div class="month-nav">
        <button class="month-btn2" onclick="calNav(-1)">◀</button>
        <span class="month-lbl" id="cal-month-lbl">—</span>
        <button class="month-btn2" onclick="calNav(1)">▶</button>
      </div>
      <div class="cal">
        <div class="cal-wds"><span class="cal-wd">日</span><span class="cal-wd">月</span><span class="cal-wd">火</span><span class="cal-wd">水</span><span class="cal-wd">木</span><span class="cal-wd">金</span><span class="cal-wd">土</span></div>
        <div class="cal-grid" id="cal-grid"></div>
      </div>
      <!-- v3.20.0: 直近リスト撤去→凡例（項目表示）に置換（MANABU確定） -->
      <div class="cal-legend">
        <div class="lg"><span class="lgmk lgmk-plan"></span>予定</div>
        <div class="lg"><span class="lgmk lgmk-done"></span>完了</div>
        <div class="lg"><span class="lgmk lgmk-cancel"></span>取消</div>
        <div class="lg"><span class="lgmk lgmk-absent"></span>欠勤</div>
        <div class="lg"><span class="lgmk lgmk-leave"></span>有給</div>
      </div>
      <div class="spacer"></div>
    </div>

    <!-- ══ SETTINGS (v3.22.0) ══ -->
    <div class="screen" id="screen-settings">
      <div class="sh-hd"><div class="sh-title">設定</div></div>
      <div style="padding:0 18px">
        <div style="font-size:11px;color:var(--t3);font-weight:700;letter-spacing:.06em;margin:16px 0 9px">アカウント</div>
        <div class="acct-card">
          <div class="acct-av" id="set-avatar">–</div>
          <div><div class="acct-name" id="logged-in-name">—</div><div class="acct-mail" id="logged-in-email">—</div></div>
        </div>
        <div style="display:flex;align-items:center;gap:8px;margin:18px 0 9px">
          <span style="color:var(--accent2);display:flex"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 0 1-3.4 0"/></svg></span>
          <span style="font-size:11px;color:var(--t2);font-weight:700;letter-spacing:.06em">会社からの連絡事項</span>
          <span class="unread-badge hide" id="gn-unread">0</span>
        </div>
        <div id="gn-list"><div style="padding:14px;font-size:12px;color:var(--t3)">読込中…</div></div>
        <div style="font-size:11px;color:var(--t3);font-weight:700;letter-spacing:.06em;margin:20px 0 9px">アプリ情報</div>
        <div class="ver-card">
          <div class="ver-row"><span class="k">ポケットケイビ2号</span><span class="v" id="set-appver">—</span></div>
          <div class="ver-row"><span class="k">システム</span><span class="v" id="set-swver">—</span></div>
        </div>
        <div style="font-size:11px;color:var(--t3);font-weight:700;letter-spacing:.06em;margin:20px 0 9px">セキュリティ</div><!-- v3.33.0: 「アカウント」見出しの重複を解消 -->
        <button class="jgpw-entry" onclick="JGPW.openChange(function(){return _guardSession&&_guardSession.token;},_refreshToken)"><span style="font-size:14px">🔑</span><span>パスワードを変更</span></button>
        <div style="margin:20px 0 0">
          <button onclick="_signoutWithConfirm()" style="width:100%;background:var(--bg2);border:1px solid rgba(239,68,68,.3);border-radius:var(--rmd);padding:13px 14px;color:#fca5a5;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--f);display:flex;align-items:center;justify-content:center;gap:10px">
            <span style="font-size:14px">🚪</span><span>ログアウト</span>
          </button>
        </div>
      </div>
      <div class="spacer"></div>
    </div>

    <!-- v3.17.0 §5: REPORT タブ廃止（日報=上番/下番のGuardHub自動連動で代替・事故報告は母艦受け皿とセットで将来設計） -->

  </div><!-- /app -->

  <!-- tabbar (v3.22.0: 4タブ ホーム/シフト/メンバー/設定) -->
  <div class="tabbar" style="grid-template-columns:repeat(4,1fr)">
    <div class="tab active" id="tab-home" onclick="switchTab('home')">
      <svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M3 10L11 3l8 7v9H3z" stroke="var(--accent)" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" id="ti-home"/><path d="M8 22v-7h6v7" stroke="var(--accent)" stroke-width="1.8" stroke-linecap="round"/></svg>
      <span class="tab-label" id="tl-home" style="color:var(--accent)">ホーム</span>
    </div>
    <div class="tab" id="tab-shift" onclick="switchTab('shift')">
      <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="var(--t3)" stroke-width="1.8" id="ti-shift"><rect x="2" y="3" width="18" height="16" rx="3"/><path d="M2 8h18M7 3v2M15 3v2"/></svg>
      <span class="tab-label" id="tl-shift">シフト</span>
    </div>
    <div class="tab" id="tab-members" onclick="switchTab('members')">
      <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="var(--t3)" stroke-width="1.8" id="ti-members"><circle cx="8" cy="7" r="3"/><circle cx="16" cy="7" r="2.5"/><path d="M1 18c0-3.3 2.7-6 6-6h2c3.3 0 6 2.7 6 6"/><path d="M14 12c2.2 0 4 1.8 4 4v2"/></svg>
      <span class="tab-label" id="tl-members">メンバー</span>
    </div>
    <div class="tab" id="tab-settings" onclick="switchTab('settings')">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--t3)" stroke-width="1.7" id="ti-settings"><circle cx="12" cy="12" r="3.2"/><path d="M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.2 5.2l2.1 2.1M16.7 16.7l2.1 2.1M5.2 18.8l2.1-2.1M16.7 7.3l2.1-2.1"/></svg>
      <span class="tab-label" id="tl-settings">設定</span>
      <span class="tab-badge-dot" id="tab-settings-badge" style="display:none"></span>
    </div>
  </div>

  <!-- dialog -->
  <div class="dlg-ov" id="dlg-ov" onclick="hideDlg(event)">
    <div class="dlg">
      <div class="dlg-handle"></div>
      <div class="dlg-icon ci" id="dlg-icon">↑</div>
      <div class="dlg-title" id="dlg-title">上番を記録する</div>
      <div class="dlg-detail" id="dlg-detail">現在地のGPS情報と現在時刻を記録します。</div>
      <div class="dlg-row">
        <svg width="13" height="13" viewBox="0 0 13 13" fill="none"><circle cx="6.5" cy="6.5" r="5" stroke="#10b981" stroke-width="1.3"/><circle cx="6.5" cy="6.5" r="2" fill="#10b981"/></svg>
        <span class="dlg-lbl">GPS 位置</span><span class="dlg-val" id="dlg-gps">取得中…</span>
      </div>
      <div class="dlg-row">
        <svg width="13" height="13" viewBox="0 0 13 13" fill="none"><circle cx="6.5" cy="6.5" r="5" stroke="rgba(255,255,255,.3)" stroke-width="1.3"/><path d="M6.5 3.5v3l2 1.2" stroke="rgba(255,255,255,.5)" stroke-width="1.1" stroke-linecap="round"/></svg>
        <span class="dlg-lbl">記録時刻</span><span class="dlg-val" id="dlg-time">07:00</span>
      </div>
      <div class="dlg-acts">
        <button class="db db-cancel" onclick="hideDlg()">キャンセル</button>
        <button class="db" id="db-confirm" onclick="confirmAction()">記録する</button>
      </div>
    </div>
  </div>

  <!-- v3.41.0（課題 #98）: 位置情報の直し方 -->
  <div class="dlg-ov" id="geo-help-ov" onclick="geoHideHelp(event)">
    <div class="dlg" style="max-height:90%;overflow-y:auto">
      <div class="dlg-handle"></div>
      <div class="dlg-title">📍 位置情報の直し方</div>
      <div class="dlg-detail" style="text-align:left;line-height:1.8">
        <div style="font-weight:700;margin-top:4px">iPhone</div>
        <div>① 設定 → プライバシーとセキュリティ → 位置情報サービス をオンにする</div>
        <div>② 同じ画面の下の「SafariのWebサイト」を「このAppの使用中」にして、「正確な位置情報」もオンにする</div>
        <div>③ 設定 →（iOS 18 以降は「アプリ」→）Safari → 位置情報 を「確認」か「許可」にする</div>
        <div>④ ホーム画面のアイコンから開いている人は、このアプリの［位置情報を許可する］を押して、確認が出たら［許可］</div>
        <div style="font-weight:700;margin-top:10px">Android（Chrome）</div>
        <div>① 設定 → 位置情報 をオンにする</div>
        <div>② 設定 → アプリ → Chrome → 権限 → 位置情報 を「アプリの使用中のみ許可」にする</div>
        <div>③ Chrome の ⋮ → 設定 → サイトの設定 → 位置情報 で、このアプリ（guard.j-guard.jp）を「許可」にする</div>
        <div style="margin-top:10px;color:var(--t2)">変えたら、このアプリを閉じて開き直してください（画面の下から上へスワイプして止め、このアプリを上へはらう）。</div>
      </div>
      <div class="dlg-acts">
        <button class="db db-cancel" onclick="geoHideHelp()">閉じる</button>
        <button class="db" id="geo-help-act" onclick="geoHelpAct()">位置情報を許可する</button>
      </div>
    </div>
  </div>

  <!-- 電子署名画面 -->
  <div class="dlg-ov" id="sign-ov" onclick="hideSign(event)">
    <div class="dlg" id="sign-main" style="padding-bottom:24px;max-height:94%;overflow-y:auto">
      <div class="dlg-handle"></div>
      <div style="text-align:center;margin-bottom:10px">
        <div style="font-size:28px;margin-bottom:6px">✍️</div>
        <div class="dlg-title">発注者 電子署名</div>
        <div class="dlg-detail">現場責任者のサインをお願いします</div>
      </div>
      <!-- v3.39.0（日報控え 第2便）: 会社の設定が「まとめても受ける」のときだけ出す -->
      <div class="tm-bar" id="sign-team-bar" style="display:none">
        <div style="font-size:11.5px;color:var(--t2);line-height:1.6">この会社は「まとめてサイン」も使えます。代表者が、下番したメンバー全員の分を1回でサインを受けられます（1人ずつのサインは下のまま）。</div>
        <div style="display:flex;gap:8px;margin-top:8px">
          <button class="db" onclick="openTeam()" style="padding:10px;font-size:12.5px;background:var(--accent);color:#1a0f00">代表者としてまとめて受ける</button>
          <button class="db db-cancel" onclick="leaveToLeader()" style="padding:10px;font-size:12.5px">代表者に任せる</button>
        </div>
      </div>
      <div class="dlg-row">
        <span style="font-size:12px">🏢</span>
        <span class="dlg-lbl">現場</span>
        <span class="dlg-val" style="color:var(--t1)" id="sign-client">—</span>
      </div>
      <!-- v3.38.0（#77）: 日付・隊員名・発注会社・業務内容（発注会社と業務内容はサーバーが入れる＝控えの PDF と同じ） -->
      <div class="dlg-row"><span style="font-size:12px">📅</span><span class="dlg-lbl">日付</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f)" id="sign-date">—</span></div>
      <div class="dlg-row"><span style="font-size:12px">🧑</span><span class="dlg-lbl">隊員</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f)" id="sign-guard">—</span></div>
      <div class="dlg-row"><span style="font-size:12px">🏗️</span><span class="dlg-lbl">発注会社</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f);margin-left:auto;text-align:right;max-width:64%;word-break:break-all" id="sign-clientco">—</span></div>
      <div class="dlg-row"><span style="font-size:12px">🛡️</span><span class="dlg-lbl">業務内容</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f)" id="sign-duty">—</span></div>
      <div class="dlg-row">
        <span style="font-size:12px">👤</span>
        <span class="dlg-lbl">責任者名</span>
        <input style="margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--t1);font-size:12px;font-family:var(--f);width:120px;outline:none;text-align:right" value="" placeholder="現場責任者名" id="sign-name">
      </div>
      <!-- 勤務時間サマリ＋調整 -->
      <div style="margin-top:10px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rmd);padding:10px 12px">
        <div style="font-size:10px;font-weight:700;color:var(--t3);letter-spacing:.04em;margin-bottom:8px">⏱ 勤務時間</div>
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;text-align:center;margin-bottom:8px">
          <div><div style="font-size:10px;color:var(--t3)">上番</div><div style="font-family:var(--m);font-size:14px;font-weight:700;color:var(--t1)" id="sign-ci-time">--:--</div></div>
          <div><div style="font-size:10px;color:var(--t3)">下番</div><div style="font-family:var(--m);font-size:14px;font-weight:700;color:var(--t1)" id="sign-co-time">--:--</div></div>
          <div><div style="font-size:10px;color:var(--t3)">拘束</div><div style="font-family:var(--m);font-size:14px;font-weight:700;color:var(--t1)" id="sign-total">--:--</div></div>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;text-align:center;margin-bottom:8px">
          <div style="background:var(--bg);border-radius:6px;padding:6px"><div style="font-size:10px;color:var(--t3)">法定休憩</div><div style="font-family:var(--m);font-size:14px;font-weight:700;color:var(--warn,#f59e0b)" id="sign-break">60分</div></div>
          <div style="background:var(--bg);border-radius:6px;padding:6px"><div style="font-size:10px;color:var(--t3)">実働時間</div><div style="font-family:var(--m);font-size:14px;font-weight:700;color:var(--ok)" id="sign-net">--:--</div></div>
          <div style="background:var(--bg);border-radius:6px;padding:6px"><div style="font-size:10px;color:var(--t3)">残業時間</div><div style="font-family:var(--m);font-size:14px;font-weight:700;color:var(--accent,#e3a53a)" id="sign-overtime">0分</div></div>
        </div>
        <div style="border-top:1px solid var(--border);padding-top:8px">
          <div style="display:flex;align-items:center;gap:8px">
            <span style="font-size:12px">⚠️</span>
            <span style="font-size:11px;color:var(--t2);flex:1">休憩未取得分</span>
            <button onclick="adjustOT(-10)" style="width:28px;height:28px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--t1);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center">−</button>
            <span style="font-family:var(--m);font-size:14px;font-weight:700;color:var(--accent,#e3a53a);min-width:40px;text-align:center" id="sign-ot">0分</span>
            <button onclick="adjustOT(10)" style="width:28px;height:28px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--t1);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center">＋</button>
          </div>
          <div style="font-size:9px;color:var(--t3);margin-top:4px;line-height:1.4">※ 現場都合で休憩が取れなかった場合、未取得分（最大60分）を残業として加算できます</div>
        </div>
      </div>
      <div style="margin-top:10px">
        <div style="font-size:10px;color:var(--t3);font-weight:700;margin-bottom:6px">署名欄（指またはペンで記入）</div>
        <div style="position:relative;background:#fff;border-radius:var(--rmd);overflow:hidden;border:2px solid var(--border)">
          <canvas id="sign-canvas" width="311" height="140" style="width:100%;height:140px;display:block;touch-action:none"></canvas>
          <div style="position:absolute;bottom:30px;left:0;right:0;border-bottom:1px dashed #ccc;margin:0 20px"></div>
          <div style="position:absolute;bottom:12px;right:12px;font-size:9px;color:#bbb">署名</div>
        </div>
      </div>
      <div style="display:flex;gap:8px;margin-top:10px">
        <button class="db db-cancel" onclick="clearSign()" style="flex:0 0 auto;padding:14px 18px">消去</button>
        <button class="db db-cancel" onclick="openSkip()" style="flex:1">スキップ</button>
        <button class="db db-out" onclick="submitSign()" style="flex:1;background:var(--accent);color:#1a0f00">署名を確定</button>
      </div>
      <div style="font-size:9.5px;color:var(--t3);margin-top:8px;line-height:1.5;text-align:center">署名を確定すると、この画面の内容が「日報控え」（PDF）として保存されます（シフト画面の［📄 日報控え］）</div>
    </div>
    <!-- v3.38.0: ［スキップ］＝サインなしの控えを残す（理由を選ぶ） -->
    <div class="dlg" id="skip-panel" style="display:none;padding-bottom:24px;max-height:94%;overflow-y:auto">
      <div class="dlg-handle"></div>
      <div class="dlg-title">サインなしで控えを残す</div>
      <div class="dlg-detail" style="line-height:1.6">サインをもらえなかった理由を選んでください。休憩・残業は「隊員の申告」として控えに残ります（サインなしの控えは、実績・請求には使いません）。</div>
      <button class="skip-opt" data-code="absent" onclick="pickSkip('absent')">所長不在</button>
      <button class="skip-opt" data-code="busy" onclick="pickSkip('busy')">所長が忙しい</button>
      <button class="skip-opt" data-code="other" onclick="pickSkip('other')">その他</button>
      <input id="skip-text" maxlength="60" placeholder="ひと言（その他のときは必ず）" style="width:100%;margin-top:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px;color:var(--t1);font-size:13px;font-family:var(--f);outline:none;box-sizing:border-box">
      <div style="display:flex;gap:8px;margin-top:12px">
        <button class="db db-cancel" onclick="backSkip()" style="flex:0 0 auto;padding:14px 18px">戻る</button>
        <button class="db db-out" id="skip-send" onclick="submitUnsigned()" style="flex:1;background:var(--accent);color:#1a0f00">控えを残して終える</button>
      </div>
      <button onclick="skipNoCopy()" style="display:block;margin:12px auto 0;background:none;border:none;color:var(--t3);font-size:11.5px;text-decoration:underline;font-family:var(--f);cursor:pointer">控えを残さずに閉じる</button>
    </div>
    <!-- v3.39.0（日報控え 第2便）: まとめてサイン（代表者）＝下番済み・まだサインの無いメンバーを1枚に -->
    <div class="dlg" id="team-panel" style="display:none;padding-bottom:24px;max-height:94%;overflow-y:auto">
      <div class="dlg-handle"></div>
      <div class="dlg-title">まとめてサイン（代表者）</div>
      <div class="dlg-detail" style="line-height:1.6">下番済みで、まだサインの無いメンバーが表に入ります。所長に表を見せてから、サインをお願いします。</div>
      <div class="dlg-row"><span style="font-size:12px">🏢</span><span class="dlg-lbl">現場</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f);margin-left:auto;text-align:right;max-width:64%;word-break:break-all" id="team-site">—</span></div>
      <div class="dlg-row"><span style="font-size:12px">📅</span><span class="dlg-lbl">日付</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f)" id="team-date">—</span></div>
      <div class="dlg-row"><span style="font-size:12px">🏗️</span><span class="dlg-lbl">発注会社</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f);margin-left:auto;text-align:right;max-width:64%;word-break:break-all" id="team-clientco">—</span></div>
      <div class="dlg-row"><span style="font-size:12px">🛡️</span><span class="dlg-lbl">業務内容</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f)" id="team-duty">—</span></div>
      <div style="display:flex;align-items:center;gap:8px;margin-top:10px">
        <div style="font-size:10px;font-weight:700;color:var(--t3);letter-spacing:.04em;flex:1">👥 メンバー（休憩未取得分は人ごとに ±10分）</div>
        <button class="db db-cancel" onclick="loadTeam()" style="flex:0 0 auto;padding:6px 12px;font-size:11.5px">読み直す</button>
      </div>
      <div id="team-list"><div style="padding:12px;font-size:12px;color:var(--t3)">読込中…</div></div>
      <div class="dlg-row" style="margin-top:10px">
        <span style="font-size:12px">👤</span>
        <span class="dlg-lbl">責任者名</span>
        <input style="margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--t1);font-size:12px;font-family:var(--f);width:120px;outline:none;text-align:right" value="" placeholder="現場責任者名" id="team-name" maxlength="100">
      </div>
      <div style="margin-top:10px">
        <div style="font-size:10px;color:var(--t3);font-weight:700;margin-bottom:6px">署名欄（指またはペンで記入）</div>
        <div style="position:relative;background:#fff;border-radius:var(--rmd);overflow:hidden;border:2px solid var(--border)">
          <canvas id="team-canvas" width="311" height="140" style="width:100%;height:140px;display:block;touch-action:none"></canvas>
          <div style="position:absolute;bottom:30px;left:0;right:0;border-bottom:1px dashed #ccc;margin:0 20px"></div>
          <div style="position:absolute;bottom:12px;right:12px;font-size:9px;color:#bbb">署名</div>
        </div>
      </div>
      <div style="display:flex;gap:8px;margin-top:10px">
        <button class="db db-cancel" onclick="backTeam()" style="flex:0 0 auto;padding:14px 14px">戻る</button>
        <button class="db db-cancel" onclick="clearTeamSign()" style="flex:0 0 auto;padding:14px 14px">消去</button>
        <button class="db db-out" id="team-send" onclick="submitTeam()" style="flex:1;background:var(--accent);color:#1a0f00">まとめて署名を確定</button>
      </div>
      <div style="font-size:9.5px;color:var(--t3);margin-top:8px;line-height:1.5;text-align:center">確定すると、表のメンバー全員の時間を載せた1枚の「日報控え」（PDF）が、全員の［📄 日報控え］に入ります</div>
    </div>
    <!-- v3.39.0: 署名のあと（控えの番号と、所長に渡す QR） -->
    <div class="dlg" id="done-panel" style="display:none;padding-bottom:24px;max-height:94%;overflow-y:auto">
      <div class="dlg-handle"></div>
      <div style="text-align:center;font-size:30px;margin-bottom:4px">✅</div>
      <div class="dlg-title">署名を記録しました</div>
      <div class="dlg-detail" id="done-detail" style="line-height:1.6">—</div>
      <div id="done-excluded"></div>
      <button class="db" id="done-qr" onclick="showDoneQr()" style="display:block;width:100%;margin-top:14px;background:var(--accent);color:#1a0f00">所長に控えを渡す（QR）</button>
      <div style="font-size:10.5px;color:var(--t3);margin-top:6px;line-height:1.5;text-align:center">365 を使っていない所長に、控えの PDF を渡せます（所長のスマホのカメラで読み取り・7日間）</div>
      <button class="db db-cancel" onclick="closeDone()" style="display:block;width:100%;margin-top:12px">閉じる</button>
    </div>
  </div>

  <!-- v3.38.0: 日報控えの一覧（シフト画面の［📄 日報控え］） -->
  <div class="dlg-ov" id="copy-ov" onclick="hideCopies(event)">
    <div class="dlg" style="max-height:88%;overflow-y:auto">
      <div class="dlg-handle"></div>
      <div class="dlg-title">📄 日報控え</div>
      <div class="dlg-detail" style="line-height:1.6">下番のサインの控え（PDF）です。押すと読み込み、［開く］［保存・共有］で端末に残せます。</div>
      <div class="month-nav" style="margin-top:8px">
        <button class="month-btn2" onclick="dcNav(-1)">◀</button>
        <span class="month-lbl" id="dc-month-lbl">—</span>
        <button class="month-btn2" onclick="dcNav(1)">▶</button>
      </div>
      <div id="dc-missing"></div>
      <div class="dc-list" id="dc-list"></div>
      <div class="dlg-acts" style="margin-top:14px">
        <button class="db db-cancel" onclick="hideCopies()">閉じる</button>
      </div>
    </div>
  </div>

  <!-- v3.39.0（日報控え 第2便）: 所長に控えを渡す QR（365 を使っていない所長・有効7日・開けるのは20回まで） -->
  <div class="dlg-ov" id="qr-ov" onclick="hideQr(event)">
    <div class="dlg" style="max-height:92%;overflow-y:auto">
      <div class="dlg-handle"></div>
      <div class="dlg-title">所長に控えを渡す</div>
      <div class="dlg-detail" id="qr-copyno" style="font-family:var(--m)">—</div>
      <div class="qr-box" id="qr-box"><div style="font-size:12px;color:#666">作っています…</div></div>
      <div style="font-size:12.5px;color:var(--t1);margin-top:12px;line-height:1.7;text-align:center">所長のスマホのカメラで読み取ってもらってください。<br>控えの PDF が開きます（ログインは要りません）。</div>
      <div style="font-size:11.5px;color:var(--t2);margin-top:6px;text-align:center" id="qr-meta"></div>
      <div style="font-size:10.5px;color:#fca5a5;margin-top:8px;line-height:1.6;text-align:center">この QR を写真で他の人に送らないでください（受け取った人も開けます）。</div>
      <div style="display:flex;gap:8px;margin-top:12px">
        <button class="db db-cancel" id="qr-new" onclick="showCopyQr(_qrCopy.id,_qrCopy.no,true)" style="padding:10px;font-size:12px">新しい QR にする</button>
        <button class="db db-cancel" id="qr-stop" onclick="stopCopyQr()" style="padding:10px;font-size:12px;color:#fca5a5">この控えの QR を止める</button>
      </div>
      <div class="dlg-acts" style="margin-top:10px"><button class="db db-cancel" onclick="hideQr()">閉じる</button></div>
    </div>
  </div>

  <!-- v3.21.0: 予定タップ→現場カード（既存 .dlg-ov 流用） -->
  <div class="dlg-ov" id="day-ov" onclick="hideDay(event)">
    <div class="dlg">
      <div class="dlg-handle"></div>
      <div class="dlg-title" id="day-title">—</div>
      <div class="dlg-detail" id="day-detail">—</div>
      <div id="day-body" style="margin-top:10px"></div>
      <div class="dlg-acts" style="margin-top:14px">
        <button class="db db-cancel" onclick="hideDay()">閉じる</button>
        <button class="db" id="day-map-btn" onclick="_dayToMap()" style="background:var(--accent);color:#1a0f00">地図で見る</button>
      </div>
    </div>
  </div>

  <div class="toast" id="toast"></div>
</div>

<script>
/* ═══ 導入会社設定（ここを変えるだけで切替可能） ═══ */
const CONFIG = {
  systemName: 'J-GUARD',    // システム名 (v3.10.0 L1-1③ J-GUARD ブランド統一)
  companyName: '',  // 導入会社名 (v3.10.0 L1-1④ コード上未参照確認済 / 将来 backend 取得経路に置換予定)
  appVersion: 'v3.41.0',   // v3.22.0: 設定画面のバージョン表示（v3.450: 実態とずれていたので是正）
  swVersion: '',           // v3.31.0: 直書き廃止＝表示時に _jgSwVer() が CacheStorage から実測（固定値は必ず古びる）
  /* v3.11.0 §C: guardName / guardLastName は _applySessionToUI() が signin 後の guards.name から動的設定 */
};
/* ═══════════════════════════════════════════════════ */

/* v3.31.0: SW版数の実測。CacheStorage のキャッシュ名（例 j-guard-v3.516-static）から
   最新の j-guard-vX.Y を数値比較で選ぶ。SW未登録・非対応・失敗は '' を返し表示は「—」。 */
async function _jgSwVer(){
  try{
    if(!('caches' in window))return '';
    var keys=await caches.keys();
    var vs=[];
    for(var i=0;i<keys.length;i++){var m=/j-guard-v(\d+(?:\.\d+)*)/.exec(keys[i]);if(m)vs.push(m[1]);}
    if(!vs.length)return '';
    vs.sort(function(a,b){var A=a.split('.'),B=b.split('.');for(var j=0;j<Math.max(A.length,B.length);j++){var d=(Number(A[j])||0)-(Number(B[j])||0);if(d)return d;}return 0;});
    return 'j-guard-v'+vs[vs.length-1];
  }catch(e){return '';}
}

const API='https://atom-keibi-backend-production-c336.up.railway.app';
/* v3.16.0 R1-4: XSS対策 共有HTMLエスケープヘルパ (DEC-72枠承認) */
const escapeHtml = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
/* ════════════════════════════════════════════════════════ */
/* §C v3.11.0: Supabase Auth 経由セッション管理            */
/* ════════════════════════════════════════════════════════ */
const SUPABASE_URL = 'https://tqfbiobsrehzocynxayk.supabase.co';
const SUPABASE_ANON_KEY = 'sb_publishable_NjqJ3o0GwdkW8DRCv3kFmA_Rkb8Ge01';

/* ══════════════════════════════════════════════════════════════════════════
   v3.450 §PW ─ パスワードの設定／変更（母艦の「再設定を依頼」の受け皿＋本人による変更）
   【使いかた】
     ① 母艦で管理者が「📨 パスワード再設定を依頼」を押すと、BE v7.169.0 が
        Supabase に1回だけ有効なリンクを作らせる（メールは送らない）。
        そのリンクをQR付きA4に印刷して本人に手渡す。
     ② 本人がQRを読むとこのアプリが開き、URLの # に type=recovery と
        access_token が乗ってくる。access_token は「本人である資格」そのもの。
     ③ ここでそれを受け取り、新しいパスワードを Supabase に書き込む。
   【設計上わざとそうしている点】
     ・🔴 # の読み取りは「解析時」に走る＝ページのどの処理より先。2号は
       supabase-js を積んでおり、放っておくと SDK が # を勝手に消費して
       「ログイン済み」の状態を作ってしまう。先に取り出して即座に消すので、
       アプリ本体のログイン／セッション処理には1行も影響しない。
     ・🔴 アドレスバーからは即座に消す（履歴・スクショに資格を残さない）。
     ・🔴 書き込みは Supabase Auth の PUT /auth/v1/user を直接叩く。
       SaaSコンソール v2.4〜v2.7 で実機の通し確認が済んでいる流儀に合わせた。
     ・🔴 Supabase は「過去に流出したパスワード」の照合が有効になっているため
       英語のエラーが返ってくる（2026-08-06 実測）。隊員・発注者に英語を
       見せると「壊れた」と誤解されるので日本語へ言い換える。
       🔒当たらなかった文言はそのまま出す＝新しい種類のエラーを握りつぶさない。
   ══════════════════════════════════════════════════════════════════════════ */
var JGPW = (function(){
  'use strict';
  var APP_LABEL = 'ポケットケイビ2号';
  var SB_URL = 'https://tqfbiobsrehzocynxayk.supabase.co';

  var ERR_JA = [
    [/known to be weak|easy to guess|pwned|leaked/i,
     'このパスワードは過去に流出したものとして知られています。推測されやすいので、別のものにしてください。'],
    [/should be different from the old password/i,
     'いままでと同じパスワードは使えません。別のものにしてください。'],
    [/at least (\d+) characters/i,
     'パスワードが短すぎます（$1文字以上にしてください）。'],
    [/should contain/i,
     'パスワードに使う文字の種類が足りません（英字・数字・記号を混ぜてください）。'],
    [/reauthentication|not authenticated|missing sub claim/i,
     'いったんログインし直してから、もう一度お試しください。'],
    [/link is invalid or has expired|token not found|expired|invalid claim|bad_jwt|JWT/i,
     'このリンクは期限が切れているか、すでに使われています。お手数ですが、会社のご担当者にもう一度発行を依頼してください。'],
    [/rate limit|too many requests/i,
     '短い時間に何度も試すと止められます。少し時間をおいてからもう一度お試しください。']
  ];
  function ja(m){
    var t = String(m == null ? '' : m);
    for (var i = 0; i < ERR_JA.length; i++) {
      var x = t.match(ERR_JA[i][0]);
      if (x) return ERR_JA[i][1].replace('$1', x[1] || '');
    }
    return t;
  }

  /* 🔴解析時に走る＝ページのどの処理より先。取り出したら即アドレスバーから消す。 */
  var arrival = (function(){
    var h = (location.hash || '').replace(/^#/, '');
    if (!h || h.indexOf('=') < 0) return null;
    var p; try { p = new URLSearchParams(h); } catch (e) { return null; }
    var err = p.get('error_description') || p.get('error_code') || p.get('error');
    var tk  = p.get('access_token');
    var typ = p.get('type');
    if (!err && !(tk && typ === 'recovery')) return null;   /* 通常のログイン導線には触らない */
    try { history.replaceState(null, '', location.pathname + location.search); } catch (e) {}
    return err ? { error: String(err).replace(/\+/g, ' ') } : { token: tk };
  })();

  var mode = '', tok = '', getTok = null, refresh = null, onDone = null;
  function $(id){ return document.getElementById(id); }
  function say(id, text){
    var e = $(id); if (!e) return;
    if (text) { e.textContent = text; e.style.display = 'block'; }
    else { e.textContent = ''; e.style.display = 'none'; }
  }
  function txt(id, t){ var e = $(id); if (e) e.textContent = t; }

  /* access_token の payload から「誰のリンクか」を取り出して画面に出す。
     署名は検証しない＝表示のためだけに使う（検証はSupabase側が行う）。 */
  function loginIdOf(t){
    try {
      var b = String(t).split('.')[1].replace(/-/g, '+').replace(/_/g, '/');
      while (b.length % 4) b += '=';
      var s = atob(b).split('').map(function(c){
        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
      }).join('');
      return (JSON.parse(decodeURIComponent(s)) || {}).email || '';
    } catch (e) { return ''; }
  }

  function paint(kind, loginId, subText){
    mode = kind;
    var ov = $('jgpw-ov'); if (!ov) return false;
    txt('jgpw-title', kind === 'recovery' ? 'パスワードの設定' : 'パスワードの変更');
    txt('jgpw-sub', subText);
    var iw = $('jgpw-idwrap');
    if (iw) { txt('jgpw-id', loginId || ''); iw.style.display = loginId ? 'block' : 'none'; }
    var f = $('jgpw-form'); if (f) f.style.display = 'block';
    var c = $('jgpw-cancel'); if (c) c.style.display = (kind === 'change') ? 'block' : 'none';
    var a = $('jgpw-a'), b = $('jgpw-b'), sh = $('jgpw-show');
    if (a) a.value = ''; if (b) b.value = '';
    if (sh) { sh.checked = false; toggleShow(); }
    say('jgpw-err', ''); say('jgpw-ok', '');
    var btn = $('jgpw-btn'); if (btn) { btn.disabled = false; btn.textContent = 'このパスワードにする'; }
    ov.style.display = 'block';
    setTimeout(function(){ if (a) a.focus(); }, 80);
    return true;
  }

  function toggleShow(){
    var on = !!($('jgpw-show') && $('jgpw-show').checked);
    ['jgpw-a', 'jgpw-b'].forEach(function(id){
      var e = $(id); if (e) e.type = on ? 'text' : 'password';
    });
  }

  function close(){
    var ov = $('jgpw-ov'); if (ov) ov.style.display = 'none';
    var a = $('jgpw-a'), b = $('jgpw-b');
    if (a) a.value = ''; if (b) b.value = '';   /* 入力欄にパスワードを残さない */
    var was = mode;
    mode = ''; tok = '';
    /* リンクから来た人を無言で放り出さない＝必ずログイン画面まで連れて行く */
    if (was === 'recovery' && onDone) { var f = onDone; onDone = null; f(''); }
  }

  /* 古いセッションを消す＝新しいパスワードで入り直してもらう */
  function wipeSessions(){
    ['ksg_guard_session', 'ksg_client_session', 'atom_client_session', 'atom_admin_session'].forEach(function(k){
      try { localStorage.removeItem(k); } catch (e) {}
    });
    try {
      var kill = [];
      for (var i = 0; i < localStorage.length; i++) {
        var k = localStorage.key(i);
        if (k && /^sb-.*-auth-token/.test(k)) kill.push(k);
      }
      kill.forEach(function(k){ localStorage.removeItem(k); });
    } catch (e) {}
  }

  function put(t, pw){
    return fetch(SB_URL + '/auth/v1/user', {
      method: 'PUT',
      headers: { 'Content-Type': 'application/json', 'apikey': SUPABASE_ANON_KEY, 'Authorization': 'Bearer ' + t },
      body: JSON.stringify({ password: pw })
    });
  }

  async function submit(){
    var ea = $('jgpw-a'), eb = $('jgpw-b'), btn = $('jgpw-btn');
    var a = ea ? ea.value : '', b = eb ? eb.value : '';
    say('jgpw-err', ''); say('jgpw-ok', '');
    if (!a || !b) { say('jgpw-err', '新しいパスワードを2か所に入力してください'); return; }
    if (a !== b)  { say('jgpw-err', '2つの入力が一致しません。もう一度ご確認ください'); return; }
    if (a.length < 8) { say('jgpw-err', 'パスワードは8文字以上にしてください'); return; }
    /* ありがちなパスワードは送る前に画面で止める（サーバーの照合より前の親切） */
    if (/^(password|passw0rd|12345678|123456789|qwertyui|abcd1234|kojima|jguard|j-guard|guard123|keibi)/i.test(a)) {
      say('jgpw-err', 'ありがちなパスワードは使えません。英字・数字・記号を混ぜた12文字以上をおすすめします。'); return;
    }
    var t = (mode === 'change' && getTok) ? (getTok() || '') : tok;
    if (!t) {
      say('jgpw-err', mode === 'recovery'
        ? 'リンクの有効期限が切れています。会社のご担当者にもう一度発行を依頼してください。'
        : 'ログインし直してから、もう一度お試しください。');
      return;
    }
    if (btn) { btn.disabled = true; btn.textContent = '設定中…'; }
    try {
      var r = await put(t, a);
      if (r.status === 401 && mode === 'change' && refresh) {          /* JWTは1時間で失効する */
        var ok = false; try { ok = await refresh(); } catch (e) {}
        if (ok && getTok) { t = getTok() || t; r = await put(t, a); }
      }
      var d = {}; try { d = await r.json(); } catch (e) {}
      if (!r.ok) throw new Error(ja(d.msg || d.error_description || d.error || ('設定できませんでした（' + r.status + '）')));
      if (ea) ea.value = ''; if (eb) eb.value = '';
      var f = $('jgpw-form'); if (f) f.style.display = 'none';
      var who = (mode === 'recovery') ? loginIdOf(tok) : '';
      if (mode === 'recovery') {
        wipeSessions();
        say('jgpw-ok', '✅ パスワードを設定しました。\nこのパスワードは会社の担当者も見られません。忘れないようにしてください。\n\nログイン画面へ移動します…');
        setTimeout(function(){ var f = onDone; onDone = null; close(); if (f) f(who); }, 1800);
      } else {
        say('jgpw-ok', '✅ パスワードを変更しました。\n次のログインから新しいパスワードをお使いください。');
        var c = $('jgpw-cancel'); if (c) c.textContent = '閉じる';
      }
    } catch (e) {
      say('jgpw-err', (e && e.message) || '設定できませんでした');
      if (btn) { btn.disabled = false; btn.textContent = 'このパスワードにする'; }
    }
  }

  /* 起動時に1回だけ呼ぶ。リンクから来ていれば true を返す＝アプリ本体は起動しない。 */
  function boot(done){
    if (!arrival) return false;
    onDone = done || null;
    if (arrival.error) {
      paint('recovery', '', '');
      var f = $('jgpw-form'); if (f) f.style.display = 'none';
      /* 対応表に当たった文言には既に案内が入っているので、二重に書かない。
         当たらなかった英語のエラーのときだけ、次にどうすればよいかを足す。 */
      var m = ja(arrival.error);
      if (m.indexOf('担当者') < 0) m += '\n\nお手数ですが、会社のご担当者に「パスワード再設定」をもう一度依頼してください。';
      say('jgpw-err', m);
      var c = $('jgpw-cancel');
      if (c) { c.style.display = 'block'; c.textContent = 'ログイン画面へ'; }
      return true;
    }
    tok = arrival.token;
    paint('recovery', loginIdOf(tok),
      APP_LABEL + 'で使う新しいパスワードを、ご自分で決めてください。決めたパスワードは会社の担当者にも分かりません。');
    return true;
  }

  /* 設定画面の「パスワードを変更」から呼ぶ */
  function openChange(tokenGetter, refresher){
    getTok = tokenGetter || null; refresh = refresher || null;
    var t = getTok ? (getTok() || '') : '';
    paint('change', loginIdOf(t), '新しいパスワードを決めてください。次のログインから新しいパスワードをお使いいただきます。');
  }

  return {
    pending: !!arrival,
    boot: boot,
    openChange: openChange,
    submit: submit,
    close: close,
    toggleShow: toggleShow,
    ja: ja
  };
})();

const __IS_DEMO__ = (location.host === 'thunderous-dragon-7dea63.netlify.app');

/* v3.12.1: アプリ識別子 = 警備業法業務区分 (この HTML は 2号警備員 = 交通誘導・雑踏警備 専用) */
/* ポケットケイビ1号 (= guard_app_facility.html / Phase 2 で実装予定) では ['facility'] に変更 */
const APP_DUTY_TYPES = ['traffic', 'crowd'];

let _sb = null;
let _guardSession = null;  /* { token, guard: { id, name, company_id } } */
let _userStateUsed = false; /* v3.36.1: この画面で一度でも誰かのデータを描いたか（再ログイン時の読み直しの判定） */

function _initSupabase(){
  if (typeof supabase === 'undefined') {
    console.error('[J-GUARD] Supabase SDK 未読込');
    return false;
  }
  _sb = supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY);
  return true;
}

/* v3.33.0: ログイン失敗の文言。Supabase は英語（Invalid login credentials 等）で返すので隊員向けに日本語へ。
   自前で throw している日本語の診断文（guard_id 未設定・guards 行なし）はそのまま出す。原文は console.warn に残す。 */
function _loginErrMsg(e){
  const m = String((e && e.message) || '');
  try { console.warn('[login]', m); } catch (_) {}
  if (/[\u3040-\u30ff\u4e00-\u9fff]/.test(m)) return m;
  if (/invalid login credentials|invalid_credentials|invalid grant/i.test(m)) return 'ログインIDかパスワードが違います';
  if (/email not confirmed|email_not_confirmed/i.test(m)) return 'メールアドレスの確認が済んでいません。会社の担当者にご連絡ください';
  return 'ログインできませんでした。通信状態を確認してもう一度お試しください';
}

/* v3.37.3: ログインIDのならし（全角の英数字・＠・．・ー（長音）・－ を半角にそろえ、空白を除き、小文字にする）。
   スマホの日本語キーボードで「＠」が全角になると「@ まで含めて」で止まっていた（MANABU 2026-10-20・GH365 で同じ型を発見）。 */
function _normLoginId(s){
  s = String(s == null ? '' : s);
  try{ s = s.normalize('NFKC'); }catch(e){}
  return s.replace(/[\u30FC\u2010-\u2015\u2212\uFF70]/g, '-').replace(/[\s\u3000]+/g, '').toLowerCase();
}
async function _signin(){
  const email = _normLoginId(document.getElementById('login-email').value);
  const pwd = document.getElementById('login-password').value;
  const errEl = document.getElementById('login-error');
  const btn = document.getElementById('login-btn');
  errEl.style.display = 'none';
  if (!email || !pwd) { errEl.textContent='ログインIDとパスワードを入力してください'; errEl.style.display='block'; return; }
  if (email.indexOf('@') < 0) { errEl.textContent='ログインIDは案内状のとおり「@」の後ろまで全部入力してください'; errEl.style.display='block'; return; }   /* v3.36.0: 365 と同じ（自動で補わない） */
  if (!_sb && !_initSupabase()) { errEl.textContent='システム初期化エラー (Supabase未読込)'; errEl.style.display='block'; return; }
  btn.disabled = true; btn.textContent = 'ログイン中…';
  try {
    const { data, error } = await _sb.auth.signInWithPassword({ email, password: pwd });
    if (error) throw error;
    const token = data.session.access_token;
    /* §E: JWT app_metadata.guard_id で guards 行を確実に取得 (Rule 8 #54 修正 / v3.14.0) */
    const jwtGuardId = data.user?.app_metadata?.guard_id;
    if (!jwtGuardId) {
      throw new Error('app_metadata.guard_id 未設定です (管理者: auth.users.raw_app_meta_data に guard_id を設定してください)');
    }
    const { data: guardRows, error: gErr } = await _sb.from('guards').select('id,name,company_id').eq('id', jwtGuardId).limit(1);
    if (gErr) throw gErr;
    if (!guardRows || !guardRows.length) throw new Error('guards 行が見つかりません (auth_user_id 紐付け未完了)');
    const g = guardRows[0];
    _guardSession = { token, guard: { id: g.id, name: g.name, company_id: g.company_id } };
    _persistSession();
    _authExpiredHandled = false;   /* v3.28.0 */
    _intentionalSignout = false;   /* v3.28.0 */
    /* v3.36.1: この画面で前に誰か（期限切れ前の本人を含む）が使っていたら、前の人のカレンダー（月ごとの控え）・会社名・勤務の状態などが
       メモリに残っている（ログアウトでは消していなかった）。画面を読み直して白紙から始める（セッションは保存済み＝読み直し後に自動で入る）。 */
    if (_userStateUsed) { location.replace(location.pathname + location.search); return; }
    _watchAuthState();             /* v3.28.0: 以後 SDK のトークン自動更新に追従する */
    _applySessionToUI();
    _showApp();
  } catch (e) {
    errEl.textContent = _loginErrMsg(e); /* v3.33.0: 英語のまま出さない */
    errEl.style.display = 'block';
  } finally {
    btn.disabled = false; btn.textContent = 'ログイン';
  }
}

async function _signout(){
  try { _gpsStopWatch(); } catch(e) {} /* v3.26.0 段0: ログアウトで必ず測位停止 */
  _intentionalSignout = true; /* v3.28.0: 本人の操作＝「有効期限が切れました」は出さない */
  try { if (_sb) await _sb.auth.signOut(); } catch {}
  try { localStorage.removeItem('ksg_guard_session'); } catch {}
  _guardSession = null;
  _showLogin();
}

/* ══ v3.28.0 不具合B: 認証切れをちゃんと検知する ══════════════════════
   旧実装の問題（2026-07-27 実測・7月19日22:43に切れたトークンで7日間気づけなかった）:
     ・_guardSession.token にログイン時のJWTを固定保存し、以後一度も更新しなかった。
       Supabase の JWT は1時間で失効するので、1時間後から全APIが401になる。
     ・_restoreSession は「SDK側にセッションがあるか」しか見ず、古いトークンのまま
       ホーム画面を描いていた。SDKは裏で自動更新しているのに、その新しいトークンを使わない。
     ・fetch は全箇所で401を握りつぶす（console.warn / catch(()=>null)）ため、画面上は
       会社名が空・天気が「気象取得中…」・現場名が「_」になるだけで、誰も異常に気づけない。
   現場で起きると、隊員は上番したつもりで会社には未着＝勤怠も請求も丸ごと欠落する。
   対策: ①トークンは常にSDKの最新値を使う ②更新に追従する ③401は黙って捨てず
        1回だけ取り直し、それでもダメならログイン画面へ戻して理由を明示する。 */
let _authExpiredHandled = false;  /* 期限切れ案内の二重表示防止 */
let _intentionalSignout  = false; /* 本人操作のログアウトと区別する */
let _authWatching        = false;

function _persistSession(){
  try { localStorage.setItem('ksg_guard_session', JSON.stringify(_guardSession)); } catch {}
}

/* SDK がトークンを自動更新したら _guardSession.token へ反映する（ここが旧実装に無かった） */
function _watchAuthState(){
  if (_authWatching || !_sb) return;
  _authWatching = true;
  try {
    _sb.auth.onAuthStateChange((event, session) => {
      if (session && session.access_token) {
        if (_guardSession) { _guardSession.token = session.access_token; _persistSession(); }
        return;
      }
      if (event === 'SIGNED_OUT' && _guardSession && !_intentionalSignout) _handleAuthExpired();
    });
  } catch (e) { console.warn('[pk2] onAuthStateChange', e && e.message); }
}

/* トークンを取り直す（成功=true）。refresh token は長期有効なので通常はここで復活する。 */
async function _refreshToken(){
  if (!_sb) return false;
  try {
    const { data, error } = await _sb.auth.refreshSession();
    const t = data && data.session && data.session.access_token;
    if (error || !t) return false;
    if (_guardSession) { _guardSession.token = t; _persistSession(); }
    return true;
  } catch (e) { return false; }
}

/* 復活できない＝本当に切れている。黙ってホームを見せ続けない。 */
async function _handleAuthExpired(){
  if (_authExpiredHandled) return;
  _authExpiredHandled = true;
  try { _gpsStopWatch(); } catch(e) {}
  _intentionalSignout = true;
  try { if (_sb) await _sb.auth.signOut(); } catch {}
  try { localStorage.removeItem('ksg_guard_session'); } catch {}
  _guardSession = null;
  _showLogin('ログインの有効期限が切れました。お手数ですが、もう一度ログインしてください。');
}

/* 認証つき通信の共通口。401 は握りつぶさず、1回だけ取り直して再送する。
   403 は権限エラーの可能性があるのでログアウトさせない（誤って締め出さないため）。 */
async function _authFetch(path, opts){
  const base = opts || {};
  const build = () => {
    const o = {};
    for (const k in base) if (k !== 'headers') o[k] = base[k];
    o.headers = Object.assign({}, authHeader(), base.headers || {});
    return o;
  };
  let r = await fetch(API + path, build());
  if (r.status === 401) {
    if (await _refreshToken()) r = await fetch(API + path, build());
    if (r.status === 401) _handleAuthExpired();
  }
  return r;
}

async function _restoreSession(){
  if (!_sb && !_initSupabase()) { _showLogin(); return; }
  let cached = null;
  try { const s = localStorage.getItem('ksg_guard_session'); if (s) cached = JSON.parse(s); } catch {}
  if (cached && cached.guard && cached.guard.id) {
    /* 保存済みトークンは信用しない。SDK の最新セッション（必要なら更新後）から取り直す。 */
    let sess = null;
    try { const { data } = await _sb.auth.getSession(); sess = data && data.session; } catch (e) {}
    if (!sess || !sess.access_token) {
      try { const { data } = await _sb.auth.refreshSession(); sess = data && data.session; } catch (e) {}
    }
    if (sess && sess.access_token) {
      _guardSession = { token: sess.access_token, guard: cached.guard };
      _persistSession();
      _authExpiredHandled = false;
      _intentionalSignout = false;
      _watchAuthState();
      _applySessionToUI();
      _showApp();
      return;
    }
    /* 期限切れ: ホームを描かずログイン画面へ（旧実装はここで古いトークンのままホームを描いていた） */
    try { localStorage.removeItem('ksg_guard_session'); } catch {}
    _guardSession = null;
    _showLogin('ログインの有効期限が切れました。お手数ですが、もう一度ログインしてください。');
    return;
  }
  _showLogin();
}

function _applySessionToUI(){
  if (!_guardSession || !_guardSession.guard) return;
  _userStateUsed = true; /* v3.36.1 */
  const n = _guardSession.guard.name || '';
  const lastName = n.split(' ')[0] || n.substring(0, 1) || '?';
  document.getElementById('greet-name').textContent = `${n} さん`;
  document.getElementById('avatar-name').textContent = lastName;
  /* §F メンバー画面の logged-in 表示 */
  const lin = document.getElementById('logged-in-name');
  const lie = document.getElementById('logged-in-email');
  if (lin) lin.textContent = n;
  if (lie && _sb) {
    _sb.auth.getUser().then(({data}) => {
      if (data && data.user && lie) lie.textContent = data.user.email || '—';
    });
  }
  /* v3.12.0 D5-γ: 未承諾シフト初回フェッチ */
  _fetchShiftRequests();
  /* v3.26.0 段0: 起動時に低精度で1回だけ測位（距離目安・天気fallback用。連続測位はしない） */
  _gpsOnce();
  /* v3.17.0: 実データ一括ロード（本日現場/カレンダー/直近シフト/勤怠復元） */
  _loadAll();
  _fetchGuardNotices();
}

/* ══ v3.12.0 D5-γ: shift_requests UI ══ */
async function _fetchShiftRequests(){
  if (!_guardSession || !_guardSession.token) return;
  try {
    await _loadSites(); /* v3.34.0: 依頼カードに現場名を出すため（読み済みならすぐ返る） */
    const r = await _authFetch('/api/shift_requests?status=assigned&from=' + encodeURIComponent(_todayStr()) + '&limit=500'); /* v3.34.0: 今日以降・本人あて（BE v7.215.11 が本人に絞る） */ /* v3.28.4: 実運用のステータスは assigned（notifiedはv3.12.0期の遺物）＋既定limit100で新しい依頼が落ちるためlimit明示 */
    if (!r.ok) { console.warn('fetchShiftRequests HTTP', r.status); return; }
    const j = await r.json();
    _renderShiftRequests(j.shift_requests || []);
  } catch (e) {
    console.warn('fetchShiftRequests error', e);
  }
}

/* v3.37.1（2026-10-14・MANABU「案Aで」）: 自分あての依頼のうち、このアプリでは承諾できない種類を案内する。
   1号は施設警備・2号は交通誘導と雑踏の依頼だけに承諾ボタンを出す（APP_DUTY_TYPES・業務区分ごとのアプリの分け方は変えない）。
   通知は人ごとに全部の端末へ届くので、案内が無いと「通知が来たのに承諾ボタンが無い」になっていた（デモで実際に起きた）。
   ほかのアプリへのリンクは置かない（ホーム画面のアプリは別々にログインを持つ＝別のアプリで開くのが確実）。 */
function _renderOtherAppRequests(list, myId){
  const el = document.getElementById('sr-other');
  if (!el) return;
  const others = (list || []).filter(sr => sr && sr.status === 'assigned' && (!myId || sr.guard_id === myId) && !APP_DUTY_TYPES.includes(sr.duty_type));
  if (others.length === 0) { el.style.display = 'none'; el.innerHTML = ''; return; }
  const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
  const groups = [
    { app: 'ポケットケイビ1号', label: '施設警備', types: ['facility'] },
    { app: 'ポケットケイビ2号', label: '交通誘導・雑踏', types: ['traffic', 'crowd'] },
  ];
  const lines = [];
  for (const g of groups) {
    const hit = others.filter(sr => g.types.includes(sr.duty_type));
    if (!hit.length) continue;
    const first = hit.slice().sort((a, b) => String(a.shift_date || '').localeCompare(String(b.shift_date || '')))[0];
    const d = (first && first.shift_date) ? String(first.shift_date).substring(5, 10).replace('-', '/') : '';
    const st = (first && _siteCache && _siteCache[first.site_id]) || null;
    const hint = d ? (d + ((st && st.name) ? ' ' + st.name : '') + (hit.length > 1 ? ' ほか' : '')) : '';
    lines.push('🔔 <b>' + esc(g.label) + 'の依頼が ' + hit.length + '件</b>あります。ホーム画面の「' + esc(g.app) + '」を開いて承諾してください。'
      + (hint ? '<span class="sr-other-sub">' + esc(hint) + '</span>' : ''));
  }
  const rest = others.filter(sr => !groups.some(g => g.types.includes(sr.duty_type)));
  if (rest.length) lines.push('🔔 <b>種類が決まっていない依頼が ' + rest.length + '件</b>あります。会社に確認してください。');
  el.innerHTML = lines.join('');
  el.style.display = 'block';
}

function _renderShiftRequests(list){
  const section = document.getElementById('sr-section');
  const listEl = document.getElementById('sr-list');
  const countEl = document.getElementById('sr-count');
  if (!section || !listEl || !countEl) return;
  /* v3.12.1: アプリ識別子 APP_DUTY_TYPES でフィルタ (= 2号警備員アプリは traffic/crowd のみ表示) */
  /* v3.28.4: 対象＝自分宛の assigned（母艦のアサインで付く実運用ステータス）。他人宛は表示しない */
  const myId = (_guardSession && _guardSession.guard && _guardSession.guard.id) || null;
  const notified = (list || []).filter(sr => sr && sr.status === 'assigned' && (!myId || sr.guard_id === myId) && APP_DUTY_TYPES.includes(sr.duty_type));
  _renderOtherAppRequests(list, myId); /* v3.37.1: ほかのアプリで承諾する依頼の案内（案A） */
  if (notified.length === 0) { section.style.display = 'none'; listEl.innerHTML = ''; return; }
  section.style.display = 'block';
  countEl.textContent = notified.length + '件';
  const dutyLabel = (t) => ({traffic:'2号警備業務',crowd:'2号警備業務',event:'2号警備業務',facility:'1号警備業務',other:'3号・4号警備業務'})[t] || (t || '—');   /* v3.40.0: 号で（BE の kubunLabel 'doc' と同じ言葉） */
  const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
  listEl.innerHTML = notified.map(sr => {
    const dateStr = sr.shift_date ? String(sr.shift_date).substring(0, 10) : '日付未定';
    const startT = sr.start_time ? String(sr.start_time).substring(0, 5) : '--:--';
    const endT = sr.end_time ? String(sr.end_time).substring(0, 5) : '--:--';
    const idEsc = esc(sr.id);
    const _st = (_siteCache && _siteCache[sr.site_id]) || null; /* v3.34.0: 現場名と住所 */
    const siteName = (_st && _st.name) || '', siteAddr = (_st && _st.address) || '';
    return '<div class="sr-card">'
      + '<div class="sr-card-body">'
      + '<div class="sr-card-date">📅 ' + esc(dateStr) + '</div>'
      + (siteName ? '<div class="sr-card-site">📍 ' + esc(siteName) + (siteAddr ? '<span class="sr-card-addr">' + esc(siteAddr) + '</span>' : '') + '</div>' : '')
      + '<div class="sr-card-meta"><span class="sr-card-badge">' + esc(dutyLabel(sr.duty_type)) + '</span><span>🕐 ' + esc(startT) + '〜' + esc(endT) + '</span></div>'
      + '</div>'
      + '<div class="sr-card-actions">'
      + '<button class="sr-btn sr-btn-accept" onclick="_acceptShiftRequest(\'' + idEsc + '\', this)">承諾</button>'
      + '<button class="sr-btn sr-btn-reject" onclick="_rejectShiftRequest(\'' + idEsc + '\', this)">辞退</button>'
      + '</div>'
      + '</div>';
  }).join('');
}

async function _acceptShiftRequest(id, btnEl){
  if (!_guardSession || !_guardSession.token) return;
  if (btnEl) { btnEl.disabled = true; const sibling = btnEl.parentElement && btnEl.parentElement.querySelector('.sr-btn-reject'); if (sibling) sibling.disabled = true; }
  try {
    const r = await _authFetch('/api/shift_requests/' + encodeURIComponent(id) + '/accept', {
      method: 'POST', body: '{}'
    });
    if (r.ok) {
      let msg = 'シフトを承諾しました';
      try { const j = await r.json(); if (j && j.message) msg = j.message; } catch {}
      showToast('✓', msg);
      _fetchShiftRequests();
      /* v3.17.0: 承諾→shifts自動転記(BE v7.66.0)を画面へ即反映 */
      _monthCache={};
      _loadAll();
    } else {
      showToast('⚠️', '承諾できませんでした (HTTP ' + r.status + ')');
      if (btnEl) { btnEl.disabled = false; const sibling = btnEl.parentElement && btnEl.parentElement.querySelector('.sr-btn-reject'); if (sibling) sibling.disabled = false; }
    }
  } catch (e) {
    showToast('⚠️', '通信エラーで承諾できませんでした');
    if (btnEl) { btnEl.disabled = false; const sibling = btnEl.parentElement && btnEl.parentElement.querySelector('.sr-btn-reject'); if (sibling) sibling.disabled = false; }
  }
}

async function _rejectShiftRequest(id, btnEl){
  if (!_guardSession || !_guardSession.token) return;
  if (!confirm('このシフトを辞退しますか?\n(辞退後は元に戻せません)')) return;
  if (btnEl) { btnEl.disabled = true; const sibling = btnEl.parentElement && btnEl.parentElement.querySelector('.sr-btn-accept'); if (sibling) sibling.disabled = true; }
  try {
    const r = await _authFetch('/api/shift_requests/' + encodeURIComponent(id) + '/reject', {
      method: 'POST', body: '{}'
    });
    if (r.ok) {
      let msg = 'シフトを辞退しました';
      try { const j = await r.json(); if (j && j.message) msg = j.message; } catch {}
      showToast('✓', msg);
      _fetchShiftRequests();
    } else {
      showToast('⚠️', '辞退できませんでした (HTTP ' + r.status + ')');
      if (btnEl) { btnEl.disabled = false; const sibling = btnEl.parentElement && btnEl.parentElement.querySelector('.sr-btn-accept'); if (sibling) sibling.disabled = false; }
    }
  } catch (e) {
    showToast('⚠️', '通信エラーで辞退できませんでした');
    if (btnEl) { btnEl.disabled = false; const sibling = btnEl.parentElement && btnEl.parentElement.querySelector('.sr-btn-accept'); if (sibling) sibling.disabled = false; }
  }
}

async function _signoutWithConfirm(){
  if (!confirm('ログアウトしますか?')) return;
  await _signout();
}

function _showLogin(msg){
  /* v3.33.0: 旧実装は home/map/regulation/members/shift だけを隠していたため、設定タブ（1号は巡回も）から
     ログアウト／認証切れになるとログイン画面の下に氏名・メール・連絡事項が DOM に残っていた。
     .app 内の全画面とタブバーを隠す（タブバーは _showApp が戻す）。 */
  document.querySelectorAll('.app > .screen').forEach(sc => { sc.style.display='none'; });
  const _tbar = document.querySelector('.tabbar'); if (_tbar) _tbar.style.display='none';
  document.getElementById('screen-login').style.display = 'flex';
  /* v3.28.0: 期限切れ等の理由をここで必ず伝える（無言でログイン画面に戻さない） */
  const errEl = document.getElementById('login-error');
  if (errEl) {
    if (msg) { errEl.textContent = msg; errEl.style.display = 'block'; }
    else { errEl.textContent = ''; errEl.style.display = 'none'; }
  }
  /* §G デモヒント表示制御 */
  const hint = document.getElementById('login-demo-hint');
  if (hint) hint.style.display = __IS_DEMO__ ? 'block' : 'none';
}

function _showApp(){
  document.getElementById('screen-login').style.display = 'none';
  const _tbar = document.querySelector('.tabbar'); if (_tbar) _tbar.style.display=''; /* v3.33.0: _showLogin で隠したタブバーを戻す */
  switchTab('home');
}
/* ════════════════════════════════════════════════════════ */
function authHeader(){return (_guardSession && _guardSession.token)?{Authorization:'Bearer '+_guardSession.token,'Content-Type':'application/json'}:{'Content-Type':'application/json'};}
let _attendanceId=null;
let _attWork=null; /* v3.17.1: 勤務コンテキスト {site_id, shift_date} (checkout契約用) */
let _coPending=null; /* v3.17.2: 下番送信失敗の再送ペイロード */
let _coInflight=null; /* v3.39.0: 送信中の下番（まとめての表を読む前に待つ） */

/* ══════════════════════════════════════════════════════════ */
/* v3.17.0 A案 2号本物化: SITESハードコード撤廃 → 実shifts/sites連動 */
/* ══════════════════════════════════════════════════════════ */
let curSite=0, curAction=null, wstate='standby', ciTime=null, timer=null, prevTab='home';
let _mySites=[];        /* 表示現場エントリ（本日優先・なければ直近予定 最大2件） */
let _todayShifts=[];    /* 本日の自分シフト */
let _upcomingShifts=[]; /* 今日〜45日先の自分シフト（昇順） */
let _siteCache=null;    /* site_id -> sites行 */
let _monthCache={};     /* 'YYYY-MM' -> 自分shifts配列（カレンダー用・全status） */
let _leaveCache={};     /* 'YYYY-MM' -> 有給休暇(承認済み)配列（カレンダー用） */
let _calMonth=(()=>{const n=new Date();return{y:n.getFullYear(),m:n.getMonth()};})();
let _lastPos=null;      /* 端末GPS最新座標 {lat,lon} */
let _myCompany=null;    /* /api/companies/mine */
let _curMapEntry=null;  /* 全画面地図の対象エントリ */

/* v3.40.0: 業務区分は号で＝BE services/duty_groups.js の kubunLabel 'doc' と同じ言葉（日報控えの業務内容と同じ） */
const _dutyLabel=t=>({traffic:'2号警備業務',crowd:'2号警備業務',event:'2号警備業務',facility:'1号警備業務',other:'3号・4号警備業務'})[t]||(t||'警備');
const _fmtYmd=d=>`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
const _todayStr=()=>_fmtYmd(new Date());
const _hm=t=>t?String(t).substring(0,5):'--:--';
/* v3.42.0（便3・DEC-816・BE v7.254.0）: 会社が配置に「早出」を入れたら、早出の開始から見せる（例「07:30（早出30分）〜17:00」）。
   早出が無い・BE が古い（列が無い）配置は今までどおり。 */
const _earlyMin=s=>{ const n=parseInt(s&&s.early_start_min,10); return (n>0&&n<=480)?n:0; };
const _earlyStart=(hm,min)=>{ const m=/^(\d{1,2}):(\d{2})/.exec(String(hm||'')); if(!m)return ''; let t=Number(m[1])*60+Number(m[2])-min; t=((t%1440)+1440)%1440; return String(Math.floor(t/60)).padStart(2,'0')+':'+String(t%60).padStart(2,'0'); };
const _earlyLbl=m=>m%60===0?(m/60)+'時間':(m>60?Math.floor(m/60)+'時間'+(m%60)+'分':m+'分');
const _shiftTime=(s,sep)=>{ const e=_earlyMin(s); const st=e?(_earlyStart(s.start_time,e)+'（早出'+_earlyLbl(e)+'）'):_hm(s&&s.start_time); return st+(sep||'〜')+_hm(s&&s.end_time); };
const _WD=['日','月','火','水','木','金','土'];
const _isNightShift=(st,en)=>{const s=parseInt(String(st||'').substring(0,2),10),e=parseInt(String(en||'').substring(0,2),10);return(Number.isFinite(s)&&(s>=18||s<5))||(Number.isFinite(s)&&Number.isFinite(e)&&e<s);};
const _activeShift=s=>s&&s.status!=='cancelled'&&s.status!=='absent';

async function _apiGet(path){
  const r=await _authFetch(path);
  if(!r.ok)throw new Error('HTTP '+r.status);
  return r.json();
}

/* v3.36.1: 現場一覧の読み込みは同時に呼ばれても1本にまとめる。
   従来は読み始めに _siteCache={} を置いてから読んでいたため、読み終わる前に呼んだ側（起動時の _loadAll。v3.34.0 から
   _fetchShiftRequests も先に呼ぶ）が空の一覧を受け取り、ホームの地図に位置も住所も渡せず世界地図になっていた（通信の速さで出たり出なかったりする）。
   読み込み中は同じ約束を返し、全部読み終わってから一覧を置く。失敗したら置かない（次に呼ばれたとき読み直す）。 */
let _sitesLoading=null;
function _loadSites(){
  if(_siteCache)return Promise.resolve(_siteCache);
  if(_sitesLoading)return _sitesLoading;
  const p=(async()=>{
    const cache={};let ok=false;
    try{
      /* v3.34.0: 現場は全部読む（BE の上限は1回 200 件＝従来は名前順で 201 件目以降の現場名・住所・地図が出なかった） */
      for(let off=0,i=0;i<50;i++){
        const j=await _apiGet('/api/sites?limit=200&offset='+off);
        const rows=j.sites||[];
        rows.forEach(s=>{if(s&&s.id)cache[s.id]=s;});
        off+=rows.length;
        if(!rows.length||!(Number(j.total)>off))break;
      }
      ok=true;
    }catch(e){console.warn('[pk2] sites load',e);}
    if(ok)_siteCache=cache;
    if(_sitesLoading===p)_sitesLoading=null;
    return ok?cache:(_siteCache||cache);
  })();
  _sitesLoading=p;
  return p;
}

/* v3.34.0: 依頼・配置を読み直す。通知が届いた／通知を押した（SW の jg-push-received・jg-notification-open）・アプリに戻った（15秒以上たっていれば）は
   依頼と配置（カレンダー・ホーム）を、2分ごと（画面が出ている間だけ）は依頼だけを読み直す。
   従来は起動時と承諾・辞退の直後しか読まず、開いたままだと GuardHub・GH365モバイルで割り当てた依頼も、注文の取り消しで消えた配置も、
   閉じて開き直すまで出なかった（通知を押しても、開いている画面が前に出るだけだった）。 */
let _lastSync=Date.now();
function _resync(why){
  if(!_guardSession||!_guardSession.token)return;
  _lastSync=Date.now();
  if(why!=='tick'){_siteCache=null;_monthCache={};}
  _fetchShiftRequests();
  if(why!=='tick')_loadAll();
}
if('serviceWorker' in navigator){navigator.serviceWorker.addEventListener('message',function(e){var d=e&&e.data;if(!d)return;if(d.type==='jg-push-received'||d.type==='jg-notification-open')_resync('push');});}
document.addEventListener('visibilitychange',function(){if(!document.hidden&&Date.now()-_lastSync>15000)_resync('visible');});
setInterval(function(){if(!document.hidden&&Date.now()-_lastSync>=110000)_resync('tick');},120000);

async function _loadCompany(){
  if(_myCompany){_paintHomeCompany();return;}
  try{const j=await _apiGet('/api/companies/mine');_myCompany=j.company||null;}catch(e){}
  _paintHomeCompany();
}
function _fitHomeCompany(){try{var hc=document.getElementById('home-company');if(!hc||!hc.textContent)return;var fs=15.5;hc.style.fontSize=fs+'px';for(var i=0;i<28&&hc.scrollWidth>hc.clientWidth&&fs>7;i++){fs-=0.5;hc.style.fontSize=fs+'px';}}catch(e){}}
function _paintHomeCompany(){try{var hc=document.getElementById('home-company');if(hc){hc.textContent=(_myCompany&&_myCompany.name)||'';_fitHomeCompany();}}catch(e){}}

async function _fetchShifts(from,to){
  const gid=_guardSession&&_guardSession.guard&&_guardSession.guard.id;
  if(!gid)return[];
  const j=await _apiGet(`/api/shifts?guard_id=${encodeURIComponent(gid)}&date_from=${from}&date_to=${to}&limit=1000`);
  return(j.shifts||[]);
}
/* 有給休暇（承認済み）だけ取得。母艦の休暇承認と同じleave_requests台帳を参照＝連動
   v3.35.0（不具合チェック DEC-710 K5）: 従来は件数の指定が無く BE の既定50件（作成の新しい順）だけを見ていた＝配置手入力の「休み」は1日1件なので、
   半年分ほどで古い月のカレンダーの「休」が消えた。承認済みに絞り（status）、500件ずつ total（本当の総数）まで読む（安全弁10回）。 */
async function _fetchLeaves(from,to){
  const gid=_guardSession&&_guardSession.guard&&_guardSession.guard.id;
  if(!gid)return[];
  try{
    let all=[],off=0,total=null;
    for(let n=0;n<10;n++){
      const j=await _apiGet(`/api/leave-requests?guard_id=${encodeURIComponent(gid)}&status=${encodeURIComponent('承認済み')}&limit=500&offset=${off}`);
      const rows=(j&&j.requests)||[];
      if(total===null)total=Number(j&&j.total);
      all=all.concat(rows); off+=rows.length;
      if(!rows.length||!isFinite(total)||off>=total)break;
    }
    return all.filter(l=>l&&l.status==='承認済み'&&l.leave_type==='有給休暇'&&String(l.start_date).substring(0,10)<=to&&String(l.end_date).substring(0,10)>=from);
  }catch(e){return[];}
}
/* shift.status -> カレンダー状態クラス名 */
function _shiftState(st){return st==='done'?'done':st==='cancelled'?'cancel':st==='absent'?'absent':'plan';}
/* 同日に複数状態がある時の優先度（大きいほど優先表示） */
function _stateRank(st){return st==='leave'?6:st==='plan'?5:st==='absent'?4:st==='done'?3:st==='cancel'?2:0;}

/* v3.37.0: 今日の配置のうち、まだ終わっていない（予定・確定・勤務中）最初の現場タブの番号。無ければ -1 */
function _nextOpenTodayIdx(){
  const open=sh=>{const st=String((sh&&sh.status)||'scheduled');return st==='scheduled'||st==='confirmed'||st==='in_progress';};
  for(let i=0;i<_mySites.length;i++){const e=_mySites[i];if(e&&e.isToday&&open(e.shift))return i;}
  return -1;
}
function _mkSiteEntry(shift){
  const site=(_siteCache&&_siteCache[shift.site_id])||{};
  const addr=site.address||'';
  const gps=(site.gps_lat!=null&&site.gps_lng!=null)?{lat:Number(site.gps_lat),lng:Number(site.gps_lng)}:null;
  const ds=String(shift.shift_date).substring(0,10);
  return{
    id:shift.site_id,
    name:shift.site_name||site.name||'現場',
    addr,
    duty:_dutyLabel(shift.duty_type||site.duty_type),
    time:_shiftTime(shift),   /* v3.42.0: 早出があれば早出の開始から */
    night:_isNightShift(shift.start_time,shift.end_time),
    contactName:site.contact_name||'',contactPhone:site.contact_phone||'',
    gps,mapQ:addr||site.name||'',
    shift_date:ds,isToday:ds===_todayStr(),
    checked_in:!!shift.checked_in,
    shift
  };
}

/* ══ ロード起点（ログイン後） ══ */
async function _loadAll(){
  try{
    const today=_todayStr();
    const end=new Date();end.setDate(end.getDate()+45);
    const[,mine]=await Promise.all([_loadSites(),_fetchShifts(today,_fmtYmd(end))]);
    _upcomingShifts=mine.filter(_activeShift).slice().sort((a,b)=>(String(a.shift_date)+String(a.start_time||'')).localeCompare(String(b.shift_date)+String(b.start_time||'')));
    _todayShifts=_upcomingShifts.filter(s=>String(s.shift_date).substring(0,10)===today);
    let entries=_todayShifts.map(_mkSiteEntry);
    if(!entries.length){
      const seen=new Set();
      for(const s of _upcomingShifts){
        const k=String(s.shift_date).substring(0,10)+'|'+s.site_id;
        if(seen.has(k))continue;seen.add(k);
        entries.push(_mkSiteEntry(s));
        if(entries.length>=2)break;
      }
    }
    _mySites=entries;
    _renderHome();
    _renderUpcoming();
    _renderCalendar();
    _restoreAttendance();
    _restoreDeparture(); /* v3.27.0 段2: リロードしても「出発済み」が消えないように */
    _loadCompany();
  }catch(e){console.warn('[pk2] loadAll',e);}
}

/* ══ ホーム描画 ══ */
function _renderHome(){
  const tabs=document.getElementById('site-tabs');
  const mapCard=document.getElementById('map-card');
  const emptyCard=document.getElementById('h-empty'); /* v3.28.1 不具合D */
  if(!_mySites.length){
    if(tabs)tabs.innerHTML='';
    if(mapCard)mapCard.style.display='none';
    if(emptyCard)emptyCard.style.display='';   /* v3.28.1: 地図カードと入れ替えて空白を埋める */
    document.getElementById('h-site-name').textContent='本日の配置はありません';
    document.getElementById('h-badges').innerHTML='';
    document.getElementById('h-site-time').textContent='';
    document.getElementById('h-site-addr').textContent='📅 次の配置が決まるとここに表示されます';
    document.getElementById('h-site-client').textContent='';
    if(wstate==='standby'){
      const chip=document.getElementById('status-chip');
      chip.className='status-chip bst-chip';chip.textContent='📅 配置なし';
      document.getElementById('btn-ci').classList.add('off');
      document.getElementById('btn-co').classList.add('off');
    }
    _updateWeather(null);
    return;
  }
  if(mapCard)mapCard.style.display='';
  if(emptyCard)emptyCard.style.display='none'; /* v3.28.1 不具合D */
  if(tabs)tabs.innerHTML=_mySites.map((e,i)=>{
    const d=new Date(e.shift_date+'T00:00:00');
    const lbl=e.isToday?(i===0?'本日配置':`本日 ${e.time.split('〜')[0]}`):`${d.getMonth()+1}/${d.getDate()}（${_WD[d.getDay()]}）`;
    return`<div class="site-tab${i===0?' active':''}" onclick="event.stopPropagation();selectSite(${i},this)">${escapeHtml(lbl)}</div>`;
  }).join('');
  selectSite(0,null);
}

function embedUrl(s){
  if(s&&s.gps)return`https://maps.google.com/maps?q=${s.gps.lat},${s.gps.lng}&output=embed&z=16&hl=ja`;
  const q=String((s&&s.mapQ)||'').trim();
  if(!q)return''; /* v3.36.1: 空の q を Google に渡すと世界地図になる */
  return`https://maps.google.com/maps?q=${encodeURIComponent(q)}&output=embed&z=16&hl=ja`;
}
/* v3.36.1: 地図の枠に入れる。位置も住所も無いときは世界地図を出さず、枠の中に一言だけ出す（画面の要素は増やさない＝srcdoc）。
   同じ URL なら読み直さない（読み直しのたびに地図がちらつくため）。 */
function _setMapFrame(id,s){
  const f=document.getElementById(id);if(!f)return;
  const u=embedUrl(s);
  if(u){if(f.hasAttribute('srcdoc'))f.removeAttribute('srcdoc');if(f.getAttribute('src')!==u)f.src=u;return;}
  f.removeAttribute('src');
  f.srcdoc='<!doctype html><meta charset="utf-8"><body style="margin:0;height:100vh;display:flex;align-items:center;justify-content:center;background:#12161d;color:#9aa3b2;font:13px/1.7 sans-serif;text-align:center;padding:0 16px;box-sizing:border-box">現場の位置と住所が未登録のため<br>地図を表示できません</body>';
}

function _distLabel(s){
  if(_lastPos&&s&&s.gps){
    const km=haversine(_lastPos.lat,_lastPos.lon,s.gps.lat,s.gps.lng)/1000;
    return`直線約${km.toFixed(1)}km`;
  }
  return'';
}

function updateClock(){ const n=new Date(); document.getElementById('clock').textContent=`${String(n.getHours()).padStart(2,'0')}:${String(n.getMinutes()).padStart(2,'0')}`; }
updateClock(); setInterval(updateClock,15000);

function selectSite(idx,el){
  document.querySelectorAll('.site-tab').forEach(t=>t.classList.remove('active'));
  if(el)el.classList.add('active');
  else document.querySelectorAll('.site-tab')[idx]?.classList.add('active');
  curSite=idx;
  const s=_mySites[idx];
  if(!s)return;
  document.getElementById('h-site-name').textContent=s.name;
  document.getElementById('h-site-addr').textContent=s.addr?`📍 ${s.addr}`:'📍 住所未登録';
  document.getElementById('h-site-time').textContent=`🕐 ${s.time}${s.isToday?'':`（${parseInt(s.shift_date.substring(5,7))}/${parseInt(s.shift_date.substring(8,10))}）`}`;
  document.getElementById('h-site-client').textContent=s.contactName?`現場連絡先：${s.contactName}${s.contactPhone?`（${s.contactPhone}）`:''}`:'';
  document.getElementById('h-map-addr').textContent=s.addr||s.name;
  document.getElementById('h-map-dist').textContent=_distLabel(s);
  var _mt=document.getElementById('h-map-time');if(_mt)_mt.textContent=s.time?('🕐 '+s.time):'';
  _setMapFrame('mini-map',s); /* v3.36.1 */
  let badges=`<span class="badge badge-traffic">${escapeHtml(s.duty)}</span>`;
  if(s.night)badges+=`<span class="badge badge-night">🌙 夜間</span>`;
  if(!s.isToday)badges+=`<span class="badge badge-vehicle">📅 予定</span>`;
  document.getElementById('h-badges').innerHTML=badges;
  /* 上番ボタン可否: 本日の配置を選択中のみ有効（勤務中/終了時は状態優先） */
  if(wstate==='standby'||wstate==='idle')document.getElementById('btn-ci').classList.toggle('off',!s.isToday);
  _paintDepart(); /* v3.27.0 段2: 選択中の現場が本日かどうかで出発ボタンの表示が変わる */
  _updateWeather(s);
}

/* ══ 勤怠状態の復元（リロード耐性 / GET /api/attendance） ══ */
async function _restoreAttendance(){
  try{
    const gid=_guardSession&&_guardSession.guard&&_guardSession.guard.id;
    if(!gid)return;
    /* v3.32.0: 夜勤の日またぎ対応 — 旧実装は「今日」の打刻しか見ないため、20:00上番→翌08:00下番の
       あいだにアプリが再読込されると前日の上番を見失い、勤務中の状態が復元されなかった（＝_attWork が
       null のまま下番が翌日の日付で送られ、BE側で上番と紐付かず work_minutes も出勤簿の done も付かない）。
       今日に「開いている上番」が無いときだけ昨日を見て、下番がまだ無い上番があればそれを採用する。 */
    const _ymdAdd=n=>{const d=new Date();d.setDate(d.getDate()+n);return _fmtYmd(d);};
    const _pullAtt=async ds=>{const j=await _apiGet(`/api/attendance?guard_id=${encodeURIComponent(gid)}&date=${ds}&limit=50`);return j.records||[];};
    const _openCi=list=>{
      const c=list.filter(r=>r.type==='checkin').sort((a,b)=>new Date(b.created_at||0)-new Date(a.created_at||0));
      if(!c.length)return null;
      const last=c[0];
      return list.some(r=>r.type==='checkout'&&new Date(r.created_at||0)>=new Date(last.created_at||0))?null:last;
    };
    let rows=await _pullAtt(_todayStr());
    if(!_openCi(rows)){const y=await _pullAtt(_ymdAdd(-1));if(_openCi(y))rows=y;}
    const ci=rows.filter(r=>r.type==='checkin').sort((a,b)=>new Date(b.created_at||0)-new Date(a.created_at||0));
    if(!ci.length)return;
    const lastCi=ci[0];
    const hasCo=rows.some(r=>r.type==='checkout'&&new Date(r.created_at||0)>=new Date(lastCi.created_at||0));
    const chip=document.getElementById('status-chip');
    if(!hasCo){
      wstate='working';ciTime=new Date(lastCi.created_at||Date.now());_attendanceId=lastCi.id;
      _attWork={site_id:lastCi.site_id,shift_date:String(lastCi.shift_date||'').substring(0,10)||_todayStr()}; /* v3.17.1 */
      document.getElementById('btn-ci').classList.add('off');
      document.getElementById('btn-co').classList.remove('off');
      chip.className='status-chip bwk-chip';chip.innerHTML='✅ 勤務中';
      _gpsStartWatch(); /* v3.26.0 段0: リロード復元で勤務中なら測位を再開 */
      _paintDepart();   /* v3.27.0 段2 */
      /* 上番中の現場タブを優先選択 */
      const i=_mySites.findIndex(e=>e.id===lastCi.site_id);
      if(i>=0&&i!==curSite)selectSite(i,null);
    }else{
      /* v3.37.0（第11便・BE v7.221.0 と対）: 1日に配置が2つ以上ある日（昼と夜・同じ現場に2回など）。
         前の配置の下番が済んでいても、今日まだ終わっていない配置があれば「上番待ち」に戻す（打刻はBEが配置を選んで結び付ける）。
         従来は今日1回下番したら「勤務終了」で上番ボタンが押せず、2つ目の配置の上番ができなかった。 */
      const nx=_nextOpenTodayIdx();
      if(nx>=0){
        wstate='standby';_attendanceId=null;_attWork=null;ciTime=null;
        document.getElementById('btn-co').classList.add('off');
        chip.className='status-chip bst-chip';chip.textContent='⏳ 次の配置の上番待ち';
        selectSite(nx,null);
      }else{
        wstate='finished';
        document.getElementById('btn-ci').classList.add('off');
        document.getElementById('btn-co').classList.add('off');
        chip.className='status-chip bfn-chip';chip.textContent='🏁 勤務終了';
      }
    }
  }catch(e){console.warn('[pk2] restoreAttendance',e);}
}

/* ══ カレンダー（実データ・月ナビ） ══ */
function calNav(d){
  _calMonth.m+=d;
  if(_calMonth.m<0){_calMonth.m=11;_calMonth.y--;}
  if(_calMonth.m>11){_calMonth.m=0;_calMonth.y++;}
  _renderCalendar();
}
async function _renderCalendar(){
  const y=_calMonth.y,m=_calMonth.m;
  const lblEl=document.getElementById('cal-month-lbl');
  if(lblEl)lblEl.textContent=`${y}年${m+1}月`;
  const key=`${y}-${String(m+1).padStart(2,'0')}`;
  const last=new Date(y,m+1,0).getDate();
  const mStart=`${key}-01`,mEnd=`${key}-${String(last).padStart(2,'0')}`;
  if(!(key in _monthCache)){
    try{_monthCache[key]=await _fetchShifts(mStart,mEnd);}catch(e){_monthCache[key]=[];}
  }
  if(!(key in _leaveCache)){
    try{_leaveCache[key]=await _fetchLeaves(mStart,mEnd);}catch(e){_leaveCache[key]=[];}
  }
  if(_calMonth.y!==y||_calMonth.m!==m)return; /* 取得中に月移動した場合は破棄 */
  const dayState={};
  (_monthCache[key]||[]).forEach(s=>{
    const ds=String(s.shift_date).substring(0,10);
    const st=_shiftState(s.status);
    if(_stateRank(st)>_stateRank(dayState[ds]))dayState[ds]=st;
  });
  (_leaveCache[key]||[]).forEach(l=>{
    let d=new Date(String(l.start_date).substring(0,10)+'T00:00:00');
    const e=new Date(String(l.end_date).substring(0,10)+'T00:00:00');
    for(;d<=e;d.setDate(d.getDate()+1)){const ds=_fmtYmd(d);if(ds.substring(0,7)===key)dayState[ds]='leave';}
  });
  const g=document.getElementById('cal-grid');
  const fd=new Date(y,m,1).getDay(),pe=new Date(y,m,0).getDate();
  const now=new Date();const isCur=(y===now.getFullYear()&&m===now.getMonth());
  let h='';
  for(let i=fd-1;i>=0;i--)h+=`<div class="cal-day other"><span class="num">${pe-i}</span></div>`;
  for(let d=1;d<=last;d++){
    const dw=new Date(y,m,d).getDay(),isT=isCur&&d===now.getDate();
    const ds=`${key}-${String(d).padStart(2,'0')}`,st=dayState[ds];
    let cls='cal-day';
    if(isT)cls+=' today';
    if(st)cls+=' st-'+st;
    if(dw===0&&!isT)cls+=' sun';
    if(dw===6&&!isT)cls+=' sat';
    h+=`<div class="${cls}" onclick="_calDayTap('${ds}')"><span class="num">${d}</span>${st?'<span class="mk"></span>':''}</div>`;
  }
  const rem=(fd+last)%7;if(rem>0)for(let d=1;d<=7-rem;d++)h+=`<div class="cal-day other"><span class="num">${d}</span></div>`;
  g.innerHTML=h;
}
let _dayTapShift=null;
/* v3.21.0: 予定などの日をタップ→現場カード（現場名/場所/勤務時間/種別+地図で見る）。有給日は有給カード。予定なしは無反応 */
function _calDayTap(ds){
  const key=ds.substring(0,7);
  const dObj=new Date(ds+'T00:00:00');
  const wd=['日','月','火','水','木','金','土'][dObj.getDay()];
  const md=`${parseInt(ds.substring(5,7))}月${parseInt(ds.substring(8,10))}日（${wd}）`;
  const ov=document.getElementById('day-ov'),body=document.getElementById('day-body'),mapBtn=document.getElementById('day-map-btn');
  if(!ov||!body)return;
  const lv=(_leaveCache[key]||[]).find(l=>String(l.start_date).substring(0,10)<=ds&&String(l.end_date).substring(0,10)>=ds);
  const list=(_monthCache[key]||[]).filter(s=>String(s.shift_date).substring(0,10)===ds);
  if(!list.length&&!lv)return;
  if(!list.length&&lv){
    _dayTapShift=null;
    document.getElementById('day-title').textContent='有給休暇';
    document.getElementById('day-detail').innerHTML=`${md}・<span style="color:#93c5fd;font-weight:700">有給</span>`;
    body.innerHTML=`<div class="dlg-row"><span style="font-size:13px">🏖</span><span class="dlg-lbl">区分</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f)">有給休暇（承認済み）</span></div>`;
    if(mapBtn)mapBtn.style.display='none';
    ov.classList.add('show');return;
  }
  const s=list[0];_dayTapShift=s;
  const site=(_siteCache&&_siteCache[s.site_id])||{};
  const name=s.site_name||site.name||'現場';
  const addr=site.address||'住所未登録';
  const time=_shiftTime(s);   /* v3.42.0: 早出があれば早出の開始から */
  const duty=_dutyLabel(s.duty_type||site.duty_type);
  const night=_isNightShift(s.start_time,s.end_time);
  const stMap={done:['完了','#7ff0cf'],cancelled:['取消','var(--t3)'],absent:['欠勤','#ff9a9a']};
  const stv=stMap[s.status]||['予定','var(--accent-l)'];
  document.getElementById('day-title').textContent=name;
  document.getElementById('day-detail').innerHTML=`${md}・<span style="color:${stv[1]};font-weight:700">${stv[0]}</span>`;
  let rows=`<div class="dlg-row" style="align-items:flex-start"><span style="font-size:13px">📍</span><span class="dlg-lbl">場所</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f);margin-left:auto;text-align:right;max-width:64%;word-break:break-all">${escapeHtml(addr)}</span></div>`;
  rows+=`<div class="dlg-row"><span style="font-size:13px">⏱</span><span class="dlg-lbl">勤務時間</span><span class="dlg-val" style="color:var(--t1)">${time}${night?' 🌙夜間':''}</span></div>`;
  rows+=`<div class="dlg-row"><span style="font-size:13px">🛡️</span><span class="dlg-lbl">種別</span><span class="dlg-val" style="color:var(--t1);font-family:var(--f)">${escapeHtml(duty)}</span></div>`;
  if(list.length>1)rows+=`<div class="dlg-row"><span style="font-size:13px">➕</span><span class="dlg-lbl">同日</span><span class="dlg-val" style="color:var(--t2)">他${list.length-1}件</span></div>`;
  body.innerHTML=rows+'<div id="day-copies"></div>';
  if(mapBtn)mapBtn.style.display='';
  ov.classList.add('show');
  _dayCopies(ds);
}
/* v3.38.0: その日の日報控え（あれば［📄 日報控え］） */
let _dayCopiesSeq=0;/* 日を続けて押したとき、前の日の答えで上書きしない */
async function _dayCopies(ds){
  const seq=++_dayCopiesSeq;
  try{
    const j=await _apiGet('/api/daily-copies?date='+encodeURIComponent(ds));
    if(seq!==_dayCopiesSeq)return;
    const box=document.getElementById('day-copies');if(!box||!j||!j.copies||!j.copies.length)return;
    box.innerHTML=j.copies.map(c=>`<button class="db db-cancel" style="width:100%;margin-top:8px" onclick="_dayOpenCopy('${escapeHtml(ds.substring(0,7))}','${escapeHtml(c.id)}')">📄 日報控え（${c.kind==='unsigned'?'サインなし':'サインあり'}）</button>`).join('');
  }catch(e){}
}
function _dayOpenCopy(ym,id){const o=document.getElementById('day-ov');if(o)o.classList.remove('show');openCopies(ym,id);}
function hideDay(e){ if(e&&e.target!==document.getElementById('day-ov'))return; const o=document.getElementById('day-ov'); if(o)o.classList.remove('show'); }
function _dayToMap(){ if(!_dayTapShift)return; try{setFullMapEntry(_mkSiteEntry(_dayTapShift));}catch(err){} const o=document.getElementById('day-ov'); if(o)o.classList.remove('show'); switchTab('map'); }

/* ══ 直近のシフト（実データ） ══ */
function _renderUpcoming(){
  const el=document.getElementById('upcoming-list');
  if(!el)return;
  const list=_upcomingShifts.slice(0,6);
  if(!list.length){el.innerHTML='<div style="padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);font-size:12px;color:var(--t3)">今後45日以内のシフトはありません</div>';return;}
  const pin='<svg width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M6.5 1C4.3 1 2.5 2.8 2.5 5c0 3.5 4 7.5 4 7.5S10.5 8.5 10.5 5C10.5 2.8 8.7 1 6.5 1z" fill="#e3a53a"/><circle cx="6.5" cy="5" r="1.8" fill="white"/></svg>';
  el.innerHTML=list.map((s,i)=>{
    const site=(_siteCache&&_siteCache[s.site_id])||{};
    const ds=String(s.shift_date).substring(0,10);
    const night=_isNightShift(s.start_time,s.end_time);
    return`<div class="shift-card" onclick="_openShiftMap(${i})">
      <div class="sd-box"><div class="sd-mon">${parseInt(ds.substring(5,7))}月</div><div class="sd-day">${parseInt(ds.substring(8,10))}</div></div>
      <div class="sh-info">
        <div class="sh-site">${escapeHtml(s.site_name||site.name||'現場')}</div>
        <div class="sh-time">${_shiftTime(s,' 〜 ')}</div>
        <div class="sh-addr">📍 ${escapeHtml(site.address||'住所未登録')}</div>
        <div class="sh-badges"><span class="badge badge-traffic" style="font-size:8px;padding:2px 6px">${escapeHtml(_dutyLabel(s.duty_type||site.duty_type))}</span>${night?'<span class="badge badge-night" style="font-size:8px;padding:2px 6px">🌙 夜間</span>':''}</div>
      </div>
      <div class="map-icon-btn">${pin}</div>
    </div>`;
  }).join('');
}
function _openShiftMap(i){
  const s=_upcomingShifts[i];
  if(!s)return;
  setFullMapEntry(_mkSiteEntry(s));
  switchTab('map');
}

/* ══ メンバー（本日同現場の配置者・実データ / v3.22.0 改善） ══ */
async function _renderMembers(){
  const listEl=document.getElementById('crew-list'),cEl=document.getElementById('contact-list');
  const ctxEl=document.getElementById('mem-ctx'),sumEl=document.getElementById('mem-sum');
  if(!listEl)return;
  const cur=_mySites[curSite];
  const target=(cur&&cur.isToday)?cur:(_mySites.find(s=>s.isToday)||null);
  if(!target){
    if(ctxEl)ctxEl.innerHTML='';
    if(sumEl)sumEl.style.display='none';
    listEl.innerHTML='<div style="padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);font-size:12px;color:var(--t3)">本日の配置はありません</div>';
  }else{
    if(ctxEl)ctxEl.innerHTML='<span>📍 '+escapeHtml(target.name||'')+'</span>'+(target.time?('<span>🕐 '+escapeHtml(target.time)+'</span>'):'');
    listEl.innerHTML='<div style="padding:14px;font-size:12px;color:var(--t3)">読込中…</div>';
    try{
      const j=await _apiGet(`/api/shifts?site_id=${encodeURIComponent(target.id)}&date_from=${target.shift_date}&date_to=${target.shift_date}&limit=1000`);
      const rows=(j.shifts||[]).filter(_activeShift);
      const me=_guardSession&&_guardSession.guard&&_guardSession.guard.id;
      const onRows=rows.filter(r=>r.checked_in), offRows=rows.filter(r=>!r.checked_in);
      if(sumEl){sumEl.style.display='flex';document.getElementById('mem-total').textContent=rows.length;document.getElementById('mem-on').textContent=onRows.length;document.getElementById('mem-off').textContent=offRows.length;}
      const grads=[['#3a2f14,#5c4a1f','#f8dfae'],['#1e3a2a,#2d5a3e','#a7f3d0'],['#1e2a3a,#2d3e5a','#bfdbfe'],['#3a1e2a,#5a2d3e','#fbcfe8']];
      let gi=0;
      const card=(r)=>{
        const isMe=r.guard_id===me;const nm=r.guard_name||'—';const g=grads[gi++%grads.length];
        return`<div class="crew-card${isMe?' me':''}">
          <div class="crew-avatar" style="background:linear-gradient(135deg,${g[0]});color:${g[1]}">${escapeHtml(String(nm).replace(/[\s　]/g,'').substring(0,2))}</div>
          <div><div class="crew-name">${escapeHtml(nm)}${isMe?'<span class="me-tag">自分</span>':''}</div><div class="crew-role">${escapeHtml(_dutyLabel(r.duty_type))}・${_hm(r.start_time)}〜${_hm(r.end_time)}</div></div>
          <span class="crew-status ${r.checked_in?'cs-on':'cs-off'}">${r.checked_in?'上番済':'未上番'}</span>
        </div>`;
      };
      let html='';
      if(onRows.length){html+='<div class="grp-label grp-on"><span class="dot"></span>上番済（'+onRows.length+'名）</div>'+onRows.map(card).join('');}
      if(offRows.length){html+='<div class="grp-label grp-off"><span class="dot"></span>未上番（'+offRows.length+'名）</div>'+offRows.map(card).join('');}
      listEl.innerHTML=html||'<div style="padding:14px;font-size:12px;color:var(--t3)">配置情報がありません</div>';
    }catch(e){
      if(sumEl)sumEl.style.display='none';
      listEl.innerHTML='<div style="padding:14px;font-size:12px;color:#fca5a5">配置の取得に失敗しました</div>';
    }
  }
  await _loadCompany();
  let ch='';
  const site=target?((_siteCache&&_siteCache[target.id])||{}):{};
  if(site.contact_name||site.contact_phone){
    const tel=site.contact_phone?` onclick="location.href='tel:${escapeHtml(String(site.contact_phone).replace(/[^0-9+\-]/g,''))}'"`:'';
    ch+=`<div class="crew-card" style="cursor:pointer"${tel}><span style="font-size:14px">📞</span><div><div class="crew-name">${escapeHtml(site.contact_name||'現場連絡先')}</div><div class="crew-role">${escapeHtml(site.contact_phone||'番号未登録')}</div></div></div>`;
  }
  if(_myCompany&&(_myCompany.phone||_myCompany.name)){
    const tel=_myCompany.phone?` onclick="location.href='tel:${escapeHtml(String(_myCompany.phone).replace(/[^0-9+\-]/g,''))}'"`:'';
    ch+=`<div class="crew-card" style="cursor:pointer"${tel}><span style="font-size:14px">🏢</span><div><div class="crew-name">${escapeHtml(_myCompany.name||'自社')}</div><div class="crew-role">${escapeHtml(_myCompany.phone||'番号未登録')}</div></div></div>`;
  }
  if(cEl)cEl.innerHTML=ch||'<div style="padding:12px;font-size:11px;color:var(--t3)">連絡先未登録</div>';
}

/* ══ 会社からの連絡事項 (v3.22.0 / 365ベル式・GET/POST /api/guard_notices) ══ */
let _gnCache=[];
async function _fetchGuardNotices(){
  if(!_guardSession||!_guardSession.token)return;
  try{
    const j=await _apiGet('/api/guard_notices');
    _gnCache=j.notices||[];
    _updateGnBadge(j.unread!=null?j.unread:_gnCache.filter(n=>!n.read).length);
  }catch(e){console.warn('[guard_notices]',e&&e.message);}
}
function _updateGnBadge(n){
  const bell=document.getElementById('notif-bell'),bb=document.getElementById('notif-badge'),tb=document.getElementById('tab-settings-badge'),su=document.getElementById('gn-unread');
  if(bell)bell.style.display=(_gnCache.length>0)?'flex':'none';
  if(bb){if(n>0){bb.textContent=n;bb.classList.remove('hide');}else bb.classList.add('hide');}
  if(tb)tb.style.display=n>0?'block':'none';
  if(su){if(n>0){su.textContent=n;su.classList.remove('hide');}else su.classList.add('hide');}
  _fitHomeCompany();
}
function _gnPri(p){return p==='important'?{c:'nc-imp',l:'重要'}:{c:'nc-nrm',l:'お知らせ'};}
function _gnDate(s){try{const d=new Date(s);return (d.getMonth()+1)+'/'+String(d.getDate()).padStart(2,'0')+' '+String(d.getHours()).padStart(2,'0')+':'+String(d.getMinutes()).padStart(2,'0');}catch(e){return '';}}
function _renderGnList(){
  const el=document.getElementById('gn-list');if(!el)return;
  if(!_gnCache.length){el.innerHTML='<div style="padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rmd);font-size:12px;color:var(--t3)">連絡事項はありません</div>';return;}
  el.innerHTML=_gnCache.map(function(n){var p=_gnPri(n.priority);var unread=!n.read;
    return '<div class="notice-card'+(unread?' unread':'')+'">'
      +'<div class="nc-top"><span class="nc-chip '+p.c+'">'+p.l+'</span>'+(unread?'<span class="nc-dot"></span>':'')+'<span class="nc-date">'+_gnDate(n.created_at)+'</span></div>'
      +'<div class="nc-title">'+escapeHtml(n.title)+'</div>'
      +'<div class="nc-body">'+escapeHtml(n.body)+'</div></div>';
  }).join('');
}
async function _markGnRead(){
  if(!_gnCache.some(function(n){return !n.read;}))return;
  try{await _authFetch('/api/guard_notices/read',{method:'POST',body:'{}'});}catch(e){console.warn('[gn read]',e&&e.message);return;}
  _gnCache.forEach(function(n){n.read=true;});
  _renderGnList(); /* v3.33.0: 既読化直後に未読枠・ドットを消す（旧実装は次回表示まで残った） */
  _updateGnBadge(0);
}
async function _renderSettings(){
  var nm=(_guardSession&&_guardSession.guard&&_guardSession.guard.name)||'';
  var av=document.getElementById('set-avatar');if(av)av.textContent=String(nm).replace(/[\s　]/g,'').substring(0,2)||'?';
  var ln=document.getElementById('logged-in-name');if(ln)ln.textContent=nm||'—';
  if(_sb){_sb.auth.getUser().then(function(o){var e=document.getElementById('logged-in-email');if(e&&o&&o.data&&o.data.user)e.textContent=o.data.user.email||'—';});}
  var a2=document.getElementById('set-appver');if(a2)a2.textContent=(CONFIG&&CONFIG.appVersion)||'';
  var sv=document.getElementById('set-swver');if(sv){sv.textContent='—';_jgSwVer().then(function(v){if(v)sv.textContent=v;});} /* v3.31.0: 実測表示 */
  await _fetchGuardNotices();
  _renderGnList();
  _markGnRead();
}

/* ══ 天気/WBGT 実データ (Open-Meteo・キー不要) ══ */
let _wxCache={};
const _WMO=[[0,'☀️','快晴'],[1,'🌤','晴れ'],[2,'⛅','晴れ時々曇り'],[3,'☁️','曇り'],[45,'🌫','霧'],[51,'🌦','霧雨'],[61,'🌧','雨'],[63,'🌧','雨'],[65,'🌧','強い雨'],[66,'🌧','みぞれ'],[71,'🌨','雪'],[75,'❄️','強い雪'],[80,'🌦','にわか雨'],[82,'⛈','激しい雨'],[85,'🌨','にわか雪'],[95,'⛈','雷雨']];
function _wmoInfo(code,isDay){
  let best=_WMO[0];
  for(const w of _WMO){if(code>=w[0])best=w;}
  let ic=best[1];
  if(!isDay&&code<=1)ic='🌙';
  return{icon:ic,label:best[2]};
}
/* WBGT目安 = ABM簡易近似式（日射・輻射非考慮の屋外目安） */
function _wbgtApprox(t,rh){
  const e=rh/100*6.105*Math.exp(17.27*t/(237.7+t));
  return 0.567*t+0.393*e+3.94;
}
function _wbgtRank(w){return w>=31?'🔥 危険':w>=28?'🔥 厳重警戒':w>=25?'⚠️ 警戒':w>=21?'⚠️ 注意':'✅ ほぼ安全';}
async function _updateWeather(entry){
  const bar=document.getElementById('weather-bar');
  if(!bar)return;
  let lat=null,lng=null;
  if(entry&&entry.gps){lat=entry.gps.lat;lng=entry.gps.lng;}
  else if(_lastPos){lat=_lastPos.lat;lng=_lastPos.lon;}
  if(lat==null){bar.style.display='none';return;}
  bar.style.display='flex';
  const key=`${lat.toFixed(2)},${lng.toFixed(2)}`;
  const now=Date.now();
  if(_wxCache[key]&&now-_wxCache[key].t<600000){_paintWeather(_wxCache[key].d);return;}
  try{
    const r=await fetch(`https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lng}&current=temperature_2m,relative_humidity_2m,wind_speed_10m,weather_code,is_day&wind_speed_unit=ms&timezone=Asia%2FTokyo`);
    if(!r.ok)throw new Error('wx http '+r.status);
    const j=await r.json();
    const c=j.current||{};
    _wxCache[key]={t:now,d:c};
    _paintWeather(c);
  }catch(e){
    bar.querySelector('.weather-temp').textContent='気象情報を取得できません';
    bar.querySelector('.weather-detail').textContent='通信状況をご確認ください';
    bar.querySelector('.weather-warn').style.display='none';
  }
}
function _paintWeather(c){
  const bar=document.getElementById('weather-bar');
  if(!bar||c.temperature_2m==null)return;
  const t=c.temperature_2m,rh=c.relative_humidity_2m||0,ws=c.wind_speed_10m||0;
  const info=_wmoInfo(c.weather_code||0,c.is_day!==0);
  bar.querySelector('.weather-icon').textContent=info.icon;
  bar.querySelector('.weather-temp').textContent=`${Math.round(t)}°C — ${info.label}`;
  const w=_wbgtApprox(t,rh);
  bar.querySelector('.weather-detail').textContent=`湿度 ${Math.round(rh)}% ／ 風速 ${Math.round(ws)}m/s ／ WBGT目安 ${w.toFixed(0)}`;
  const warn=bar.querySelector('.weather-warn');
  warn.style.display='';
  warn.textContent=_wbgtRank(w);
}

/* v3.17.0 §7: 全画面地図=エントリ渡し・距離は直線距離ベースの目安 */
function setFullMapEntry(e){
  _curMapEntry=e;
  document.getElementById('fm-title').textContent=e.name;
  document.getElementById('fm-sub').textContent=e.addr||'住所未登録';
  document.getElementById('fm-name').textContent=e.name;
  document.getElementById('fm-addr').textContent=e.addr||'住所未登録';
  document.getElementById('fm-duty').textContent=e.duty;
  document.getElementById('fm-time').textContent=e.time;
  let dist='—',walk='—',car='—';
  if(_lastPos&&e.gps){
    const km=haversine(_lastPos.lat,_lastPos.lon,e.gps.lat,e.gps.lng)/1000;
    dist=`${km.toFixed(1)}km`;
    walk=`約${Math.max(1,Math.round(km/4.8*60))}分`;
    car=`約${Math.max(1,Math.round(km/30*60))}分`;
  }
  document.getElementById('fm-dist').textContent=dist;
  document.getElementById('fm-walk').textContent=walk;
  document.getElementById('fm-car').textContent=car;
  _setMapFrame('full-map',e); /* v3.36.1 */
}

function openFullMap(){ const s=_mySites[curSite]; if(!s)return; setFullMapEntry(s); switchTab('map'); }

const TABS=['home','map','members','shift','settings'];
function switchTab(tab){
  if(tab==='map')_gpsWarm(); /* v3.27.0 段2: ナビを押す前に位置を先読みしておく */
  if(tab!=='map') prevTab=tab; /* v3.33.0: regulation 画面は削除 */
  TABS.forEach(t=>{
    const sc=document.getElementById(`screen-${t}`);
    const tb=document.getElementById(`tab-${t}`);
    const lbl=document.getElementById(`tl-${t}`);
    const on=t===tab;
    if(sc) sc.style.display=on?'flex':'none';
    if(tb) tb.classList.toggle('active',on);
    if(lbl) lbl.style.color=on?'var(--accent)':'var(--t3)';
    const ic=document.getElementById(`ti-${t}`);
    if(ic) ic.setAttribute('stroke',on?'var(--accent)':'var(--t3)');
  });
  /* v3.17.0: タブ表示時に実データ再描画 */
  if(tab==='members')_renderMembers();
  if(tab==='shift'&&_guardSession){var _k=_calMonth.y+'-'+String(_calMonth.m+1).padStart(2,'0');delete _monthCache[_k];delete _leaveCache[_k];_renderCalendar();}
  if(tab==='settings')_renderSettings();
}
function goBack(){ switchTab(prevTab||'home'); }

/* v3.17.0 §7: ナビ/ストリートビュー/コピー 実動化 */
function doNav(){
  const e=_curMapEntry||_mySites[curSite];
  if(!e){showToast('⚠️','現場が選択されていません');return;}
  const dest=e.gps?`${e.gps.lat},${e.gps.lng}`:(e.addr||e.name);
  /* v3.27.0 段2: この直後にGoogleマップへ移り、2号は裏に回って測位できなくなる。
     マップ画面を開いた時点で _gpsWarm() が測位済みなので、ここでは待たずに即送れる
     （＝数秒前の位置。移動を始める直前としては実質リアルタイム）。
     keepalive付きなので、裏に回ったあとも送信は完了する。 */
  if(_lastPos)_postPosition('app_open',{latitude:_lastPos.lat,longitude:_lastPos.lon});
  window.open(`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(dest)}&travelmode=driving`,'_blank');
}
function doStreetView(){
  const e=_curMapEntry||_mySites[curSite];
  if(!e){showToast('⚠️','現場が選択されていません');return;}
  if(e.gps)window.open(`https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${e.gps.lat},${e.gps.lng}`,'_blank');
  else window.open(`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(e.addr||e.name)}`,'_blank');
}
function doCopy(){
  const e=_curMapEntry||_mySites[curSite];
  if(!e){showToast('⚠️','現場が選択されていません');return;}
  const txt=e.addr||e.name;
  if(navigator.clipboard&&navigator.clipboard.writeText){
    navigator.clipboard.writeText(txt).then(()=>showToast('📋','住所をコピーしました')).catch(()=>showToast('⚠️','コピーできませんでした'));
  }else showToast('⚠️','このブラウザはコピー非対応です');
}

/* v3.33.0: toggleCrew / toggleVehicle / toggleReg は対応する DOM（crew-body 等）が v3.19.0 で消えたあとの残置＝呼べば TypeError。削除（裁定③(a)） */

/* dialog */
function showDlg(type){
  if(type==='co'&&wstate!=='working') return;
  /* v3.17.0: 上番は本日の配置を選択中のみ */
  if(type==='ci'){
    if(wstate!=='standby'&&wstate!=='idle')return;   /* v3.37.0: 上番の送信に失敗した後（idle）も押し直せる（従来は再読込まで無反応） */
    const s=_mySites[curSite];
    if(!s||!s.isToday){showToast('⚠️','本日の配置がないため上番できません');return;}
  }
  curAction=type;
  const n=new Date(), t=`${String(n.getHours()).padStart(2,'0')}:${String(n.getMinutes()).padStart(2,'0')}`;
  document.getElementById('dlg-time').textContent=t;
  const gpsEl=document.getElementById('dlg-gps');
  if(gpsEl)gpsEl.textContent=_lastPos?`${_lastPos.lat.toFixed(4)}°N, ${_lastPos.lon.toFixed(4)}°E`:'未取得（記録時に再取得）';
  const icon=document.getElementById('dlg-icon'), btn=document.getElementById('db-confirm');
  if(type==='ci'){
    icon.className='dlg-icon ci'; icon.textContent='↑';
    document.getElementById('dlg-title').textContent='上番を記録する';
    document.getElementById('dlg-detail').innerHTML='現在地のGPS情報と現在時刻を記録します。';
    btn.className='db db-in'; btn.textContent='上番する';
  }else{
    icon.className='dlg-icon co'; icon.textContent='↓';
    document.getElementById('dlg-title').textContent='下番を記録する';
    document.getElementById('dlg-detail').innerHTML='退勤を記録します。お疲れさまでした。';
    btn.className='db db-out'; btn.textContent='下番する';
  }
  document.getElementById('dlg-ov').classList.add('show');
}
function hideDlg(e){ if(e&&e.target!==document.getElementById('dlg-ov'))return; document.getElementById('dlg-ov').classList.remove('show'); }
function confirmAction(){
  /* v3.9.0: DEMO_GUARD 撤廃に伴う未認証ガード (本番ホスト & localStorage 不在時) */
  if(!_guardSession || !_guardSession.guard || !_guardSession.guard.id){
    document.getElementById('dlg-ov').classList.remove('show');
    showToast('⚠️','未認証です（ログイン画面は Phase 1 第 1 段で実装予定）');
    return;
  }
  document.getElementById('dlg-ov').classList.remove('show');
  const n=new Date(), t=`${String(n.getHours()).padStart(2,'0')}:${String(n.getMinutes()).padStart(2,'0')}`;
  const chip=document.getElementById('status-chip');
  if(curAction==='ci'){
    wstate='working'; ciTime=n;
    document.getElementById('btn-ci').classList.add('off');
    document.getElementById('btn-co').classList.remove('off');
    chip.className='status-chip bwk-chip';
    chip.innerHTML=`✅ 勤務中`;
    showToast('✓',`上番を記録しました（${t}）`);
    _gpsStartWatch(); /* v3.26.0 段0: 連続測位は勤務中のみ開始 */
    _paintDepart();   /* v3.27.0 段2: 上番したので出発ボタンは引っ込める */
    // API: checkin (v3.17.0: 実シフトの site_id へ打刻)
    const s=_mySites[curSite];
    if(!s||!s.id){showToast('⚠️','現場情報がありません');return;}
    /* v3.17.1: checkin応答は {attendance:{...}} 形式 (旧 d.id 参照は常に null の潜在バグを修正) */
    const _ciDone=(d)=>{const row=d&&d.attendance;if(row&&row.id){_attendanceId=row.id;_attWork={site_id:row.site_id||s.id,shift_date:String(row.shift_date||'').substring(0,10)||_todayStr()};}};
    /* v3.17.2: 送信失敗の握りつぶし廃止=r.ok判定+失敗時はUI巻き戻し+⚠️(旧 .catch(()=>{}) は電波不良で「記録済のつもり」事故) */
    const _ciFail=()=>{
      wstate='idle'; ciTime=null;
      document.getElementById('btn-ci').classList.remove('off');
      document.getElementById('btn-co').classList.add('off');
      chip.className='status-chip bst-chip'; chip.textContent='⏳ 上番待ち';
      _gpsStopWatch(); /* v3.26.0 段0: 上番が成立しなかったので測位も止める */
      _paintDepart();  /* v3.27.0 段2: 上番待ちへ巻き戻すので出発ボタンを戻す */
      showToast('⚠️','上番の送信に失敗しました。電波状況を確認して、もう一度「上番」を押してください');
    };
    const _ciSend=(payload)=>{
      _authFetch('/api/attendance/checkin',{method:'POST',body:JSON.stringify(payload)})
        .then(r=>{if(!r.ok)throw new Error('HTTP '+r.status);return r.json();})
        .then(_ciDone).catch(_ciFail);
    };
    if(navigator.geolocation){
      /* v3.41.0（課題 #98・独立レビュー🔴1）: 端末の許可の確認が出たまま答えないと、8秒の時間切れは始まらない（WebKit・仕様）
         ＝どちらの返事も来ず、上番が一度も送られないまま画面だけ「勤務中」になる。8.6秒で「位置なし」で送る保険（_measureAndPost と同じ型）。
         遅れて取れた位置は、位置の記録（guard_positions）だけ直す（打刻は二重に送らない）。 */
      let _ciGeoDone=false;
      const _ciNoGeo=(err)=>{
        if(_ciGeoDone)return; _ciGeoDone=true;
        // v3.13.0 ㊼ β: GPS 失敗時は gps_lat/gps_lng を payload に含めない (= backend が undefined → NULL 記録)
        _ciSend({guard_id:_guardSession.guard.id,site_id:s.id});
        _postPosition('checkin',null); /* v3.27.0 段2: 位置なしでも打刻の事実は送る */
        let _gc=3; try{ _gc=_geoFail(err); }catch(e){}
        showToast('📍',`上番を記録しました（位置なし：${_geoReason(_gc)}）`); /* 黙って位置なしにしない（打刻は止めない） */
      };
      navigator.geolocation.getCurrentPosition(pos=>{
        _lastPos={lat:pos.coords.latitude,lon:pos.coords.longitude};
        if(_ciGeoDone){ _postPosition('checkin',pos.coords); try{_geoOk();}catch(e){} return; }   /* 遅れて取れた＝位置の記録だけ */
        _ciGeoDone=true;
        _ciSend({guard_id:_guardSession.guard.id,site_id:s.id,gps_lat:pos.coords.latitude,gps_lng:pos.coords.longitude,accuracy:pos.coords.accuracy});
        _postPosition('checkin',pos.coords); /* v3.27.0 段2: 同じ測位を使い回す（二重に測らない） */
        try{_geoOk();}catch(e){}
      },(err)=>_ciNoGeo(err),{enableHighAccuracy:false,maximumAge:15000,timeout:8000});
      setTimeout(()=>_ciNoGeo({code:3}),8600);
      /* v3.32.2: 第3引数（オプション）を追加。旧実装は無指定＝timeout の既定値 Infinity のため、
         位置情報の許可待ちやPCの位置取得が返らない環境では成功・失敗どちらのコールバックも呼ばれず、
         打刻APIが一度も飛ばないまま画面だけ「勤務中」になっていた（成功トーストは送信より前に出る）。
         8秒で打ち切れば失敗コールバックが走り、GPSなしでも打刻の事実だけは必ず送られる。
         ※同ファイル内の他の getCurrentPosition は既に timeout を渡していた＝上番だけ取り残されていた。 */
    }else{
      _ciSend({guard_id:_guardSession.guard.id,site_id:s.id}); /* v3.17.2: geolocation非対応端末でも打刻送信 */
      _postPosition('checkin',null); /* v3.27.0 段2 */
    }
  }else{
    // 下番 → API: checkout → 電子署名画面を表示
    /* v3.17.1: checkout契約=guard_id/site_id(/shift_date) (旧 attendance_id のみ=常に400の潜在バグを修正・BEがcheckin自動ペアリング) */
    {
      const w=_attWork||{};
      const coSite=w.site_id||(_mySites[curSite]&&_mySites[curSite].id);
      if(coSite){
        const _coBody={guard_id:_guardSession.guard.id,site_id:coSite,shift_date:w.shift_date||_todayStr()};
        _coPending=null;
        _coInflight=_authFetch('/api/attendance/checkout',{method:'POST',body:JSON.stringify(_coBody)})
          .then(r=>{if(!r.ok)throw new Error('HTTP '+r.status);})
          .catch(()=>{_coPending=_coBody;showToast('⚠️','下番の送信に失敗しました。署名の確定時に自動で再送します');}) /* v3.17.2 */
          .finally(()=>{_coInflight=null;}); /* v3.39.0: まとめての表は下番の送信が終わってから読む（自分が「未下番」に見えない） */
      }
    }
    _gpsStopWatch(); /* v3.26.0 段0: 下番＝勤務終了なので連続測位を止める */
    _measureAndPost('checkout',{maxAge:30000,timeout:8000,onFail:(c)=>showToast('📍',`下番を記録しました（位置なし：${_geoReason(c)}）`)}); /* v3.27.0 段2 / v3.41.0（課題 #98）: 位置が付かなければ知らせる */
    const cs=_mySites[curSite];
    document.getElementById('sign-client').textContent=cs?cs.name:'—';
    populateSignTimes();
    _signFinished=false; _signCtx=null; /* v3.39.0: このサイン画面の中で下番を1回だけ終える・会社の設定（まとめて）は context から */
    { const tb=document.getElementById('sign-team-bar'); if(tb)tb.style.display='none'; }
    _showSignMain();
    _loadSignContext(); /* v3.38.0（#77）: 日付・隊員名・発注会社・業務内容 */
    document.getElementById('sign-ov').classList.add('show');
    clearSign();
    initSignCanvas();
  }
}

/* ═══ 電子署名 ═══ */
let signCtx=null, signing=false, otMinutes=0, breakMinCalc=0;
let _signFinished=false, _signCtx=null; /* v3.39.0: このサイン画面で下番を終えたか／サイン画面の上の表（会社の設定 sign_mode を含む） */
/* v3.38.0: 時間は HH:MM で数える（サーバーの控えの PDF と同じ式＝services/daily_copy.js computeTimes）。
   下番の時刻はサイン画面を開いた時刻（_signCoHm）を表示にも送信にも使う＝画面と控えが1分ずれない */
let _signCiHm=null, _signCoHm=null, _signTotalMin=0;
const _hmOf=d=>`${String(d.getHours()).padStart(2,'0')}:${String(d.getMinutes()).padStart(2,'0')}`;
const _minOfHm=v=>{const m=/^(\d{2}):(\d{2})$/.exec(String(v||''));return m?Number(m[1])*60+Number(m[2]):null;};
function populateSignTimes(){
  const n=new Date();
  _signCiHm=ciTime?_hmOf(ciTime):null;
  _signCoHm=_hmOf(n);
  const ct=_signCiHm||'--:--';
  const co=_signCoHm;
  let totalMin=0;
  if(_signCiHm){totalMin=_minOfHm(_signCoHm)-_minOfHm(_signCiHm);if(totalMin<0)totalMin+=1440;}
  _signTotalMin=totalMin;
  breakMinCalc=totalMin>=480?60:totalMin>=360?45:0;
  otMinutes=0;
  const netMin=totalMin-breakMinCalc;
  document.getElementById('sign-ci-time').textContent=ct;
  document.getElementById('sign-co-time').textContent=co;
  document.getElementById('sign-total').textContent=`${Math.floor(totalMin/60)}h${String(totalMin%60).padStart(2,'0')}m`;
  document.getElementById('sign-break').textContent=`${breakMinCalc}分`;
  document.getElementById('sign-net').textContent=`${Math.floor(netMin/60)}h${String(netMin%60).padStart(2,'0')}m`;
  const overtimeMin=Math.max(netMin-480,0);
  document.getElementById('sign-overtime').textContent=overtimeMin>0?`${Math.floor(overtimeMin/60)}h${String(overtimeMin%60).padStart(2,'0')}m`:'0分';
  document.getElementById('sign-ot').textContent='0分';
}
function adjustOT(delta){
  otMinutes=Math.max(0,Math.min(otMinutes+delta,60));
  document.getElementById('sign-ot').textContent=`${otMinutes}分`;
  // recalc net（v3.38.0: 開いたときの拘束＝HH:MM で数えた値を使う）
  const totalMin=_signTotalMin;
  const netMin=totalMin-breakMinCalc+otMinutes;
  document.getElementById('sign-net').textContent=`${Math.floor(netMin/60)}h${String(netMin%60).padStart(2,'0')}m`;
  const overtimeMin=Math.max(netMin-480,0);
  document.getElementById('sign-overtime').textContent=overtimeMin>0?`${Math.floor(overtimeMin/60)}h${String(overtimeMin%60).padStart(2,'0')}m`:'0分';
}
function initSignCanvas(){
  const c=document.getElementById('sign-canvas');
  signCtx=c.getContext('2d');
  c.width=c.offsetWidth*2; c.height=c.offsetHeight*2;
  signCtx.scale(2,2);
  signCtx.strokeStyle='#1a1a1a';
  signCtx.lineWidth=2.5;
  signCtx.lineCap='round';
  signCtx.lineJoin='round';
  // mouse
  c.onmousedown=e=>{signing=true;signCtx.beginPath();signCtx.moveTo(e.offsetX,e.offsetY)};
  c.onmousemove=e=>{if(!signing)return;signCtx.lineTo(e.offsetX,e.offsetY);signCtx.stroke()};
  c.onmouseup=()=>signing=false;
  c.onmouseleave=()=>signing=false;
  // touch
  c.ontouchstart=e=>{e.preventDefault();signing=true;const r=c.getBoundingClientRect();const t=e.touches[0];signCtx.beginPath();signCtx.moveTo(t.clientX-r.left,t.clientY-r.top)};
  c.ontouchmove=e=>{e.preventDefault();if(!signing)return;const r=c.getBoundingClientRect();const t=e.touches[0];signCtx.lineTo(t.clientX-r.left,t.clientY-r.top);signCtx.stroke()};
  c.ontouchend=()=>signing=false;
}
function clearSign(){
  const c=document.getElementById('sign-canvas');
  if(signCtx){signCtx.clearRect(0,0,c.width,c.height)}
}
function hideSign(e){
  if(e&&e.target!==document.getElementById('sign-ov'))return;
  /* v3.39.0: 署名のあと（完了の画面）は確かめずに閉じる＝下番はもう終えている */
  if(_signFinished){document.getElementById('sign-ov').classList.remove('show');_showSignMain();return;}
  /* v3.38.0: 画面の外を押して閉じるのは誤操作のことがある＝確かめる（閉じても控えは残さない＝今までどおり） */
  if(e&&!confirm('スキップしますか？\n（サインも控えも残さずに閉じます。控えを残すときは［スキップ］を押して理由を選んでください）'))return;
  document.getElementById('sign-ov').classList.remove('show');
  finishCheckout();
}
/* ═══ v3.38.0: 日報控え（サイン画面の上の表・サインなしの控え・一覧・PDF） ═══ */
function _showSignMain(){const a=document.getElementById('sign-main'),b=document.getElementById('skip-panel');if(a)a.style.display='';if(b)b.style.display='none';['team-panel','done-panel'].forEach(id=>{const x=document.getElementById(id);if(x)x.style.display='none';});_skipCode=null;document.querySelectorAll('.skip-opt').forEach(x=>x.classList.remove('on'));const t=document.getElementById('skip-text');if(t)t.value='';}
function _signWork(){const w=_attWork||{};return{site:w.site_id||(_mySites[curSite]&&_mySites[curSite].id)||null,date:w.shift_date||_todayStr()};}
function _jpDate(ds){const d=new Date(ds+'T00:00:00');if(isNaN(d))return ds;return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日（${_WD[d.getDay()]}）`;}
let _signCtxSeq=0;
async function _loadSignContext(){
  const seq=++_signCtxSeq;const w=_signWork();
  const set=(id,v)=>{const el=document.getElementById(id);if(el)el.textContent=v;};
  set('sign-date',_jpDate(w.date));
  set('sign-guard',(_guardSession&&_guardSession.guard&&_guardSession.guard.name)||'—');
  set('sign-clientco','読込中…');set('sign-duty',(_mySites[curSite]&&_mySites[curSite].duty)||'—');
  if(!w.site){set('sign-clientco','—');return;}
  try{
    const ac=new AbortController();const to=setTimeout(()=>ac.abort(),8000);
    const r=await _authFetch(`/api/daily-copies/context?site_id=${encodeURIComponent(w.site)}&shift_date=${encodeURIComponent(w.date)}`,{signal:ac.signal});
    clearTimeout(to);
    if(seq!==_signCtxSeq)return;
    if(!r.ok)throw new Error('HTTP '+r.status);
    const j=await r.json();
    _signCtx=j; /* v3.39.0 */
    set('sign-clientco',j.client_company_name||'（登録なし）');
    if(j.duty_label)set('sign-duty',j.duty_label);
    if(j.guard_name)set('sign-guard',j.guard_name);
    /* v3.39.0（日報控え 第2便）: 会社の設定が「まとめても受ける」なら、代表者の道と「代表者に任せる」を出す */
    { const tb=document.getElementById('sign-team-bar'); if(tb)tb.style.display=(j.sign_mode==='team')?'':'none'; }
  }catch(e){if(seq===_signCtxSeq)set('sign-clientco','—');}
}
let _skipCode=null;
function openSkip(){const a=document.getElementById('sign-main'),b=document.getElementById('skip-panel');if(a)a.style.display='none';if(b)b.style.display='';}
function backSkip(){_showSignMain();}
function pickSkip(code){_skipCode=code;document.querySelectorAll('.skip-opt').forEach(x=>x.classList.toggle('on',x.getAttribute('data-code')===code));if(code==='other'){const t=document.getElementById('skip-text');if(t)t.focus();}}
function skipNoCopy(){document.getElementById('sign-ov').classList.remove('show');_showSignMain();finishCheckout();}
let _skipSending=false;
function submitUnsigned(){
  if(_skipSending)return;
  if(!_guardSession||!_guardSession.guard||!_guardSession.guard.id){showToast('⚠️','ログインしてください');return;}
  if(!_skipCode){showToast('⚠️','理由を選んでください');return;}
  const text=(document.getElementById('skip-text').value||'').trim();
  if(_skipCode==='other'&&!text){showToast('⚠️','「その他」のときは、ひと言を書いてください');return;}
  const w=_signWork();
  if(!w.site){showToast('⚠️','現場情報が取得できないため控えを残せません。管制へご連絡ください');return;}
  _skipSending=true;const btn=document.getElementById('skip-send');if(btn)btn.disabled=true;
  (async()=>{
    try{
      if(_coPending){const r0=await _authFetch('/api/attendance/checkout',{method:'POST',body:JSON.stringify(_coPending)}).catch(()=>null);if(r0&&r0.ok)_coPending=null;}
      const r=await _authFetch('/api/daily-copies/unsigned',{method:'POST',body:JSON.stringify({
        guard_id:_guardSession.guard.id,site_id:w.site,shift_date:w.date,
        checkin_time:_signCiHm,checkout_time:_signCoHm||_hmOf(new Date()),
        overtime_minutes:otMinutes,break_minutes:breakMinCalc,reason_code:_skipCode,reason_text:text
      })});
      let j=null;try{j=await r.json();}catch(e){}
      const done=(icon,msg)=>{document.getElementById('sign-ov').classList.remove('show');_showSignMain();finishCheckout();showToast(icon,msg);};
      if(r.ok){done('📄','サインなしの控えを残しました（シフト画面の［日報控え］）');}
      else if((r.status===409&&j&&j.error==='COPIES_NOT_READY')||_dcBeOld(r,j)){done('⚠️','控えの準備がまだのため、控えは残せませんでした（下番は記録済み）');}
      else if(r.status===409&&j&&j.error==='ALREADY_SIGNED'){done('ℹ️','この勤務はもうサインがあります（控えはシフト画面の［日報控え］）');}
      else throw new Error('HTTP '+r.status);
      if(_coPending)showToast('⚠️','下番データの再送に失敗しています。管制へ連絡してください');
    }catch(e){
      showToast('⚠️','控えの送信に失敗しました。電波を確認して、もう一度押してください（［控えを残さずに閉じる］でも下番は終わります）');
    }finally{_skipSending=false;if(btn)btn.disabled=false;}
  })();
}
/* 一覧（月ごと） */
/* v3.38.1: サーバーが日報控えの口をまだ知らない（v7.240.0 より前・戻したとき）＝404 か 403 ROLE_NOT_ALLOWED。通信の失敗とは分けて「準備中」と出す */
function _dcBeOld(r,j){return !!r&&(r.status===404||(r.status===403&&!!j&&j.error==='ROLE_NOT_ALLOWED'));}
let _dcMonth=null,_dcSel=null,_dcFiles={},_dcNo={},_dcKind={};/* v3.39.0: _dcKind＝控えの種類（サインなしには QR を出さない） *//* _dcNo＝控え番号（別のドメインの応答の見出しは読めないことがあるので一覧の番号を使う） */
const _ymOf=d=>`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}`;
function openCopies(month,pickId){
  _dcMonth=month||_dcMonth||_ymOf(new Date());_dcSel=pickId||null;
  const ov=document.getElementById('copy-ov');if(ov)ov.classList.add('show');
  _loadCopies();
}
function hideCopies(e){if(e&&e.target!==document.getElementById('copy-ov'))return;const o=document.getElementById('copy-ov');if(o)o.classList.remove('show');}
function dcNav(d){const [y,m]=_dcMonth.split('-').map(Number);_dcMonth=_ymOf(new Date(y,m-1+d,1));_dcSel=null;_loadCopies();}
let _dcSeq=0;
async function _loadCopies(){
  const seq=++_dcSeq;const list=document.getElementById('dc-list'),miss=document.getElementById('dc-missing'),lbl=document.getElementById('dc-month-lbl');
  const [y,m]=_dcMonth.split('-').map(Number);if(lbl)lbl.textContent=`${y}年${m}月`;
  if(miss)miss.innerHTML='';if(list)list.innerHTML='<div style="padding:14px;font-size:12px;color:var(--t3)">読込中…</div>';
  try{
    const r=await _authFetch('/api/daily-copies?month='+encodeURIComponent(_dcMonth));
    let j=null;try{j=await r.json();}catch(e){}
    if(seq!==_dcSeq)return;
    if(!r.ok&&!_dcBeOld(r,j))throw new Error('HTTP '+r.status);
    if(!r.ok||(j&&j.ready===false)){list.innerHTML='<div style="padding:14px;font-size:12px;color:var(--t3)">日報控えの準備中です（会社のシステムの更新待ち）。</div>';return;}
    const items=(j&&j.copies)||[];
    if(miss&&j&&j.missing>0)miss.innerHTML=`<div style="margin-top:10px;padding:10px 12px;border:1px solid rgba(245,158,11,.4);border-radius:10px;font-size:12px;color:var(--t2);line-height:1.6">控えがまだできていないサインが ${Number(j.missing)}件あります。<button class="db" style="display:block;width:100%;margin-top:8px;padding:10px;font-size:13px;background:var(--accent);color:#1a0f00" onclick="dcRebuild()">控えを作る</button></div>`;
    if(!items.length){list.innerHTML='<div style="padding:14px;font-size:12px;color:var(--t3)">この月の控えはありません。</div>';return;}
    list.innerHTML=items.map(_dcRow).join('');
    if(_dcSel)dcPick(_dcSel);
  }catch(e){if(seq===_dcSeq&&list)list.innerHTML='<div style="padding:14px;font-size:12px;color:#fca5a5">読み込めませんでした。電波を確認してください。</div>';}
}
function _dcRow(c){
  const me=_guardSession&&_guardSession.guard&&_guardSession.guard.id;
  if(c.id){_dcNo[c.id]=c.copy_no||'';_dcKind[c.id]=c.kind||'';}
  const mem=(c.members||[]).find(x=>x.guard_id===me)||(c.members||[])[0]||{};
  const fm=v=>v==null?'—':`${Math.floor(v/60)}時間${String(v%60).padStart(2,'0')}分`;
  const badge=c.kind==='unsigned'?`<span class="dc-badge ns">サインなし${c.later_signed_at?'→あとでサインあり':''}</span>`:`<span class="dc-badge ok">${c.kind==='team'?'まとめてサイン':'サインあり'}</span>`;
  const who=c.kind==='unsigned'?`理由：${escapeHtml(c.unsigned_reason||'—')}`:`責任者：${escapeHtml(c.signer_name||'—')}`;
  return `<div class="dc-item" id="dc-${escapeHtml(c.id)}" onclick="dcPick('${escapeHtml(c.id)}')">
    <div class="dc-top"><span class="dc-date">${escapeHtml(_jpDate(c.work_date))}</span>${badge}</div>
    <div class="dc-sub">${escapeHtml(c.site_name||'—')}${c.client_company_name?'（'+escapeHtml(c.client_company_name)+'）':''}</div>
    <div class="dc-sub">${escapeHtml(mem.checkin||'--:--')}〜${escapeHtml(mem.checkout||'--:--')}　実働 ${fm(mem.net_min)}　残業 ${fm(mem.overtime_min)}</div>
    <div class="dc-sub" style="color:var(--t3)">${who}　控え番号 ${escapeHtml(c.copy_no||'')}</div>
    <div class="dc-act" id="dca-${escapeHtml(c.id)}"></div>
  </div>`;
}
/* 押したら PDF を先に読み込む（iPhone の［共有］は押した直後でないと出せないため、読み込み → もう一度押す） */
async function dcPick(id){
  document.querySelectorAll('.dc-item').forEach(x=>x.classList.toggle('sel',x.id==='dc-'+id));
  const act=document.getElementById('dca-'+id);if(!act)return;
  if(_dcFiles[id]){_dcActs(id);return;}
  act.innerHTML='<div style="font-size:11.5px;color:var(--t3)">PDF を読み込み中…</div>';
  try{
    const r=await _authFetch('/api/daily-copies/'+encodeURIComponent(id)+'/file');
    if(!r.ok){let j=null;try{j=await r.json();}catch(e){}throw new Error((j&&j.message)||('HTTP '+r.status));}
    const no=_dcNo[id]||r.headers.get('X-Copy-No')||'';
    const blob=await r.blob();
    _dcFiles[id]={file:new File([blob],`日報控え_${no||id.slice(0,8)}.pdf`,{type:'application/pdf'}),url:URL.createObjectURL(blob)};
    _dcActs(id);
  }catch(e){act.innerHTML=`<div style="font-size:11.5px;color:#fca5a5">${escapeHtml(String(e.message||'読み込めませんでした'))}</div>`;}
}
function _dcActs(id){
  const act=document.getElementById('dca-'+id);if(!act)return;
  act.innerHTML=`<button class="db db-cancel" onclick="event.stopPropagation();dcOpen('${id}')">開く</button><button class="db" style="background:var(--accent);color:#1a0f00" onclick="event.stopPropagation();dcSave('${id}')">保存・共有</button>`
    +(_dcKind[id]&&_dcKind[id]!=='unsigned'?`<button class="db db-cancel" style="flex:0 0 auto" onclick="event.stopPropagation();showCopyQr('${id}')">QR</button>`:'');  /* v3.39.0: 所長に渡す QR（サインありの控えだけ） */
}
function dcOpen(id){const f=_dcFiles[id];if(!f)return;const a=document.createElement('a');a.href=f.url;a.target='_blank';a.rel='noopener';document.body.appendChild(a);a.click();a.remove();}
async function dcSave(id){
  const f=_dcFiles[id];if(!f)return;
  try{
    if(navigator.canShare&&navigator.canShare({files:[f.file]})){await navigator.share({files:[f.file],title:f.file.name});return;}
  }catch(e){if(e&&e.name==='AbortError')return;}
  const a=document.createElement('a');a.href=f.url;a.download=f.file.name;document.body.appendChild(a);a.click();a.remove();
  showToast('📄','端末に保存しました（ダウンロード）');
}
async function dcRebuild(){
  try{
    const r=await _authFetch('/api/daily-copies/rebuild',{method:'POST',body:JSON.stringify({})});
    const j=await r.json().catch(()=>null);
    if(!r.ok)throw new Error('HTTP '+r.status);
    showToast(j&&j.failed?'⚠️':'📄',j&&j.failed?`控えを ${j.done}件作りました（${j.failed}件は作れませんでした）`:`控えを ${(j&&j.done)||0}件作りました`);
  }catch(e){showToast('⚠️','控えを作れませんでした。電波を確認してください');}
  _loadCopies();
}
/* ═══ v3.39.0（日報控え 第2便・DEC-789 ①②）: まとめてサイン（代表者）・所長に渡す QR ═══
   まとめて＝会社の設定が「まとめても受ける」の会社だけ（サイン画面の上の表の sign_mode）。表はサーバーが打刻から作る
   （下番済み・まだサインの無いメンバーだけ選べる・時刻は打刻・法定休憩は自動・休憩未取得分だけ人ごとに ±10分）。
   QR＝押したときだけ作る（有効7日・開けるのは20回まで）。URL は guard.j-guard.jp/c/#鍵（「#」の後ろはサーバーに送られない） */
/* サーバーがこの口をまだ知らない（v7.241.0 より前・戻したとき）＝router の「Not found」か許可リストの 403。
   新しいサーバーの 404（控えが見つかりません など）は message があるので取り違えない */
function _beNoRoute(r,j){return !!r&&((r.status===404&&!!j&&j.error==='Not found')||(r.status===403&&!!j&&j.error==='ROLE_NOT_ALLOWED'));}
let _teamRows=[], _teamSel={}, _teamCtx=null, _teamDrawn=false, _teamSending=false, _teamSeq=0;
function leaveToLeader(){
  document.getElementById('sign-ov').classList.remove('show');_showSignMain();finishCheckout();
  setTimeout(()=>showToast('👥','代表者がまとめてサインを受けると、控えはシフト画面の［📄 日報控え］に入ります'),3200);
}
function openTeam(){
  const a=document.getElementById('sign-main'),t=document.getElementById('team-panel');if(a)a.style.display='none';if(t)t.style.display='';
  const w=_signWork();const c=_signCtx||{};
  const set=(id,v)=>{const el=document.getElementById(id);if(el)el.textContent=v;};
  set('team-site',c.site_name||((_mySites[curSite]&&_mySites[curSite].name)||'—'));set('team-date',_jpDate(w.date));
  set('team-clientco',c.client_company_name||'（登録なし）');set('team-duty',c.duty_label||'—');
  const nm=document.getElementById('team-name');const n1=document.getElementById('sign-name');if(nm&&n1&&!nm.value)nm.value=n1.value;
  initTeamCanvas();clearTeamSign();
  loadTeam();
}
function backTeam(){_showSignMain();}
function _teamFm(v){return v==null?'—':`${Math.floor(v/60)}h${String(v%60).padStart(2,'0')}m`;}
async function loadTeam(){
  const seq=++_teamSeq;const box=document.getElementById('team-list');const w=_signWork();
  if(box)box.innerHTML='<div style="padding:12px;font-size:12px;color:var(--t3)">読込中…</div>';
  try{
    /* 自分の下番の送信がまだ終わっていなければ待ち（8秒まで）、失敗していたら先に送り直す（自分が「未下番」になって表に入れないのを防ぐ） */
    if(_coInflight){try{await Promise.race([_coInflight,new Promise(r=>setTimeout(r,8000))]);}catch(e){}}
    if(_coPending){const r0=await _authFetch('/api/attendance/checkout',{method:'POST',body:JSON.stringify(_coPending)}).catch(()=>null);if(r0&&r0.ok)_coPending=null;}
    const r=await _authFetch(`/api/signatures/team-candidates?site_id=${encodeURIComponent(w.site||'')}&shift_date=${encodeURIComponent(w.date)}`);
    let j=null;try{j=await r.json();}catch(e){}
    if(seq!==_teamSeq)return;
    if(!r.ok){
      const msg=_beNoRoute(r,j)?'まとめてサインの準備中です（会社のシステムの更新待ち）。1人ずつサインを受けてください':((j&&j.message)||('読み込めませんでした（'+r.status+'）'));
      if(box)box.innerHTML=`<div style="padding:12px;font-size:12px;color:#fca5a5;line-height:1.6">${escapeHtml(msg)}</div>`;_teamRows=[];return;
    }
    _teamCtx=j;_teamRows=(j&&j.members)||[];
    const keep=_teamSel;_teamSel={};
    _teamRows.forEach(m=>{if(m.status==='ready')_teamSel[m.shift_id]={on:m.is_me?true:(keep[m.shift_id]?keep[m.shift_id].on:true),missed:keep[m.shift_id]?keep[m.shift_id].missed:0};});
    _renderTeam();
  }catch(e){if(seq===_teamSeq&&box)box.innerHTML='<div style="padding:12px;font-size:12px;color:#fca5a5">読み込めませんでした。電波を確認して［読み直す］を押してください。</div>';}
}
function _renderTeam(){
  const box=document.getElementById('team-list');if(!box)return;
  if(!_teamRows.length){box.innerHTML='<div style="padding:12px;font-size:12px;color:var(--t3)">この現場・この日の配置がありません。</div>';return;}
  box.innerHTML=_teamRows.map(m=>{
    const id=escapeHtml(m.shift_id);const me=m.is_me?'（あなた）':'';
    if(m.status!=='ready'){
      const why=m.status==='signed'?'サイン済み（その人の控えがあります）':m.status==='not_checked_out'?'まだ下番していません（下番してから［読み直す］）':'上番の記録がありません（会社に確認）';
      return `<div class="tm-row off"><div class="tm-top"><span class="tm-name">${escapeHtml(m.guard_name||'—')}${me}</span><span class="tm-st">${escapeHtml(m.status_label||m.status)}</span></div><div class="tm-sub">${escapeHtml(why)}</div></div>`;
    }
    const sel=_teamSel[m.shift_id]||{on:true,missed:0};const net=m.total_min==null?null:m.total_min-(m.break_min||0)+sel.missed;const ot=net==null?null:Math.max(net-480,0);
    return `<div class="tm-row${sel.on?'':' off'}"><div class="tm-top"><input type="checkbox" class="tm-chk" ${sel.on?'checked':''} ${m.is_me?'disabled':''} onchange="teamToggle('${id}',this.checked)"><span class="tm-name">${escapeHtml(m.guard_name||'—')}${me}</span><span class="tm-st">下番済み</span></div>`
      +`<div class="tm-sub">上番 ${escapeHtml(m.checkin||'--:--')}〜下番 ${escapeHtml(m.checkout||'--:--')}　拘束 ${_teamFm(m.total_min)}　法定休憩 ${m.break_min==null?'—':m.break_min+'分'}</div>`
      +`<div class="tm-adj"><span style="font-size:11px;color:var(--t2);flex:1">休憩未取得分</span><button onclick="teamAdj('${id}',-10)">−</button><span style="font-family:var(--m);font-size:13px;font-weight:700;color:var(--accent,#e3a53a);min-width:40px;text-align:center">${sel.missed}分</span><button onclick="teamAdj('${id}',10)">＋</button></div>`
      +`<div class="tm-sub">実働 ${_teamFm(net)}　残業 ${ot?_teamFm(ot):'0分'}</div></div>`;
  }).join('')+(_teamRows.some(m=>m.status==='ready'&&!m.is_me)?'':'<div style="padding:8px 2px;font-size:11.5px;color:var(--t3);line-height:1.6">ほかに下番済みのメンバーがいません。まだのメンバーは下番してから［読み直す］を押してください。</div>');
}
function teamToggle(id,on){const r=_teamRows.find(x=>x.shift_id===id);if(!r||r.is_me)return;if(_teamSel[id])_teamSel[id].on=!!on;_renderTeam();}
function teamAdj(id,d){const s=_teamSel[id];if(!s)return;s.missed=Math.max(0,Math.min(60,s.missed+d));_renderTeam();}
let teamCtx2=null,teamSigning=false;
function initTeamCanvas(){
  const c=document.getElementById('team-canvas');if(!c)return;
  teamCtx2=c.getContext('2d');c.width=c.offsetWidth*2;c.height=c.offsetHeight*2;teamCtx2.scale(2,2);
  teamCtx2.strokeStyle='#1a1a1a';teamCtx2.lineWidth=2.5;teamCtx2.lineCap='round';teamCtx2.lineJoin='round';
  c.onmousedown=e=>{teamSigning=true;_teamDrawn=true;teamCtx2.beginPath();teamCtx2.moveTo(e.offsetX,e.offsetY)};
  c.onmousemove=e=>{if(!teamSigning)return;teamCtx2.lineTo(e.offsetX,e.offsetY);teamCtx2.stroke()};
  c.onmouseup=()=>teamSigning=false;c.onmouseleave=()=>teamSigning=false;
  c.ontouchstart=e=>{e.preventDefault();teamSigning=true;_teamDrawn=true;const r=c.getBoundingClientRect();const t=e.touches[0];teamCtx2.beginPath();teamCtx2.moveTo(t.clientX-r.left,t.clientY-r.top)};
  c.ontouchmove=e=>{e.preventDefault();if(!teamSigning)return;const r=c.getBoundingClientRect();const t=e.touches[0];teamCtx2.lineTo(t.clientX-r.left,t.clientY-r.top);teamCtx2.stroke()};
  c.ontouchend=()=>teamSigning=false;
}
function clearTeamSign(){const c=document.getElementById('team-canvas');if(teamCtx2&&c)teamCtx2.clearRect(0,0,c.width,c.height);_teamDrawn=false;}
function submitTeam(){
  if(_teamSending)return;
  if(!_guardSession||!_guardSession.guard||!_guardSession.guard.id){showToast('⚠️','ログインしてください');return;}
  const name=(document.getElementById('team-name').value||'').trim();
  if(!name){showToast('⚠️','責任者名を入力してください');return;}
  if(!_teamDrawn){showToast('⚠️','所長にサインを書いてもらってください');return;}
  const members=_teamRows.filter(m=>m.status==='ready'&&_teamSel[m.shift_id]&&_teamSel[m.shift_id].on).map(m=>({shift_id:m.shift_id,missed_break_minutes:_teamSel[m.shift_id].missed}));
  if(!members.some(x=>_teamRows.find(m=>m.shift_id===x.shift_id&&m.is_me))){
    const mine=_teamRows.find(m=>m.is_me);
    showToast('⚠️',mine&&mine.status==='signed'?'あなたの勤務はもうサインがあります（同じ勤務にサインは1つ）。ほかの人が代表者になってください':'あなたの下番がまだ表に入っていません。［読み直す］を押してください');return;
  }
  const w=_signWork();const sig=document.getElementById('team-canvas').toDataURL('image/png');
  _teamSending=true;const btn=document.getElementById('team-send');if(btn)btn.disabled=true;
  (async()=>{
    try{
      const r=await _authFetch('/api/signatures/team',{method:'POST',body:JSON.stringify({site_id:w.site,shift_date:w.date,signer_name:name,signature_data:sig,members})});
      let j=null;try{j=await r.json();}catch(e){}
      if(r.status===400||r.status===409){showToast('⚠️',(j&&j.message)||'まとめてサインを保存できませんでした。［読み直す］を押してください');if(j&&j.error==='MEMBER_NOT_HERE')loadTeam();return;}
      if(!r.ok)throw new Error('HTTP '+r.status);
      finishCheckout();
      const n=(j&&j.signatures&&j.signatures.length)||0;
      showToast('✍️',j&&j.duplicate?'このまとめてサインは記録済みです':`${name} のサインを ${n}名分 記録しました`);
      if(j&&j.copy)_showDone(j.copy,{count:n,excluded:(j.excluded||[]),team:true});
      else{document.getElementById('sign-ov').classList.remove('show');_showSignMain();if(j&&j.copy_status==='failed')setTimeout(()=>showToast('⚠️','日報控えを作れませんでした。シフト画面の［日報控え］から作り直せます'),3200);}
    }catch(e){showToast('⚠️','送信に失敗しました。電波を確認して、もう一度「まとめて署名を確定」を押してください');}
    finally{_teamSending=false;if(btn)btn.disabled=false;}
  })();
}
let _doneCopy=null;
function _showDone(copy,o){
  _doneCopy=copy||null;
  ['sign-main','skip-panel','team-panel'].forEach(id=>{const x=document.getElementById(id);if(x)x.style.display='none';});
  const p=document.getElementById('done-panel');if(p)p.style.display='';
  const d=document.getElementById('done-detail');
  if(d)d.textContent=`日報控え（PDF）を保存しました　No.${(copy&&copy.copy_no)||'—'}`+(o&&o.team?`（まとめてサイン・${o.count}名）`:'');
  const ex=document.getElementById('done-excluded');
  if(ex){const xs=(o&&o.excluded)||[];ex.innerHTML=xs.length?`<div style="margin-top:10px;padding:10px 12px;border:1px solid rgba(245,158,11,.4);border-radius:10px;font-size:11.5px;color:var(--t2);line-height:1.6">表から外した人：${xs.map(x=>escapeHtml((x.guard_name||'—')+'（'+(x.reason_label||x.reason)+'）')).join('、')}</div>`:'';}
  const q=document.getElementById('done-qr');if(q)q.style.display=(copy&&copy.kind!=='unsigned')?'':'none';
}
function showDoneQr(){if(_doneCopy)showCopyQr(_doneCopy.id,_doneCopy.copy_no);}
function closeDone(){document.getElementById('sign-ov').classList.remove('show');_showSignMain();}
let _qrSeq=0, _qrCopy={id:null,no:null}, _qrCache={};
/* QR の URL は公式の場所に固定（別の場所で開いた画面から作っても、所長の画面は guard.j-guard.jp） */
const QR_VIEW_BASE='https://guard.j-guard.jp/c/#';
/* 同じ控えの QR は、期限内ならもう一度同じものを出す（閉じても押し直しで締め出されない）。鍵はこの画面の中だけ（保存しない） */
function _qrDraw(id,c){
  const box=document.getElementById('qr-box'),meta=document.getElementById('qr-meta');
  if(typeof qrcode!=='function'){if(box)box.innerHTML='<div style="font-size:12px;color:#b42318;padding:8px;text-align:center">QR を描けませんでした（アプリを読み直してください）</div>';return;}
  const q=qrcode(0,'M');q.addData(QR_VIEW_BASE+c.token);q.make();
  if(box)box.innerHTML=q.createSvgTag({cellSize:4,margin:2,scalable:true});
  const ex=new Date(c.expires_at);
  if(meta)meta.textContent=(isNaN(ex)?`有効7日`:`有効期限 ${ex.getMonth()+1}/${ex.getDate()} ${String(ex.getHours()).padStart(2,'0')}:${String(ex.getMinutes()).padStart(2,'0')} まで`)+`・開けるのは${c.max_uses}回まで`;
}
async function showCopyQr(id,no,fresh){
  const seq=++_qrSeq;const ov=document.getElementById('qr-ov');if(ov)ov.classList.add('show');
  _qrCopy={id:id,no:no||_dcNo[id]||null};
  const box=document.getElementById('qr-box'),meta=document.getElementById('qr-meta'),cn=document.getElementById('qr-copyno');
  if(cn)cn.textContent='控え番号 '+((_qrCopy.no||'')||'—');
  const c0=_qrCache[id];
  if(!fresh&&c0&&new Date(c0.expires_at).getTime()>Date.now()+60000){_qrDraw(id,c0);return;}
  if(meta)meta.textContent='';if(box)box.innerHTML='<div style="font-size:12px;color:#666">作っています…</div>';
  try{
    const r=await _authFetch('/api/daily-copies/'+encodeURIComponent(id)+'/share-link',{method:'POST',body:'{}'});
    let j=null;try{j=await r.json();}catch(e){}
    if(seq!==_qrSeq)return;
    if(!r.ok){
      const msg=_beNoRoute(r,j)?'まだ使えません（会社のシステムの更新待ち）':((j&&j.message)||('作れませんでした（'+r.status+'）'));
      if(box)box.innerHTML=`<div style="font-size:12px;color:#b42318;line-height:1.6;padding:8px;text-align:center">${escapeHtml(msg)}</div>`;return;
    }
    _qrCache[id]={token:j.token,expires_at:j.expires_at,max_uses:j.max_uses};
    if(!_qrCopy.no&&j.copy_no){_qrCopy.no=j.copy_no;if(cn)cn.textContent='控え番号 '+j.copy_no;}
    _qrDraw(id,_qrCache[id]);
  }catch(e){if(seq===_qrSeq&&box)box.innerHTML='<div style="font-size:12px;color:#b42318;padding:8px;text-align:center">作れませんでした。電波を確認してください</div>';}
}
/* QR が出回ったときなど：この控えで自分が出した QR を全部止める（もう開けない） */
async function stopCopyQr(){
  const id=_qrCopy.id;if(!id)return;
  if(!confirm('この控えで出した QR を全部止めますか？\n（止めた QR は、もう開けません。所長がまだ開いていなければ、新しい QR を出し直してください）'))return;
  try{
    const r=await _authFetch('/api/daily-copies/'+encodeURIComponent(id)+'/share-links/revoke',{method:'POST',body:'{}'});
    let j=null;try{j=await r.json();}catch(e){}
    if(!r.ok)throw new Error((j&&j.message)||('HTTP '+r.status));
    delete _qrCache[id];
    const box=document.getElementById('qr-box'),meta=document.getElementById('qr-meta');
    if(box)box.innerHTML='<div style="font-size:12px;color:#666;padding:8px;text-align:center">止めました</div>';if(meta)meta.textContent='';
    showToast('🛑',(j&&j.message)||'QR を止めました');
  }catch(e){showToast('⚠️','止められませんでした。電波を確認してください');}
}
function hideQr(e){if(e&&e.target!==document.getElementById('qr-ov'))return;const o=document.getElementById('qr-ov');if(o)o.classList.remove('show');const b=document.getElementById('qr-box');if(b)b.innerHTML='';}
function submitSign(){
  /* v3.9.0: DEMO_GUARD 撤廃に伴う未認証ガード */
  if(!_guardSession || !_guardSession.guard || !_guardSession.guard.id){
    showToast('⚠️','未認証です（ログイン画面は Phase 1 第 1 段で実装予定）');
    return;
  }
  const name=document.getElementById('sign-name').value.trim();
  if(!name){showToast('⚠️','署名者名を入力してください');return;}
  const canvas=document.getElementById('sign-canvas');
  const sigData=canvas.toDataURL('image/png');
  /* v3.17.2: 先に送信し成功時のみ完了表示(旧=表示先行+失敗握りつぶし)。失敗時は署名画面を保持=再タップで再送可 */
  (async()=>{
    try{
      if(_coPending){
        const r0=await _authFetch('/api/attendance/checkout',{method:'POST',body:JSON.stringify(_coPending)}).catch(()=>null);
        if(r0&&r0.ok)_coPending=null;
      }
      /* v3.17.3: 署名POSTの契約をBE(POST /api/signatures)へ一致=常時400の根治。旧実装は attendance_id/signed_at/overtime/break を送るのみでBE必須の site_id/shift_date/checkout_time が欠落→毎回400で署名が一度も保存されなかった。下番と同じ _attWork から site_id/shift_date を継承し、時刻はHH:MM(BE列=varchar(10))で送信。残業(otMinutes=休憩未取得分)/休憩(breakMinCalc=法定休憩)も v3.17.4 で送信=BE v7.113.0+migration031(checkout_signatures)に保存。 */
      const _sw=_attWork||{};
      const _sSite=_sw.site_id||(_mySites[curSite]&&_mySites[curSite].id)||null;
      const _sDate=_sw.shift_date||_todayStr();
      if(!_sSite){showToast('⚠️','現場情報が取得できないため署名を保存できません。管制へご連絡ください');return;}
      /* v3.38.0: 画面に出した時刻（開いた時刻）を送る＝控えの PDF と画面が同じになる */
      const _coHm=_signCoHm||_hmOf(new Date());
      const _ciHm=_signCiHm;
      const r=await _authFetch('/api/signatures',{method:'POST',body:JSON.stringify({
        guard_id:_guardSession.guard.id,site_id:_sSite,shift_date:_sDate,
        checkin_time:_ciHm,checkout_time:_coHm,
        signer_name:name,signature_data:sigData,
        overtime_minutes:otMinutes,break_minutes:breakMinCalc
      })});
      if(!r.ok)throw new Error('HTTP '+r.status);
      let _sj=null;try{_sj=await r.json();}catch(e){}
      finishCheckout();
      showToast('✍️',`${name} の署名を記録しました`);
      /* v3.38.0: 日報控え（サーバーが PDF に固める）。失敗してもサインは記録済み＝［日報控え］から作り直せる
         v3.39.0: 控えができたら完了の画面（控えの番号・所長に渡す QR）を出す。できなかったときは今までどおり閉じる */
      if(_sj&&_sj.copy){_showDone(_sj.copy,{count:1,excluded:[]});}
      else{
        document.getElementById('sign-ov').classList.remove('show');
        if(_sj&&_sj.copy_status==='failed')setTimeout(()=>showToast('⚠️','日報控えを作れませんでした。シフト画面の［日報控え］から作り直せます'),3200);
      }
      if(_coPending)showToast('⚠️','下番データの再送に失敗しています。管制へ連絡してください');
    }catch(e){
      showToast('⚠️','署名の送信に失敗しました。電波状況を確認して、もう一度「署名を確定」を押してください');
    }
  })();
}
function finishCheckout(){
  if(_signFinished)return; _signFinished=true; /* v3.39.0: 1つのサイン画面で1回だけ（完了の画面の後に閉じても2回目を走らせない） */
  const n=new Date(), t=`${String(n.getHours()).padStart(2,'0')}:${String(n.getMinutes()).padStart(2,'0')}`;
  wstate='finished'; clearInterval(timer);
  document.getElementById('btn-co').classList.add('off');
  const chip=document.getElementById('status-chip');
  chip.className='status-chip bfn-chip';
  chip.textContent='🏁 勤務終了';
  showToast('✓',`下番を記録しました（${t}）`);
  /* v3.37.0: 今日まだ配置があれば、読み直して「次の配置の上番待ち」へ（BE v7.221.0 は下番で配置を「完了」にする） */
  setTimeout(function(){ try{ if(wstate==='finished')_resync('checkout'); }catch(e){} },1500);
}

function showToast(icon,msg){
  const el=document.getElementById('toast');
  /* v3.33.0: タブバーの実高（スマホは safe-area 込みで可変・ログイン画面では 0）を測って直上に出す */
  try{var _tb=document.querySelector('.tabbar');el.style.setProperty('--tabbar-h',((_tb&&_tb.offsetHeight)||0)+'px');}catch(e){}
  el.innerHTML=`<span>${escapeHtml(icon)}</span><span>${escapeHtml(msg)}</span>`;
  el.classList.add('show');
  /* v3.41.0（課題 #98）: 長い文は読み切れるように長めに出す・前の知らせの消す予約は取り消す */
  clearTimeout(showToast._t); showToast._t=setTimeout(()=>el.classList.remove('show'),String(msg||'').length>16?5000:3000);
}

/* ═══ 位置の送信 (v3.27.0 段2 / BE v7.129.0 POST /api/guard_positions) ═══
   会社に送るのは「節目の1点」だけ。連続追跡はしない（PWAは2号が前面にある瞬間しか測位できない）。
   BE側は1隊員1行の上書き＝履歴を持たない（案X）。
   ⚠️位置が取れなくても必ず送る。「アプリを開いた」事実そのものが、母艦にとって
     最も早い異常検知（＝今日まだ一度も開いていない隊員が誰か）になるため。 */
let _departedAt=null;   /* 本日「出発」を押した時刻(Date)。未押下=null */

function _postPosition(source,coords){
  if(!_guardSession||!_guardSession.guard||!_guardSession.guard.id)return Promise.resolve(null);
  const body={source:source};
  if(coords&&isFinite(coords.latitude)&&isFinite(coords.longitude)){
    body.lat=coords.latitude;body.lng=coords.longitude;
    if(isFinite(coords.accuracy))body.accuracy=coords.accuracy;
  }
  /* keepalive: 画面が裏に回っても送信を完了させる。
     sendBeacon はヘッダを付けられずJWTを載せられないため、keepalive付き fetch を使う。 */
  return _authFetch('/api/guard_positions',{method:'POST',
    body:JSON.stringify(body),keepalive:true})
    .then(r=>r.ok?r.json():null).catch(()=>null);
}

/* 1回だけ測ってから送る。測位に失敗しても必ず送る（位置なしで送信）。 */
function _measureAndPost(source,opt){
  opt=opt||{};
  return new Promise(resolve=>{
    if(!navigator.geolocation){_postPosition(source,null).then(resolve);return;}
    let done=false;
    const finish=c=>{if(done)return;done=true;_postPosition(source,c).then(resolve);};
    const fail=(err)=>{ if(done)return; finish(null); let code=3; try{ code=_geoFail(err); }catch(e){} if(typeof opt.onFail==='function'){ try{opt.onFail(code);}catch(e){} } };   /* v3.41.0（課題 #98）: 理由を受け取る（先に送る＝理由の処理で止まっても送信は残る） */
    const ms=opt.timeout||8000;
    navigator.geolocation.getCurrentPosition(
      p=>{_lastPos={lat:p.coords.latitude,lon:p.coords.longitude};finish(p.coords);try{_geoOk();}catch(e){}},
      (err)=>fail(err),
      {enableHighAccuracy:!!opt.high,maximumAge:(opt.maxAge===undefined?60000:opt.maxAge),timeout:ms}
    );
    setTimeout(()=>fail({code:3}),ms+600); /* timeoutが効かない端末でも取り残さない保険（v3.41.0: 時間切れとして扱う） */
  });
}

/* ナビを押した瞬間に新しい位置を送るための「先読み測位」。
   全画面マップを開いた時点で1回測っておく。隊員はマップを数秒見てからナビを押すので、
   押す頃には結果が揃っている＝待ち時間ゼロで数秒前の位置を送れる。
   ⚠️押してから測る方法は成立しない:
     ・測位を待って地図を開く → ユーザー操作から時間が離れ、ポップアップとして遮断される
     ・先に地図を開いて測る   → その瞬間2号は裏に回り、測位の結果が返ってこない
   よって「開いた時に測る → 押した時に送る」というこの順序が唯一の解。 */
let _gpsWarmAt=0;
function _gpsWarm(){
  if(!navigator.geolocation)return;
  if(Date.now()-_gpsWarmAt<15000)return; /* マップを行き来しても測りすぎない */
  _gpsWarmAt=Date.now();
  navigator.geolocation.getCurrentPosition(
    p=>{_lastPos={lat:p.coords.latitude,lon:p.coords.longitude};},
    ()=>{},{enableHighAccuracy:false,maximumAge:15000,timeout:10000});
}

/* 出発ボタンの表示。本日の配置があり、まだ上番していない時だけ出す。 */
function _paintDepart(){
  const row=document.getElementById('depart-row');
  const btn=document.getElementById('btn-depart');
  const lab=document.getElementById('depart-label');
  const sub=document.getElementById('depart-sub');
  if(!row||!btn||!lab||!sub)return;
  const s=_mySites[curSite];
  const show=(wstate==='standby'||wstate==='idle')&&!!(s&&s.isToday);
  row.style.display=show?'block':'none';
  if(!show)return;
  if(_departedAt){
    btn.classList.add('done');
    lab.textContent=`${String(_departedAt.getHours()).padStart(2,'0')}:${String(_departedAt.getMinutes()).padStart(2,'0')} 出発済み`;
    sub.textContent='到着したら上番を押してください';
  }else{
    btn.classList.remove('done');
    lab.textContent='出発';
    sub.textContent='現場へ向かうことを会社に知らせます';
  }
}

function doDepart(){
  if(_departedAt)return;                    /* 二度押しは無視（BE側も最初の1回を保持） */
  if(!_guardSession||!_guardSession.guard){showToast('⚠️','未認証です');return;}
  const lab=document.getElementById('depart-label');
  const sub=document.getElementById('depart-sub');
  if(lab)lab.textContent='送信中…';
  if(sub)sub.textContent='位置を確認しています';
  _measureAndPost('depart',{maxAge:30000,timeout:8000}).then(r=>{
    if(r&&r.position){
      _departedAt=r.position.departed_at?new Date(r.position.departed_at):new Date();
      _paintDepart();
      showToast('✓','出発を記録しました');
    }else{
      _paintDepart();
      showToast('⚠️','出発の送信に失敗しました。電波状況を確認して、もう一度押してください');
    }
  });
}

/* リロード後に「出発済み」を復元する（GET /api/guard_positions/me） */
async function _restoreDeparture(){
  try{
    const j=await _apiGet('/api/guard_positions/me');
    const p=j&&j.position;
    _departedAt=(p&&p.departed_at)?new Date(p.departed_at):null;
  }catch(e){ /* 未デプロイ等でも画面は動かす */ }
  _paintDepart();
}

/* ═══ v3.41.0（警備員アプリ v1.22・課題 #98）位置の許可と、取れない理由 ═══
   なぜ: 10/24（第4回棚卸 第2層）MANABU の iPhone で上番・下番とも位置が取れず、許可の確認も出なかった。切り分けの結果、
     端末の確認は聞いてからすぐには出ないことがあり、2号は開いた時15秒・上番8秒で諦めて黙って「位置なし」にしていた。
     勤務中の測位（時間を区切らない）でやっと確認が出て［許可］→ 以後は短い待ち時間でも取れた（15:13 精度 8m）。
     ホーム画面に追加したアプリは Safari と別に許可を覚える（初めは「まだ聞いていない」）とみられる。
   やること: ①失敗の理由（1＝許可がない・2＝取れない・3＝時間切れ）を全部の測位で受け取る ②帯で知らせ、［位置情報を許可する］は最大60秒待つ
     ③上番・下番は止めない（位置なしでも打刻の事実は送る＝v3.13.0・v3.32.2 のまま）。 */
let _geoPerm='unknown';   /* ブラウザの許可の状態：granted｜prompt｜denied｜unknown（読めない端末） */
let _geoLastErr=null;     /* 最後の失敗の理由：1＝許可がない 2＝取れない 3＝時間切れ／null＝最後は取れた */
let _geoEverOk=false;     /* この画面で一度でも取れたか */
let _geoAsking=false;     /* ［位置情報を許可する］の途中 */
let _geoBannerKey='';     /* 今の帯の中身（同じなら描き直さない＝押している指を取りこぼさない） */
let _geoPermWatch=false;  /* 許可の状態の変化を見ているか */
function _geoReason(c){ return c===1?'許可なし':(c===2?'電波・屋内':'時間切れ'); }
function _geoFail(err){
  const c=(err&&(err.code===1||err.code===2||err.code===3))?err.code:3;
  _geoLastErr=c;
  _gpsStatus('位置 未取得（'+_geoReason(c)+'）');
  /* 1（許可がない）は「拒否」とは限らない＝確認を閉じただけ（状態は「まだ」）のこともある（独立レビュー🟡6）。状態を読み直して帯を決める */
  if(c===1) _geoPermCheck(); else _geoBanner();
  return c;
}
/* 取れた＝許可されている。直前が失敗なら下の字を「取得済み」に戻す（独立レビュー🟡7） */
function _geoOk(){ const wasErr=(_geoLastErr!==null); _geoLastErr=null; _geoEverOk=true; _geoPerm='granted'; if(wasErr)_gpsStatus('位置 取得済み'); _geoBanner(); }
async function _geoPermCheck(){
  try{
    if(!navigator.permissions||!navigator.permissions.query){ if(_geoLastErr===1)_geoPerm='denied'; _geoBanner(); return; }   /* 読めない端末は、許可なし＝拒否とみなす */
    const st=await navigator.permissions.query({name:'geolocation'});
    const n=st.state||'unknown';
    if(!(_geoEverOk&&n==='prompt'&&_geoLastErr!==1)) _geoPerm=n;   /* 取れたあとに「まだ」と返す端末で戻さない（独立レビュー🟡5） */
    if(!_geoPermWatch){ _geoPermWatch=true;
      st.onchange=()=>{ _geoPerm=st.state||'unknown'; if(_geoPerm==='granted'&&_geoLastErr!==2)_geoLastErr=null; _geoBanner(); }; }   /* 許可されたら帯を消す（独立レビュー🟡3） */
    _geoBanner();
  }catch(e){ if(_geoLastErr===1)_geoPerm='denied'; _geoBanner(); }
}
/* 帯の出し分け：denied＝直し方／ask＝［位置情報を許可する］／retry＝許可はあるが一度も取れていない＝［もう一度測る］／null＝出さない */
function _geoMode(){
  if(_geoPerm==='denied') return 'denied';
  if(_geoLastErr===1) return _geoPerm==='prompt'?'ask':'denied';
  if(_geoEverOk) return null;                                   /* 一度取れた＝許可はある（取れないのは電波・屋内＝下の字だけ） */
  if(_geoPerm==='prompt') return 'ask';
  if(_geoLastErr===3) return _geoPerm==='granted'?'retry':'ask'; /* 許可済みで時間切れに「許可して」とは言わない（独立レビュー🟡4） */
  return null;
}
function _geoBanner(){
  try{
    const el=document.getElementById('geo-banner'); if(!el)return;
    const mode=_geoMode();
    const phase=(typeof wstate==='undefined')?'':((wstate==='standby'||wstate==='idle')?'before':(wstate==='working'?'working':'after'));
    const key=[mode,_geoAsking,phase].join('|');
    if(key===_geoBannerKey)return; _geoBannerKey=key;
    if(!mode){ el.style.display='none'; el.innerHTML=''; return; }
    const btn='padding:8px 14px;border:1px solid rgba(227,165,58,.6);border-radius:8px;background:rgba(227,165,58,.18);color:var(--t1);font-size:12.5px;font-weight:700;cursor:pointer';
    const help='<button type="button" style="'+btn+';background:transparent" onclick="geoShowHelp()">直し方を見る</button>';
    if(mode==='denied'){
      el.innerHTML='<div style="font-weight:700">📍 位置情報がオフです</div><div style="color:var(--t2)">上番・下番の位置が会社に届きません（打刻はできます）。</div>'
        +'<div style="margin-top:8px;display:flex;gap:8px;flex-wrap:wrap">'+help.replace(';background:transparent','')+'</div>';
    }else if(mode==='retry'){
      el.innerHTML='<div style="font-weight:700">📍 位置がまだ取れていません</div>'
        +'<div style="color:var(--t2)">'+(_geoAsking?'測っています（最大60秒）':'屋内や電波の弱い所では取れないことがあります。屋外でもう一度測ってください。')+'</div>'
        +'<div style="margin-top:8px;display:flex;gap:8px;flex-wrap:wrap"><button type="button" style="'+btn+'" onclick="geoAskPermission()"'+(_geoAsking?' disabled':'')+'>'+(_geoAsking?'測っています…':'もう一度測る')+'</button></div>';
    }else{
      el.innerHTML='<div style="font-weight:700">📍 '+(phase==='before'?'上番の前に、位置情報を許可してください':'位置情報を許可してください')+'</div>'
        +'<div style="color:var(--t2)">'+(_geoAsking?'端末の確認が出たら［許可］を押してください（最大60秒）':'押すと端末の確認が出ます。［許可］を押すと、上番・下番の位置が会社に届きます。')+'</div>'
        +'<div style="margin-top:8px;display:flex;gap:8px;flex-wrap:wrap"><button type="button" style="'+btn+'" onclick="geoAskPermission()"'+(_geoAsking?' disabled':'')+'>'+(_geoAsking?'確認中…':'位置情報を許可する')+'</button>'+help+'</div>';
    }
    el.style.display='block';
  }catch(e){ /* 帯が描けなくても打刻と位置の送信は止めない */ }
}
/* ［位置情報を許可する］［もう一度測る］：時間を区切らずに（最大60秒）聞く＝端末の確認が遅れて出ても答えられる */
function geoAskPermission(){
  if(!navigator.geolocation){ showToast('⚠️','この端末は位置情報に対応していません'); return; }
  if(_geoAsking)return;
  _geoAsking=true; _geoBanner();
  let fin=false;
  const end=()=>{ fin=true; _geoAsking=false; };
  navigator.geolocation.getCurrentPosition(pos=>{
    const late=fin; if(!fin) end();
    _lastPos={lat:pos.coords.latitude,lon:pos.coords.longitude};
    _geoOk(); _gpsStatus('位置 取得済み');   /* 60秒を過ぎて取れても取れた扱い（独立レビュー🟡3） */
    _postPosition('ondemand',pos.coords);     /* 上番の点を「開いた時」に書き換えない（BE の source＝ondemand） */
    showToast('✓',late?'位置が取れました':'位置情報が使えます');
  },(err)=>{
    if(fin)return; end();
    const c=_geoFail(err);
    showToast('📍',c===1?'位置情報が許可されていません':'位置が取れませんでした。屋外でもう一度');
  },{enableHighAccuracy:false,maximumAge:0,timeout:60000});
  setTimeout(()=>{ if(fin)return; end(); _geoFail({code:3}); showToast('📍','位置が取れませんでした。屋外でもう一度'); },61000);
}
/* 直し方の窓：拒否のときは同じ画面の中では聞き直せない（WebKit）＝［開き直す］。それ以外は［位置情報を許可する］ */
function geoShowHelp(){
  const o=document.getElementById('geo-help-ov'); if(!o)return;
  const b=document.getElementById('geo-help-act'); if(b) b.textContent=(_geoMode()==='denied')?'開き直す':'位置情報を許可する';
  o.classList.add('show');
}
function geoHelpAct(){ const denied=(_geoMode()==='denied'); geoHideHelp(); if(denied){ try{ location.reload(); }catch(e){} } else geoAskPermission(); }
function geoHideHelp(e){ const o=document.getElementById('geo-help-ov'); if(!o)return; if(e&&e.target!==o)return; o.classList.remove('show'); }

/* ═══ GPS移動距離トラッキング ═══ */
let gpsTotal=0, gpsPrev=null;
function haversine(lat1,lon1,lat2,lon2){
  const R=6371000,toR=Math.PI/180;
  const dLat=(lat2-lat1)*toR, dLon=(lon2-lon1)*toR;
  const a=Math.sin(dLat/2)**2+Math.cos(lat1*toR)*Math.cos(lat2*toR)*Math.sin(dLon/2)**2;
  return R*2*Math.atan2(Math.sqrt(a),Math.sqrt(1-a));
}
/* v3.26.0 段0: 常時 watchPosition を廃止（旧実装はログイン画面の時点から高精度GPSを起動し
   clearWatch が一度も無いため下番後もアプリを閉じるまで連続測位＝会社へは1バイトも送っていない
   画面表示のためだけに電池を消費していた）。
   ①起動時に低精度で1回だけ測位して _lastPos を埋める（現場までの距離目安・天気/WBGTのfallback用）
   ②連続測位は勤務中（上番〜下番）のみ。下番・ログアウト・上番失敗で clearWatch。 */
let _gpsWatchId=null;
function _gpsStatus(t){const el=document.getElementById('gps-status');if(el)el.textContent=t;}
function _gpsDist(t){const el=document.getElementById('gps-dist-label');if(el)el.textContent=t;}
function _gpsOnce(){
  /* v3.27.0 段2: 測るだけでなく会社へ1点送る。測位に失敗しても必ず送る
     （位置は無くても「今日アプリを開いた」事実が母艦の未確認判定に要るため）。 */
  if(!navigator.geolocation){_gpsStatus('位置 非対応端末');_postPosition('app_open',null);return;}
  _geoPermCheck(); /* v3.41.0（課題 #98）: 許可の状態を確認の窓を出さずに読む→帯 */
  let sent=false;
  const send=c=>{if(sent)return;sent=true;_postPosition('app_open',c);};
  navigator.geolocation.getCurrentPosition(pos=>{
    _lastPos={lat:pos.coords.latitude,lon:pos.coords.longitude};
    _gpsStatus('位置 取得済み');_geoOk();send(pos.coords);
  },(err)=>{ send(null); try{_geoFail(err);}catch(e){} },   /* v3.41.0: 「位置 未取得（許可なし／電波・屋内／時間切れ）」・先に送る */
  {enableHighAccuracy:false,maximumAge:600000,timeout:15000});
  setTimeout(()=>{ const was=sent; send(null); if(!was){ try{_geoFail({code:3});}catch(e){} } },15600);
}
function _gpsStartWatch(){
  if(!navigator.geolocation||_gpsWatchId!=null)return;
  _gpsWatchId=navigator.geolocation.watchPosition(pos=>{
    const {latitude:lat,longitude:lon}=pos.coords;
    _lastPos={lat,lon};
    try{_geoOk();}catch(e){} /* v3.41.0（課題 #98）: 先に「取れた」へ（下の字は GPS受信中で上書き） */
    _gpsStatus('GPS受信中');
    if(gpsPrev){
      const d=haversine(gpsPrev.lat,gpsPrev.lon,lat,lon);
      if(d>=5){ gpsTotal+=d; gpsPrev={lat,lon}; }
    } else { gpsPrev={lat,lon}; }
    _gpsDist(`勤務中の移動 ${(gpsTotal/1000).toFixed(1)}km`);
  },(err)=>{
    try{_geoFail(err);}catch(e){} /* v3.41.0（課題 #98）: 旧「GPS取得中...」＝失敗の知らせなのに取得中に見えた → 理由つきの「位置 未取得（…）」 */
  },{enableHighAccuracy:true,maximumAge:15000});
}
function _gpsStopWatch(){
  if(_gpsWatchId!=null){
    try{navigator.geolocation.clearWatch(_gpsWatchId);}catch(e){}
    _gpsWatchId=null;
    _gpsStatus('計測停止');
  }
}

/* init (v3.11.0 §C: Supabase Auth 経由起動 / v3.17.0: 実データはログイン後 _loadAll() が描画) */
document.getElementById('app-name').textContent=CONFIG.systemName;
document.title=`${CONFIG.systemName} — ポケットケイビ2号（交通誘導・雑踏）`;
/* greet-name/avatar-name は _applySessionToUI() が signin 後に動的セット */
/* v3.17.0 §7: 挨拶を時間帯連動 */
(function(){
  const hr=new Date().getHours();
  const el=document.querySelector('.greeting-sub');
  if(el)el.textContent=hr<4?'おつかれさまです':hr<11?'おはようございます':hr<18?'おつかれさまです':'こんばんは';
})();
/* v3.17.0 §7 の reg-section 非表示処理は v3.33.0 で削除（要素自体が v3.19.0 から存在しない） */
/* 起動時は localStorage 復元 → 成功なら screen-home / 失敗なら screen-login */
/* v3.450 §PW: 母艦が発行した再設定リンクから来たときは、アプリを起動せず
   パスワード設定画面だけを出す（半端にホーム画面を描かない）。 */
if (!JGPW.boot(function(loginId){
      var e = document.getElementById('login-email');
      if (e && loginId) e.value = loginId;
      _showLogin('パスワードを設定しました。新しいパスワードでログインしてください。');
    })) _restoreSession();

// === J-GUARD Push Subscription helper (v3.8.0 / D6-δ) ===
var VAPID_PUBLIC_KEY = 'BDUxVeZ-iz-Tb1XfwFScyzIPz_kRKD1ks6gtFZdM2pnNQ7zXIKod-d8sFxsbT8AbLItEFGI6TgLhFQnKoEnDXck';

function urlBase64ToUint8Array(b64) {
  var padding = '='.repeat((4 - b64.length % 4) % 4);
  var base64 = (b64 + padding).replace(/-/g, '+').replace(/_/g, '/');
  var raw = atob(base64);
  var out = new Uint8Array(raw.length);
  for (var i = 0; i < raw.length; i++) out[i] = raw.charCodeAt(i);
  return out;
}

async function _pushApiPost(path, body) {
  var r = await _authFetch(path, {
    method: 'POST',
    body: JSON.stringify(body),
  });
  if (!r.ok) throw new Error('HTTP ' + r.status);
  return await r.json().catch(function(){ return {}; });
}

async function jGuardEnablePush(subjectType, subjectId) {
  if (!('serviceWorker' in navigator) || !('PushManager' in window)) {
    return { ok: false, reason: 'unsupported' };
  }
  var reg = await navigator.serviceWorker.ready;
  var perm = Notification.permission;
  if (perm === 'default') perm = await Notification.requestPermission();
  if (perm !== 'granted') return { ok: false, reason: 'denied' };
  var sub = await reg.pushManager.getSubscription();
  if (!sub) {
    sub = await reg.pushManager.subscribe({
      userVisibleOnly: true,
      applicationServerKey: urlBase64ToUint8Array(VAPID_PUBLIC_KEY),
    });
  }
  var subJson = sub.toJSON();
  var res = await _pushApiPost('/api/device-tokens', {
    subject_type: subjectType,
    subject_id: subjectId,
    web_push_subscription: subJson,
    platform: 'web',
    app_version: 'jguard-guard-v3.8.0',
  });
  return { ok: true, sub: subJson, res: res };
}

async function jGuardDisablePush() {
  var reg = await navigator.serviceWorker.ready;
  var sub = await reg.pushManager.getSubscription();
  if (!sub) return { ok: true, reason: 'no-sub' };
  try {
    var endpoint = sub.endpoint;
    await _pushApiPost('/api/device-tokens/deactivate', { endpoint: endpoint });
  } catch (_) {}
  await sub.unsubscribe();
  return { ok: true };
}

async function toggleGuardPush() {
  if (!('serviceWorker' in navigator) || !('PushManager' in window)) {
    alert('このブラウザは通知非対応です');
    return;
  }
  var btn = document.getElementById('push-toggle-btn');
  if (!btn) return;
  var guardId = _guardSession && _guardSession.guard && _guardSession.guard.id || null;
  if (!guardId) { alert('ログインしてください'); return; }
  try {
    var reg = await navigator.serviceWorker.ready;
    var existing = await reg.pushManager.getSubscription();
    if (existing) {
      btn.disabled = true; btn.textContent = '解除中…';
      await jGuardDisablePush();
      btn.disabled = false;
      btn.textContent = '通知を受け取る';
    } else {
      btn.disabled = true; btn.textContent = '設定中…';
      var r = await jGuardEnablePush('guard', guardId);
      btn.disabled = false;
      if (r.ok) {
        btn.textContent = '通知ON (タップでOFF)';
      } else {
        btn.textContent = r.reason === 'denied' ? '通知ブロック中' : '通知不可';
      }
    }
  } catch (e) {
    btn.disabled = false;
    btn.textContent = '通知エラー';
  }
}

// init: ボタン状態反映 (SW 登録完了後)
(async function() {
  if (!('serviceWorker' in navigator) || !('PushManager' in window)) return;
  try {
    var reg = await navigator.serviceWorker.ready;
    var sub = await reg.pushManager.getSubscription();
    var btn = document.getElementById('push-toggle-btn');
    if (btn) btn.textContent = sub ? '通知ON (タップでOFF)' : '通知を受け取る';
  } catch (_) {}
})();
</script>
</body>
</html>