<!-- v3.18.23 client_site_app 2026-10-30 (配信 v3.629・BE は無関係〔v7.261.0 のまま〕・DEC-780) ■デモ判定 window.__IS_DEMO__ をホスト名の完全一致から「thunderous-dragon-7dea63.netlify.app そのもの、または --thunderous-dragon-7dea63.netlify.app で終わるホスト」へ＝デモの最新版 main--thunderous-… とプレビューでも「DEMO 環境」の札とデモ用ログインの案内が出る。本番（app.j-guard.jp・365.j-guard.jp）では今までどおり false -->
<!-- v3.18.22 client_site_app 2026-10-28 (配信 v3.627・BE v7.260.0 と対・便8・DEC-832＝MANABU「365 の配置は交通誘導・雑踏だけ」) ■365 から手配できる現場を 2号（交通誘導・雑踏）だけに（_jgOrderable から facility を外す＝1号の現場は「この現場は365から手配できません／お電話で」）。施設は入札・事前協議の契約が多く、まず 365 を通らないため。BE も 409 DUTY_NOT_ORDERABLE で止める。■［現場を追加］の業務区分は 2号だけ（BE も 1号を 400）。365 で足した現場の人件費の区分は 1（今の原価）。 / base: v3.18.21 -->
<!-- v3.18.21 client_site_app 2026-10-26 (配信 v3.623・BE v7.257.0 と対・便6・DEC-826＝第4回棚卸 第3層 後半 裁定シート §7) ■ログアウトで前の人の現場の一覧・予約・空き・お知らせ・月別の配置推移と配置累計・今月の実績の数字をメモリと画面から捨て（独立レビュー🟡2で数字とグラフも足した）、現場のタブを「読み込み中…」に戻す（旧＝同じタブで別の人がログインすると、新しい人の契約を読み終えるまで前の人の現場のタブが見えた＝共用の端末）。ほかの画面・予約・取消は無変更（取り消した発注の日付の返し方は BE で直した＝365 は取り消した発注を一覧に出さないので見た目は変わらない） / base: v3.18.20 -->
<!-- v3.18.20 client_site_app 2026-10-25 (配信 v3.617・BE 無関係〔v7.250.0 のまま〕・第4回棚卸 第2層 要望21・🟡22・⑨ 365 便・MANABU「Qはすべて推奨で」・DEC-809) ■予約一覧を見つけやすく＝①ホームの「次の配置予定」の帯：これからの予約があるときは押すと予約一覧へ（右の字「カレンダー」→「予約一覧」）。予約が無いと分かったときだけ今までどおり「手配する」→ カレンダー ②カレンダーの下のボタンの名前を「予約一覧（変更・キャンセル）」へ（場所・形は同じ） ③予約が終わった画面に［予約一覧を見る］（予約した現場の一覧を開く・［←］はホームへ）。ホームの形・配置・色は変えない（意匠 JG-I-009）。■端末の位置を聞かない＝④ログインのあと（保存したログインで開いたときも）に端末の位置を取りにいくのをやめた（使い道は「現場の座標が無いときの天気」と発注の画面の飾りの札だけ・警備会社には送っていなかった） ⑤天気の代わり＝現場の座標 → 警備会社の本社の座標（/api/companies/mine の hq_lat・hq_lng＝GuardHub の Today と同じ決まり）→ ほかの現場の座標 → 東京駅。会社の情報が後から届いたら天気を取り直す ⑥発注の画面の緑の札を「GPS取得中… / 取得済み（精度）」→「警備会社に登録の住所」（未登録なら「住所が未登録です。入力すると備考に添えて送ります」）。入力欄・送り方（直した住所は備考の先頭＝v3.17.1）は同じ。ライト表示だけ札の緑を濃く（#047857・字の読みやすさ 2.5→4.5 以上） ⑦座標も住所も無い現場の地図の仮置き（東京駅）を天気の「現場の座標」と見なさない（本社へ進める）。■独立レビューで直したこと ⑧天気は最後に頼んだ分だけ出す（遅れて届いた前の場所の天気で上書きしない） ⑨今の現場の注文を読めるまで帯を「予定なし」にしない（「確認中…」のまま・押すと予約一覧。開いた直後・切り替え直後・読み込みの失敗） ⑩ログアウトと会社の情報の取り直しの前に前の会社の情報（電話・本社の座標）を捨てる ⑪発注の画面で住所を直すと札も「住所を変えました（備考に添えて送ります）」に。BE・DB・母艦の画面・2号・1号は無変更 / base: v3.18.19 -->
<!-- v3.18.19 client_site_app 2026-10-23 (配信 v3.608・BE v7.242.0 と対・MANABU「区分は2号1号のほうがいいね」) 現場の業務区分を号で見せる（1号（施設）／2号（交通誘導・雑踏）／3号・4号（その他））・［現場を追加］の区分の選択肢も号で（2号・1号）・警備員のカードの区分を日本語で（旧＝traffic のまま出ていた）。保存する値は変えない -->
<!-- v3.18.18 client_site_app 2026-10-22 (配信 v3.604・BE v7.239.0〔migration 092〕と対・MANABU「発注者が現場を設定するとき ①車 ②バイク（電気工事でよく指定・街中で何ヶ所も動く）③徒歩（公共交通機関可）を選んでもらう」→「それで進めて」): ■［現場を追加］に「行き方」（指定なし（徒歩・公共交通機関可）／車（相乗りでもよい）／バイク（各自のバイク））。指定なしは送らない。BE が 092 の前（契約の一覧に site_access_ready が無い）は欄を出さない。■車・バイクを選ぶと、警備会社はその手段で来られる警備員（車は相乗りも）を手配し、空き（◎○△×）もその分少なく出ることがある＝欄の下に説明。追加したあとの変更は警備会社へ（365 からは変えない）。■契約の読み込みで accessMode・accessReady を持つだけ。ほかの画面・予約・請求は無変更。 / base: v3.18.17 -->
<!-- v3.18.17 client_site_app 2026-10-20 (配信 v3.600・BE 無関係・MANABU「GH365モバイルはログインID入れてもメールアドレス入れてくださいと出てログインできない」と同じ型): ■ログインIDを _normLoginId で全角→半角（＠．ー－など）・空白除去・小文字にそろえてから送る。日本語キーボードで「＠」が全角になると「@ まで含めて」で止まっていた。「@」が無いときの案内を「@ の後ろまで全部」に。BE・DB 無変更。 -->
<!-- v3.18.16 client_site_app 2026-10-20 (配信 v3.597・BE 無関係・MANABU「365のログイン画面を、GH365の様にしたい」): ■ログイン画面の上を GH365モバイル と同じ並びへ＝盾の絵文字（🛡️・iPhone では赤白の盾に見えていた）をやめて 365 のアイコン（/icons/pk365/icon-192.png）・名前・ひとことの説明を左そろえで上から。入力欄・ボタン・ログインの処理（doLogin）は無変更。変えたのは #scr-login の中だけ。 -->
<!-- v3.18.15 client_site_app 2026-10-20 (配信 v3.595・BE 無関係・MANABU「365アプリを起動したらログインしましたとか現場タブのところでポップアップでるが、白地に白文字で見えない」・保護ファイル改修) ■原因＝画面の上に出る小さなお知らせ（#toast＝「✅ ログインしました」「🏗️ 現場を切替: …」「✅ 現場を追加しました」など 26か所から呼ばれる）の色が background:var(--t1)・color:#fff だった。--t1 は「文字の色」の決まりで、ダーク表示では明るい #e9edf1＝明るい地に白い文字（コントラスト 1.18）。ライト表示は body.light #toast で濃い地・白文字に直してあったので、ダーク表示（標準）だけ読めなかった。■直したこと＝①ダーク表示のお知らせ＝地は今と同じ明るい #e9edf1 のまま、文字を濃い #0b1418 へ（1.18→15.8）。文字の色の決まり（--t1）を地に使うのをやめ、色を直接書いた。ライト表示は body.light #toast のまま（濃い地・白文字）＝変えない。②同じ点検で見つけたもの＝パスワード再設定の画面（#jgpw-ov）の「エラー」「設定できました」の文字が、ライト表示のときだけ明るい地に明るい赤・緑（1.4・1.2）＝body.light のときだけ濃い赤 #b91c1c・濃い緑 #065f46 へ（4.9・6.1）。ダーク表示は変えない。■点検＝Chromium で 365（ダーク・ライト）・2号・1号・GH365モバイルを開き、画面にある全部の文字と、CSS にある全部のクラスを1つずつ置いて、文字と地のコントラストを計算＝明るい地に白い文字の組み合わせは 365 の #toast だけ（2号・1号・GH365モバイルのお知らせは濃い地・明るい文字で 15.5）。範囲＝このファイルの CSS 3か所と service-worker.js（SW j-guard-v3.654→v3.655）。母艦・2号・1号は無変更。 / base: v3.18.14 -->
<!-- v3.18.14 client_site_app 2026-10-19 (配信 v3.594): Supabase の公開のキーを新しい publishable（sb_publishable_…）へ差し替え＝旧 anon キーは2026年末までに廃止（Supabase 公式）・課題 #91・DEC-778。送り方は今までどおり apikey ヘッダだけ（Bearer にはログインした人のトークン）＝動きは変えない。BE v7.235.0 と対（どちらが先でも壊れない）。 -->
<!-- v3.18.13 client_site_app 2026-10-14 (配信 v3.584・BE は無関係〔v7.227.3 のまま〕・MANABU「365もなおして」＝母艦の配信 v3.583〔夜間のプルダウンが白く出て読めない〕と同じ穴・保護ファイル改修) ■原因＝統計の［締め日］#closing-day2（.stats-closing-select）はダークで地が rgba(255,255,255,.04)（ほぼ透明）・文字が白系 var(--t1)。Windows の Chrome は開いた一覧の地に select の地を使うので、ほぼ透明だと白地になり、白系の文字が白地に乗って読めなかった（コントラスト 1.18）。■直したこと＝ダーク表示の select 全部に共通の決まりを1か所（CSS 3行・body:not(.light)）＝color-scheme:dark／開いた一覧の行＝地 var(--bg2)・文字 var(--t1)／選べない行は var(--t2)。今後プルダウンを足しても同じ穴にならない。ライト表示は変えない。■検算＝Chromium で描画し select 4個（発注の開始・終了時刻・締め日・現場追加の業務種別）の「開いた一覧の地と文字」のコントラストを計算＝ダーク：直す前 1個が 4.5 未満（1.18）→ 直した後 0個（最小 15.41・ほかの3つは開いた一覧の地が --bg から --bg2 に変わるだけ）／ライト：前後で差分なし・画面のエラー 0件。範囲＝このファイルの CSS 3行と service-worker.js（SW j-guard-v3.643→v3.644）。母艦・2号・1号は無変更。 / base: v3.18.12 -->
<!-- v3.18.12 client_site_app 2026-10-09 (配信 v3.559・BE v7.219.1 と対・GPT レッドチーム第3回 RT-208・MANABU「第9便を先に」・保護ファイル改修) 電話の画面で追加した連絡先を、共通の名前（ksg365_contacts）で端末に保存し、ログアウトしても消していなかった＝共有の端末で次に入った発注者に前の人の連絡先（相手先名・電話番号）が見え、消すこともできた → 保存に持ち主（ログインした人の ID）を付け、持ち主が違えば読まない。ログアウトで端末から消し、画面と手元の一覧も空にする。読み込むのはログインのあと（起動時ではなく）。以前の共通の保存（持ち主の分からないもの）は捨てる。 / base: v3.18.11 -->
<!-- v3.18.11 client_site_app 2026-10-08 (配信 v3.557・BE v7.218.0 と対・GPT レッドチーム第1回 確認事項4-b・MANABU「すべて推奨で」) 発注者の打刻一覧（/api/attendance）は BE v7.218.0 から位置（緯度経度）・顔認証の点数・車両・署名ID を返さず、位置は gps_status（正常／未取得）だけになる。今日の画面の警備員カードの「GPS精度 取得済／GPS取得なし」を gps_status でも判定する（旧 BE の gps_lat でも従来どおり＝先に配信しても崩れない）。 / base: v3.18.10 -->
<!-- v3.18.10 client_site_app 2026-10-07 (不具合チェック DEC-710 の是正 / MANABU「🔴🟠＋🟡も全部直す」「重複手配はBEでも止める」・保護ファイル改修・配信 v3.549・BE v7.215.12 と対) ①K3 ［この内容で確定する］の二重押しを止める（送信中はボタンを止め、2回目は送らない）。BE が 409 DUPLICATE_ORDER（同じ手配を2分以内に受け付け済み）を返したら、先の予約番号で「受け付け済み」の完了画面を出す（通信エラーのあと押し直した場合も二重に手配されない）。②K5 注文を最後まで読む＝BE は1回200件まで（作成の新しい順）で、従来は1回目だけ使っていた＝担当者の注文が200件を超えると古く作った注文（先の日付の予約など）が予約一覧・カレンダーから消え、月の合計・累計も少なく出た。total まで offset で続きを読む（同じ注文は1回だけ数える・安全弁50回）。現場タブは limit=500＋続き（従来は既定100件）。③「本日」の配置警備員と状況を、選んでいる現場と今日の日付で読む（従来は現場・日付の指定が無く、他の現場の人や昨日の打刻が出た）。④K4 通知が届いたとき・15秒以上離れて戻ったときに、今の画面（ホーム・カレンダー・予約一覧・本日・集計）を読み直す（従来はお知らせの件数だけ）。 / base: v3.18.8 -->
<!-- v3.18.8 client_site_app 2026-10-06 (配線チェックの是正 / MANABU「すべての不具合をすぐ直したい」「その他は当面受けない」・保護ファイル改修・配信 v3.547・BE v7.215.11 と対) 【なぜ】①業務区分「その他」の現場で手配すると BE の INSERT が DB の決まりに無い値で必ず失敗し「手配を送信できませんでした（通信環境を…）」と誤った案内が出ていた。現場追加の「その他」も同じ理由で必ず失敗していた。②通知（#orders）を押しても予約やお知らせの画面にならず、毎回新しい窓が開いていた。【直し】①現場追加から「その他」を外す／「その他」の現場は日付を押した時点で「365から手配できません・お電話ください」と案内（BE v7.215.11 は 409 DUTY_NOT_ORDERABLE）・種別の表示を現場の業務区分から（従来は契約の contract_type＝空なので全部「交通誘導」）。②#orders・#notif で開いたらログイン後にお知らせを開く・SW から「開いて」が来たらお知らせへ・通知が届いたらお知らせを読み直す。 -->
<!-- v3.18.6 client_site_app 2026-09-28 (予約一覧に「〇〇さんの発注」 / 第100S・ISS-68 後半・保護ファイル改修・配信 v3.527・BE v7.216.0＋migration 077 と対) 【なぜ】1つの現場を取引先の複数の担当者が見られるようになり（裁定①＝同じ現場の別の担当者の予約も見える）、誰の予約か分からないと二重に頼んだり、人の予約を消したりする。【何を】①予約一覧のカードに、自分以外が出した予約だけ「〇〇さんの発注」（BE の ordered_by_name・ordered_by_me＝氏名だけ。氏名が取れなければ「別の担当者の発注」。自分の予約には何も出さない）②同じ日・同じ時間でも、別の人の予約は1枚にまとめない（合算の鍵に発注した人を足す）③キャンセルの確認に「〇〇さんが出した予約です。キャンセルすると〇〇さんにもお知らせが届きます」の1行。BE が ordered_by_* を返さない（v7.215.0 以前）ときは従来と同じ表示。【触らない】ホーム（意匠 JG-I-009）・期間選択（JG-I-003）・カレンダーと空き記号（意匠 001・003・004）・ログイン・予約の送り方。 / base: v3.18.5 -->
<!-- v3.18.5 client_site_app 2026-09-28 (ログイン欄の見出しを「ログインID」へ / 第99S・MANABU「文言変更」・保護ファイル改修・配信 v3.524) 【なぜ】ISS-68 前半（BE v7.212.0・DEC-665）で 365 のログインIDは会社略号つきの自動採番（例 abc-c001@guard.j-guard.jp）になった＝メールアドレスではないのに見出しが「メールアドレス」のままだった。【何を】①ログイン画面の見出しと入力欄の薄字を「ログインID」へ（薄字は例 abc-c001@guard.j-guard.jp）②入力欄に autocapitalize=none・autocorrect=off・spellcheck=false・autocomplete=username・inputmode=email（スマホで先頭が大文字にならない・@ が打ちやすい。ログインの処理は無変更）③未入力と @ なしのときの案内文をログインIDの言葉へ。【触らない】ホーム（意匠 JG-I-009）・期間選択（JG-I-003）ほか全画面・ログインの処理・デモの案内。ログイン画面は意匠の対象の画面ではない。 / base: v3.18.4 -->
<!-- v3.18.4 client_site_app 2026-09-25 (空き状況◎○△×を実データで戻す / DEC-659・MANABU裁定 09-25・保護ファイル改修・配信 v3.517・BE v7.209.0／migration074 と対) 【何を】①availFor() を固定の 'full' から GET /api/client_availability（契約×月）の結果へ。月・現場タブの切替とカレンダー描画のたびに取得（60秒キャッシュ）。取得前・失敗時は ''（記号なし）＝×を誤って出さない。②AVAIL_LABEL を v3.18.2 以前の {full:'◎',ok:'○',few:'△',none:'×'} へ戻す・凡例「空き状況 ◎余裕 ○空有 △残少 ×満員」の非表示を解除。色・位置・大きさ・予約済みの日の人数表示は無変更（意匠 001・003・004 の図面どおり）。③×の日のキャンセル待ち（意匠004のダイアログ＝文言・配置は無変更）が到達可能に。送り方を変えた＝POST /api/client_orders に dates[]（通常）と waitlist_dates[]（キャンセル待ち）を分けて送る。BE はキャンセル待ちを1日1注文で作り、母艦の自動承認の対象外にする（指示書 §6-1 A案）。🔴これまで「可能な日のみ予約」の除外日は備考に書くだけで BE は期間の全日に明細を作っていた＝dates[] で本当に外す。備考の「キャンセル待ち:N日」は撤去（BE が注文の印で持つ）。④締切（前日13:00）を過ぎた×の日はキャンセル待ちを出さず電話を案内（BE も 409 で拒否）。期間モードで締切後の×日は除外日扱い。⑤409 AVAILABILITY_CHANGED（作る直前に×になった）／WAITLIST_DEADLINE_PASSED を専用ダイアログで案内。予約一覧はキャンセル待ちを「キャンセル待ち」と表示し通常の予約と合算しない。⑥確認画面に「空き状況は目安・手配の可否は警備会社が確定」の1行（DEC-659）。⑦単日のキャンセル待ちで現場固定(_bookSiteIdx)が抜けていた点と、通常の単日選択で前回のキャンセル待ち日が残る点を是正。⑧デモのログイン案内を yamada@example.jp へ（DEC-661＝デモの発注者を碧洲建設株式会社／山田へ・DB も同日に変更。デモホストでしか出ない）。人数は画面にもAPIにも出ない（記号の区分だけ）。 base: v3.18.3 -->
<!-- v3.18.3 client_site_app 2026-09-13 (最終UI確認の是正 / MANABU裁定 09-13・保護ファイル改修・配信 v3.500) 【何を】①裁定①A案＝架空の空き状況を撤去: availFor() は当日以降は常に 'full'（過去は従来どおり ''）。日付マスの ◎○△× 記号は描画しない（AVAIL_LABEL を空文字化＋描画/予約日ラベルを空ラベル時スキップ）。凡例「空き状況 ◎余裕○空有△残少×満員」行を非表示（予約済／本日 の行は維持）。満員('none')が返らないため「キャンセル待ち受付」「手配不可日のお知らせ」は到達不能＝キャンセル待ちの経路はコードに残す・到達不能。②365-2＝ホームの現場タブ列 .site-tab-bar に横スクロール（overflow-x:auto・scrollbar非表示・慣性）＝4枚目以降と「＋」に指が届く。③365-3＝本日の現場の地図タップ: iframe がタップを奪い openMapFull() が発火しなかった → 右上の ⛶ を疑似要素から実ボタン .map-full-btn（pointer-events:auto・onclick=openMapFull）へ。iframe 自体の操作性は従来どおり。④裁定②A案＝発注者アプリから金額（¥・費用・単価）を全廃: 配置累計の「今月の費用」「累計費用」、今月/累計詳細の「費用内訳」カード、設定の「契約単価」ブロック（仮単価注記 set-prov-note 含む）、ホームの「単価 仮」チップ(gs-prov)を .no-money{display:none!important} で非表示。「予算 vs 実績」と予算進捗バー・「月間/累計警備予算合計」は人日（残業はh）で比較・表示するよう recalcBudget()/updateStats() を書き換え（契約単価 price-* を計算に使わない）。ヘッダー副題「配置内訳・費用」「工事全体の配置・費用」→「…予算」。現場追加ダイアログ注記／トーストの「単価は仮適用」文言も金額に触れない文へ。常に0件だった「署名済 0件／未署名 0件」行は要素とJSごと撤去。⑤365-5＝ライトテーマで body.light .cal-day が .has-booking/.today/.empty/.in-range/.past.has-booking より優先されていた → 同じ優先度のライト用ルールを追加（予約済の緑2px枠・本日枠・空マスの無背景・期間中の薄地を復元）。⑥365-6＝loadClientContracts() が契約0件のとき rebuildSiteTabs() を呼ばず「読み込み中…」のまま固まっていた → 空配列でも rebuildSiteTabs() を呼び「現場情報なし（タップで再読込）」を出す。⑦365-7＝予約一覧: 変更期限（前々日）を過ぎた予約は「変更」「キャンセル」2ボタンではなく中立色の「電話で相談」1ボタン（同じ電話案内ダイアログ）。ダイアログ題名を「変更・キャンセルは電話で」に。⑧365-9小物: (a)手配入力のGPS行の 📍 二重表示を解消（JS側の文字列から絵文字を除去） (b)#set-site-dot の border-radius:50→50% (c)連絡先追加のプレースホルダ「例: 博多中央病院」→「例: 〇〇建設 現場事務所」 (d)ログインIDの @atom-keibi.jp 自動補完を撤去＝メールアドレス必須（@ が無ければトーストで案内、送信しない） (g)本日の現場の見出し静的文言「本日の配置警備員（0名）」をJS文言「配置警備員（N名）」に統一 (h)ホームのメールアドレスを1行省略表示（nowrap+ellipsis）。⑨API経路・ログイン処理(dの入力検証のみ)・デモホスト分岐・Service Worker・manifest・プッシュ通知は無変更。母艦/2号/BE無変更。 base: v3.18.2 -->
<!-- v3.18.2 client_site_app 2026-09-03 (デモ発注者 yamada の平文パスワードと自動ログインを撤去 / MANABU裁定 09-03・保護ファイル改修・配信 v3.468) 　【なぜ】配信HTMLに yamada の平文PWが残り、本番オリジンからも同じPWで入れる構造だった（DEC-565 の sales-demo と同型）。営業デモは担当者がPWを手入力する。yamada は ban しない（365デモに要る）代わりに PW を回転（SQL・文字列は記録しない）。【何を】①デモホスト時の自動ログイン（v3.12.0）を撤去 ②demoLogin() はIDだけ入れる ③ログイン画面のヒントからPWを外す ④履歴コメントの旧PWは伏字。それ以外は v3.18.1 と同一 -->
<!-- v3.18.1 client_site_app 2026-08-29 (Cloudflare email-decode.min.js への script タグ参照を撤去 / MANABU承認のうえ保護ファイル改修・配信 v3.462 と同梱) 　cdn-cgi 配下の email-decode.min.js は Cloudflare のメール難読化スクリプトで Netlify には存在せず毎回404だった（母艦と同じ残骸）。data-cfemail の残骸は0件＝外しても表示・動作は変わらない。変更はこの1行の撤去のみ。 / base: v3.18.0 -->
<!-- v3.18.0 client_site_app 2026-08-26 (パスワード再設定の受け皿 ＋ 本人によるパスワード変更 / MANABU承認のうえ保護ファイル改修・母艦 v3.450 と対) 　母艦の「📨 パスワード再設定を依頼」で Supabase の1回だけ有効なリンクを発行し（BE v7.169.0 の POST /api/guards|clients/users/:id/app-account/reset-link）、QR付きA4を印刷して本人に手渡す。本人はQRを読んでアプリ上で自分のパスワードを決める＝管理者は他人のパスワードを知らない（DEC-531・DEC-532）。メールは送らない＝警備員25名中20名がメール未登録・authを持つ2件は架空の @example.com・発注者も4名中3名が受信不可・BEにメール送信基盤0件のため、素直にメールで送ると「送信しました」と出て1通も届かず500も出ない無症状の障害になる（2026-08-26 実測）。　【365に入れたもの】①§PW＝JGPW（2号とまったく同じコード。APP_LABEL だけが違う）。リンクを踏むと URL の # に type=recovery と access_token が乗ってくるので、🔴解析時に取り出してアドレスバーから即座に消す。②365は supabase-js を積んでいない（ログインは BE の /api/auth/login）ので、新しいパスワードの書き込みは Supabase Auth の PUT /auth/v1/user を直接叩く。③リンクから来たときは、保存済みセッションからの自動復帰（ksg_client_session）と、デモホストの自動ログイン（yamada）の両方を止める。止めないと「勝手に別人でログインした状態」の上に設定画面が乗る。④設定できたらセッションを消してログイン画面へ戻し、ログインIDを自動で入れておく。⑤設定画面のログアウトの上に「🔑 パスワードを変更」を新設（DEC-486 裁定3）。⑥ログイン画面に「パスワードが分からないときは警備会社のご担当者にお申し出ください」を追記。【画面の作り】受け皿は .phone の中に絶対配置で重ねるオーバーレイ＝既存の goScreen / navHistory / タブバーの制御には触らない。リンクから来ていないときは1ピクセルも表示されない。 / base: v3.17.1 -->
<!-- v3.17.1 client_site_app 2026-08-21 (配線監査#5＝「現場場所」を直しても警備会社に届かなかった) — 発注画面の「現場場所」は編集できる入力欄（placeholder「住所を入力または修正...」）で、登録住所が初期値に入り、確認画面(#c-address)にも編集後の住所が表示される。ところが confirmBooking は #o-address を読むだけで注文APIの payload に載せていなかった（payload=contract_id/start_date/end_date/guard_count/notes/start_time/end_time）。orders・order_items にも住所の列は無く、住所は sites.address 側にしか存在しない＝FE・API・DBの3層とも受け皿がゼロだった。実機（2026-08-21・デモにログインした状態で動いている関数そのものを読み出し）で、入力欄が編集可能・確認画面に出る・payload に address が無い、の3点を確認。MANABU裁定＝推奨案（B案）。是正＝登録住所と違う住所が入っているときだけ、備考の先頭に「現場場所の指定:○○ / 」を自動で付けて送る（notes は BE が保存し母艦の受注側でも読める）。2000字の上限は従来どおり slice(0,2000)。入力欄・確認画面・見た目は無変更、BE・Supabase も無改修。母艦 v3.441 と対。 / base: v3.17.0 -->
<!-- v3.17.0 client_site_app 2026-08-11 (③365のPWA化 / MANABU承認のうえ保護ファイル改修) — ①manifest_365.json を新設し head に PWA一式を配線（365だけ manifest が無く、顧客がホーム画面に入れてもただのブックマークだった）②アイコン icons/pk365/ 5点を新規作成（pk1/pk2と同じ意匠・"365"）③実機スマホ(480px以下)とstandalone起動のときだけ .phone の375×812モックアップを全画面へ切り替え＝「スマホの中にスマホ枠」と偽ステータスバーの解消。偽ステータスバーはiOSノッチ用のsafe-area余白に転用。デスクトップ幅の模型表示＝営業デモの見た目は不変 ④Service Worker をこのページ自身で登録（従来 pwa-register.js まかせで365は読み込んでおらず、365だけを開いた顧客には SW が付かない＝Android でインストール不可＋自前の通知ONトグルが serviceWorker.ready で永久に固まっていた）。JS関数・DOM・画面ロジックは無変更。母艦/BE/DB無変更。push app_version v3.300→v3.301。 / base: v3.16.39 -->
<!-- v3.16.39 client_site_app 2026-07-19 (デザイン最終チェック 色残り是正 / MANABU確定) — ①letterbox(スマホ外周)背景の暖色#1a1710→クール#141821(ダーク時のみ・body.lightは#dbe3ea維持) ②シアンボタン/選択日の落ち影が金色のまま4箇所+base層の未使用金色を含め rgba(200,133,10)→rgba(111,182,204) を全20箇所シアン化 ③擬似ステータスバーの電波/Wi-Fi/電池アイコンが黒rgba(0,0,0)で暗背景に不可視→currentColorでテーマ追従(両モード可視)。色のみ・レイアウト/フォント/構造すべて不変。母艦/2号/BE/DB無変更。SW v3.368→v3.369。 / base: v3.16.38 -->
<!-- v3.16.38 client_site_app 2026-07-18 (発注者による現場追加 / BE v7.112.0とセット / MANABU確定) — 現場タブの「＋」を〈現場を追加〉フォーム起動へ変更(ホーム＋カレンダー両方)。フォーム=現場名*/住所/開始日(既定今日)/業務種別(交通誘導/雑踏/施設/その他)/人数目安/備考→POST /api/client_sites(発注者認可・単価と担当警備会社はBEが主契約から継承・rate_provisional=true)。成功で契約再読込→新タブへ切替(偽成功なし・二重送信防止・エラーはdlg-note赤表示)。仮単価の可視化=現場カードに「単価 仮」チップ(gs-prov)＋設定の単価欄に仮注記(set-prov-note)=契約 rate_provisional を st.ratePending へ紐付け。母艦/2号無変更・BE=v7.112.0。ライト両対応。push app_version v3.299→v3.300。SW v3.356→v3.357。 / base: v3.16.37 -->
<!-- v3.16.37 client_site_app 2026-07-18 (ホーム天気カードのガラス感強化=A案 / MANABU確定・プレビュー承認済) — ホーム挨拶行の天気カード(.greeting-weather ダーク)を、他の大きめカード(手配/統計/実績)と同じ“浮くガラス”質感へ底上げ。①背景に上部シアンのラジアルグロー rgba(111,182,204,.20) を重ね ②白グラデを .06→.085 へ ③枠線を白10%→15% へ ④backdrop-blur 12→16px ⑤box-shadow(落ち影+上辺インナーハイライト)を追加。すぐ下の現場カード(現場色の枠)に対し天気カードの輪郭が控えめだったのを解消。ダーク限定=body.light側は既存共有ルール(白カード)のまま不変。CSS1宣言のみ・markup/JS無変更・母艦/2号/BE無変更。push app_version v3.298→v3.299。SW v3.355→v3.356。 / base: v3.16.36 -->
<!-- v3.16.36 client_site_app 2026-07-17 (最終チェック監査 是正バッチ / 365のみ・BE無変更) — ①予約の偽成功撤去=confirmBookingをAPI成功時のみ完了画面へ(失敗=エラーダイアログで再試行案内・ローカル採番RSV-/「※ローカル仮確定」/Math.random廃止・BOOKED反映も成功後へ・token/契約なしは送信前に中断) ②doLoginのデモモードフォールバック撤去=API例外で山田一郎偽セッションを作らない(エラートーストのみ) ③ログイン画面のデモ認証情報表記(yamada/Demo****)を本番ホストで非表示(__IS_DEMO__ゲート・デモは従来どおり) ④本日の現場の静的デモ残骸を全撤去=架空警備員3名(佐藤三郎/山田太郎/渡辺健太)・地図ピン渡辺・「勤務中1名/下番済2名」・博多座標・4月11日メタ→ニュートラル初期値+空状態「本日の配置はありません」(_todayEmpty新設) ⑤「● 勤務中 — 0名出勤」是正=配置0日は「本日の配置はありません」/出勤前は「まもなく出勤—予定N名」 ⑥配置累計/今月・累計詳細/予算の静的デモ数字46箇所(42人日/328人日/¥9,792,000等)→0/—化+statsグローバル初期値(36/6/12/288/48/96)→0 ⑦本日の現場メタの固定時間「08:00〜17:00」表記廃止(契約に時間データ無し) ⑧天気チップ/手配フロー確認画面の静的プレースホルダ→—化 ⑨push登録app_version v3.112→v3.298。母艦/2号/SW以外無変更・ライト両対応。SW v3.354→v3.355。 / base: v3.16.35 -->
<!-- v3.16.35 client_site_app 2026-07-17 (お知らせベル実データ化=通知源1本化 / BE v7.111.0とセット) — ①notifications配列をBE実データ化: loadClientNotifications()=GET /api/client_notifications(本人宛notification_logs=母艦confirm/cancel/人数変更のPUSHと同一ソース)を取得しtype/label(確定✅/キャンセル❌/人数変更🔄/お知らせ🔔)へマップ・ログイン後+通知画面表示時に取得 ②既読管理: markNotificationsRead()=POST /api/client_notifications/read(read_at)・通知画面を開くと既読化しバッジ消灯(そのセッション中の未読ハイライトは維持) ③renderNotifications刷新=日付付き時刻(M/D HH:MM)・カードタップで汎用詳細ダイアログ(旧ok/ng固定ダイアログ廃止)・空時の残カード掃除 ④デモ演出撤去=simulateWaitlistResult+addNotification削除・confirmBookingの疑似通知呼び出し撤去(結果は実PUSH/ベルで届く)。母艦/2号無変更・ライト両対応。SW v3.353→v3.354。 / base: v3.16.34 -->
<!-- v3.16.34 client_site_app 2026-07-17 (カレンダー現場タブ 高さ0潰れの根治 / 実機E2Eで検出) — v3.16.33でタブをscr-calendar直下(縦flexの直接子)へ移設した結果、画面高超過分の吸収でflexアイテムのタブ行がflex-shrink既定1+overflow:auto(min-height:0扱い)により高さ0へ圧縮されタブ不可視に。.cal-site-tabsへflex-shrink:0を追加し根治(タブ約22px確保・枠密着-1.5pxは不変)。CSS1プロパティのみ・他無変更。SW v3.352→v3.353。 / base: v3.16.33 -->
<!-- v3.16.33 client_site_app 2026-07-17 (実機FB3点: 天気欠落+タブ一体化×2画面 / MANABU指示) — ①カレンダー/ホームの天気がE2E現場で出ない根治=_siteCoordsに代替チェーン追加(現場gps→mapQ座標→端末GPS→他現場のgps→東京駅35.6812,139.7671)＝座標未登録の現場でも天気を必ず表示(新宿はsite_gps登録済で従来どおり) ②ホーム: タブと囲み線の一体化=.site-tabをbackground-clip:padding-box+下辺1px transparentにして囲み線がタブ下を通る(線が切れない)・activeは不透明地(bg2+現場色14%)+下辺無し+padding+1pxで線を覆いカードと繋がる・非選択タブも現場色(55%)の線 ③カレンダー: cal-site-tabsをヘッダーから枠(cal-frame)直上へ移設し margin-bottom:-1.5pxで枠線に密着=ホームと同じ一体化演出(activeは不透明地で枠線を覆う・非選択も現場色55%線・枠1.5px化)・cal-frame margin-top 0化・h-infoはタイトルのみへ。母艦/2号/BE無変更・ライト両対応。SW v3.351→v3.352。 / base: v3.16.32 -->
<!-- v3.16.32 client_site_app 2026-07-17 (発注カレンダー 初回チュートリアル吹き出し / MANABU指示・テキストボタン方式確定) — TOP→警備員手配でカレンダーを開いた初回に、①「1日/期間」トグルを指す吹き出し「複数日は期間をタップ」[次へ→]→②カレンダーを指す吹き出し「日付をタップして手配」[閉じる]を順に表示。各吹き出しに✕(今回だけ閉じる=次回また表示)と「次回から表示しない」テキストボタン(localStorage ksg365_cal_tut=1で恒久OFF)。実装=cal-tut-bubble(fixed/z250/現場シアン枠/上向き矢印2方向)+maybeCalTut(goScreen calendar分岐末尾・350ms後表示)+calTutShow/Next/Close/Never/Hide・カレンダー以外へ遷移で自動非表示(閉扱いにしない)。v3.16.31のヒント文字撤去を教育面で補完。母艦/2号/BE無変更・ライト両対応。SW v3.350→v3.351。 / base: v3.16.31 -->
<!-- v3.16.31 client_site_app 2026-07-17 (発注カレンダー ヒント文字の常設表示を廃止しスペース再配分 / MANABU指示) — ①ヘッダー固定ヒント「複数日は期間をタップ」(cal-mode-hint)削除=空いた横幅を現場ミニタブへ(cs-tab max-width 86→100px・短縮6→7文字+…) ②凡例下の操作ヒント「日付をタップして手配」(cal-action-hint)削除=凡例が下がりカレンダー拡大(cal-day min-height 76→81px) ③期間選択の途中案内(開始日をタップ青/終了日をタップ赤/日付タップで調整)はカレンダー枠内下端の浮遊ポップ(cal-hint-pop・pointer-events:none・レイアウト非可動)へ移設=setHint書き換え・1日モード/未操作時は非表示 ④旧ヒントCSS(.cal-mode-hint系/.cal-action-hint系)撤去・.cal-frameにposition:relative追加。初回チュートリアル吹き出しは次版予定。母艦/2号/BE無変更・ライト両対応。SW v3.349→v3.350。 / base: v3.16.30 -->
<!-- v3.16.30 client_site_app 2026-07-17 (福岡デモのフォールバック撤去=B案 / MANABU確定「タブに博多・天神が一瞬表示」の根治) — 原因=初期開発の福岡デモがHTML直書き(タブ3枚L621-623/本日の現場タイトル)+CLIENT_SITESハードコード配列(3現場・ガード員データ込)で残置され、自動ログイン→ホーム即表示→契約API応答までの間、直書きタブが露出していた。①直書きタブ3枚→「読み込み中…」スケルトン1枚(操作不可・中立色) ②本日の現場タイトル直書き→「—」 ③CLIENT_SITES=[]へ(福岡3現場のフォールバックデータ一式を物理削除=B案・オフライン安全網は廃止) ④rebuildSiteTabsに空状態=「現場情報なし（タップで再読込）」タブ+読込失敗catchでもrebuild呼び=正直表示 ⑤空配列ガード6箇所(switchSite/loadToday/updateStats/loadSiteBudget/loadSettings/印刷ヘルパー)=どの画面遷移でも例外ゼロ。機能変更なし(実契約データの動きは従来どおり)。SW v3.348→v3.349。 / base: v3.16.29 -->
<!-- v3.16.29 client_site_app 2026-07-17 (現場色の囲みを月タイトルまで拡大 / MANABU実機指摘「青線の上端をタブ直下の線まで」) — 新wrapper .cal-frame(id=cal-frame)で cal-range-info+cal-month+cal-weekdays+cal-grid を包み、現場色1.5px枠を#cal-gridから#cal-frameへ移設=囲み上端がヘッダー(タブ)直下のラインから始まり「2026年7月」「曜日行」も枠内に。凡例(cal-legend2)以下は従来どおり枠外。CSS=.cal-frame{margin:5px 8px 0;radius16px;padding-bottom:6px;transition}・#cal-gridの枠指定は撤去。JS=rebuildCalSiteTabsの色注入先をcal-frameへ(1箇所)。他は完全無変更(タブ/フロー固定/チップ/renderCalendarはcal-grid参照のまま)。SW v3.347→v3.348。 / base: v3.16.28 -->
<!-- v3.16.28 client_site_app 2026-07-17 (カレンダー現場タブ 作り直し / MANABU実機指摘) — v3.16.27のミニタブが「期間」ボタンを画面外へ押し出す実機不具合の是正。根本原因=.h-info{flex:1}にmin-width:0が無く、flexアイテムが内容幅未満に縮めない仕様でタブ内容がヘッダー左列を押し広げ右列(1日/期間トグル+ヒント)がクリップ。①根治: .cal-app-header .h-info{min-width:0;overflow:hidden}(カレンダーヘッダー限定・他画面無影響)=タブは領域内で横スクロールし右側ツールを絶対に押さない(.cal-head-toolsは既存flex-shrink:0) ②タブ形式をホームの.site-tabと同形へ(上角丸7px/下辺なし/太字/active=現場色の枠+薄地+文字色・ドット廃止) ③表示文字数削減=6文字+…(例:E2Eテスト現…/新宿駅前再開…)・max-width86px・padding圧縮=横幅約2/3へ ④機能は無変更(calSwitchSite/フロー固定/現場色外枠/チップ類はv3.16.27のまま)。SW v3.346→v3.347。 / base: v3.16.27 -->
<!-- v3.16.27 client_site_app 2026-07-17 (現場誤認対策=案2+安全網 / MANABU確定・プレビュー承認済) — 背景=タブごとの現場別カレンダーで「別現場のつもりで発注」する誤認リスク(E2E中にカレンダー=E2E現場なのに手配画面が新宿になる現象を実測)。①案2本体: 予約カレンダー「警備員手配」タイトル直下の既存空白(ヒント文の左)に現場ミニタブ(cal-site-tabs/cs-tab=色ドット+短縮名tabName・高さ約16px)を収納=行を増やさずカレンダー視認範囲不変・タップでcalSwitchSite(switchSite+BOOKED.clear()先行で旧現場の予約フラッシュ防止+renderCalendar即描画+hydrate後再描画)・ホームのタブと同期(ホーム側存続)・「＋」タブは置かない。②現場色アクセント: アクティブタブのドット/枠を現場色(CLIENT_SITES.color)+#cal-gridの外枠1.5pxを現場色に(transition付・ライト両対応)。③安全網=予約フロー現場固定: 日付タップ/期間確定の瞬間に_bookSiteIdx=curSiteIdxを退避し、booking画面プリフィル(o-address)/goToConfirm(現場名)/confirmBooking(contract_id)は_bookSite()経由で参照=途中でタブ/内部状態が変わっても発注先が変わらない(構造対策)。④現場名の明示: 「この日で予約しますか？」「この期間で予約しますか？」ポップに現場名チップ(dlg-site-line・現場色枠)を追加+手配内容入力ヘッダー右に現場チップ(book-site-chip)。母艦/2号/BE本体は無変更(業務種別修正は別途BE v7.110.0)・SW v3.345→v3.346。 / base: v3.16.26 -->
<!-- v3.16.26 client_site_app 2026-07-15 (予約の人数変更を日ごと対応: 期間予約の「変更」を、各日のステッパー一覧に(真ん中の1日だけ増減できる)。単日予約は従来の一律ステッパーのまま。BE change-count(v7.107.0)へ 期間は{items:[{duty_date,guard_count}]}・単日は{guard_count}を送信。予約一覧カードは人数が日でばらつく場合「2〜3名」と範囲表示(dayMap)。loadReservationsに日別count(dmap)捕捉+merge時はmerged=dayMap無効(電話)。減員が既確定超はBE 409→電話。母艦無変更・BEはv7.107.0(デプロイ済)。SW v3.339→v3.340。base:v3.16.25) -->
<!-- v3.16.25 client_site_app 2026-07-15 (予約の自己解決 第2弾-b＝人数変更を正式API化: v3.280の「増員=別注文」ハックを廃し、増減とも新BE POST /api/client_orders/:id/change-count(v7.106.0)へ結線＝1予約のまま人数を増減(order_items.guard_count in-place・confirmedは配置依頼shift_requestsを差分調整)。resModify: 減員も開放(ステッパー)・contiguous制限を撤廃(日程が飛んだ予約も変更可)・合算カード(旧ハックの複数注文=ids>1)のみ電話。減員が既に確定した人数を下回るとBEが409 DECREASE_BELOW_ASSIGNED→電話案内。増減成功でリスト+カレンダー+費用を再hydrate。母艦無変更・BEはv7.106.0(デプロイ済)。SW v3.338→v3.339。base:v3.16.24) -->
<!-- v3.16.24 client_site_app 2026-07-15 (予約の自己解決 第2弾＝人数変更(増員)本実装: 予約一覧の「変更」を電話案内から本実装へ。人数ステッパーで増員を選ぶと、同一期間で差分人数を既存の発注API(POST /api/client_orders)へ＝キャンセルと同じ無リスク方式・BE/母艦は完全無変更。増員分は別注文になるが、予約一覧は同一日付セット+時刻の注文を親カードに合算表示(loadReservationsにmerge+RES_VIEWインデックス化)。カレンダー/今月費用/累計は既存のhydrateが日次でguard_countを合算済のため自動反映。減員・日程変更・日程が飛んだ予約・前々日以降は従来どおり電話案内。合算カードのキャンセルは構成注文をまとめて取消(_doResCancelを配列対応)。CSSは.res-mod-hint 1件追加のみ。SW v3.337→v3.338。base:v3.16.23) -->
<!-- v3.16.23 client_site_app 2026-07-15 (予約一覧キャンセル期限の文言を1行に=実機で「◯/◯（曜）まで取消できます」がカード左側(res-main)幅で折返し「す」だけ次行落ちしたMANABU実機確認→「◯/◯（曜）まで取消可」へ短縮(チェックアイコン併記で意味は明瞭・電話案内「変更・取消はお電話で」は1行に収まるため据置)。_resNoteの文字列1箇所のみ・他無変更。母艦GuardHub/BE無変更。SW v3.336→v3.337。base:v3.16.22) -->
<!-- v3.16.22 client_site_app 2026-07-15 (予約一覧の磨き3点: ①未来/過去をセクション見出し「これからの予約 N件」「過去の予約」で区切り=薄いだけで境目が無かった状態を解消 ②予約ゼロ時の空状態を強化=カレンダー+アイコン+「まだ予約がありません／カレンダーから警備員を手配できます」+「手配する」ボタン(goScreen calendar)の発注導線へ(従来は文字1行の行き止まり) ③各未来カードにキャンセル可否を明示=自己キャンセル可は「◯/◯（曜）まで取消できます」(期限=予約開始日-2日)・前日以降は「変更・取消はお電話で」(押すまで可否が分からない問題を解消)。実装=描画のみ拡張(loadReservationsに_resHead closure+_resNote関数追加・見出し挿入2行・left末尾に_resNote差込・onclick(backslash)行は無改変)+res系CSS13行追加。母艦GuardHub無変更・BE無変更=既存EP(/api/client_orders)。SW v3.335→v3.336。base:v3.16.21) -->
<!-- v3.16.21 client_site_app 2026-07-15 (予約の自己解決＝キャンセル本実装: ①予約一覧を注文(order)単位のカードにグルーピング=単日/期間をまとめて表示・開始日昇順で未来を上・過去は薄く「完了」。②「キャンセル」を本実装=前々日まで(予約開始日>=今日+2)は確認ダイアログ→POST /api/client_orders/:id/cancel(既存BE・発注者/警備会社へ通知・RLSで本人のみ)→成功でリスト再読込＋カレンダー/ホーム再hydrate。前日以降は自己キャンセル不可=電話ダイアログ。③「変更(人数/日程)」は当面電話案内のまま(人数変更APIは未実装=後日BE接続時)。CSSは.dlg-btn-danger 1件追加のみ。母艦GuardHub無変更・BE無変更=既存EP利用。SW v3.334→v3.335。base:v3.16.20) -->
<!-- v3.16.20 client_site_app 2026-07-15 (設定にログアウトを新設: 従来は内部doLogout()のみでユーザー操作のログアウトが無かった→設定画面の最下部に赤系「ログアウト」ボタン(set-logout-btn)を追加しconfirmLogout()経由でdoLogout()に接続(確認ダイアログ付き=誤タップ防止)。加えてデモ自動ログインIIFE(__IS_DEMO__)に「手動ログアウト後は抑止」を追加=localStorage ksg365_no_autologinフラグをconfirmLogoutで立て、afterLoginで解除。よってデモでもログアウトが維持され、本番は元々自動ログイン無しで完全維持。tabbarはgoScreenがlogin時に非表示化済。markup1+CSS4行+JS(confirmLogout新設/IIFE1条件/afterLogin1行)。母艦GuardHub無変更・BE無変更。＋過去予約カウントの視認性改善=淡色化の.cal-day.past .cal-countをvar(--t3)#6b7c88→var(--t2)#9fb0bd(暗いセル上で同色化して読めなかったMANABU実機指摘・グレーのままで未来の緑とは区別維持)。SW v3.333→v3.334。base:v3.16.19) -->
<!-- v3.16.19 client_site_app 2026-07-15 (発注カレンダー 過去の予約人数を淡色グレー化: 過去の予約済セルのcal-countをvar(--ok)緑→var(--t3)淡色グレーへ=「履歴」として未来のアクティブな緑予約と視覚的に区別。併せて過去予約セルの緑枠(.has-booking=2px緑)をライトモードでも淡色ハードライン(1px var(--border))へ統一[ダークは既存faint 1px枠が優先で従来どおり]。renderCalendarは既に過去でもcal-count描画済のためロジック/JS不変=CSS 2セレクタ追加のみ。全*{box-sizing:border-box}のためレイアウト不変。母艦GuardHub無変更・BE無変更。SW v3.332→v3.333。base:v3.16.18) -->
<!-- v3.16.18 client_site_app 2026-07-14 (予約一覧ページ新設＝予約の変更・キャンセル導線: ①発注カレンダー下部に「予約の変更・キャンセル」ボタン(cal-reslist-btn)を追加=カレンダー本体のレイアウトは不変。押下でscr-reservationsへ。②新画面scr-reservations=現契約の予約をclient_orders実データで一覧(loadReservations・日付/曜日/状態/N名/注文番号・未来を上、過去は薄く「完了」)。③各行の「変更」「キャンセル」はresModify/resCancel=暫定で警備会社連絡ダイアログ(自己解決の取消/変更APIはBE未実装=後日)。goScreen分岐+tab-home active+両モードCSS。母艦GuardHub無変更・BE無変更。SW v3.326→v3.327。base:v3.16.17) -->
<!-- v3.16.17 client_site_app 2026-07-14 (プッシュ通知ミニのアイコンをベル→電波(ブロードキャスト)マークに変更: ホーム上部の「お知らせベル」チップと、ホーム下部「プッシュ通知」ミニが両方ベルで似て見えた→役割区別のためpush-miniのアイコンのみ((•))放射弧の電波マークへ差替(お知らせ=ベル/プッシュ=電波)。中心は塗り点。onclick=togglePush等は不変・svg差替のみ・両モード。母艦GuardHub無変更・BE無変更。SW v3.325→v3.326。base:v3.16.16) -->
<!-- v3.16.16 client_site_app 2026-07-14 (お知らせベルを丸いガラスチップ化: 氏名と天気カードの間で線アイコンが浮いて見えたため、.greeting .notif-bellを40x40の丸チップ(暗ガラスグラデ+白10%枠+中央寄せ+box-sizing:border-box+アイコン明色var(--t1))へ。JSのnotif-bell表示2箇所(ログイン後・updateNotifBadge)をdisplay='block'→'flex'にしチップ内でアイコンを中央寄せ。ライトはbody.lightで薄墨チップに個別上書き。未読バッジ(絶対配置)はチップ右上に自然に載る。位置(氏名と天気の間)は不変。CSS+JS2行・両モード。母艦GuardHub無変更・BE無変更。SW v3.324→v3.325。base:v3.16.15) -->
<!-- v3.16.15 client_site_app 2026-07-14 (ホーム/設定3点: ①PUSH通知ボタンの白色(background:var(--surface,#fff)=未定義で白フォールバック)を解消。②PUSH通知を設定画面から撤去しホームへ移設=「今月の実績」ミニの位置にプッシュ通知ミニ(bellアイコン+タップでtogglePush・状態はpush-toggle-btnサブに反映)を配置。今月の実績要素(home-month-count/cost)の参照はupdateStat側if(e)ガード済で無害。③お知らせベル(notif-bell)をヘッダー右上→挨拶行の氏名と天気カードの間へ移動(.greeting .notif-bell align-self:center)。refreshPushToggleBtnの呼出しを設定→ホーム表示時へ。markup+CSS+goScreen微修正・両モード。母艦GuardHub無変更・BE無変更。SW v3.323→v3.324。base:v3.16.14) -->
<!-- v3.16.14 client_site_app 2026-07-14 (発注カレンダー 開いた時のチラつき解消: goScreenのcalendar分岐が従来 hydrateBookedFromOrders().then(renderCalendar) のみ=ネットワークfetch完了まで盤面が空白/前回描画のまま残りチラついた。→ renderCalendar() を先に即実行してから hydrate().then(renderCalendar) で裏を再描画する順に変更。BOOKEDはログイン後ホームのhydrateで既投入のため開いた瞬間に正しい盤面が出る(初回等で未投入でも枠/日付/天気/空きは即表示・予約名数のみ直後に追従)。JS1行の順序変更のみ・描画/レイアウト/両モード不変。母艦GuardHub無変更・BE無変更。SW v3.322→v3.323。base:v3.16.13) -->
<!-- v3.16.13 client_site_app 2026-07-14 (発注カレンダー ヒント2箇所化+凡例/余白調整: ①上部トグル下ヒントを固定文言「複数日は期間をタップ」(白=cal-mode-fixed)へ=モードで不変。②動的な操作ヒントを空き状況カードの下(凡例枠の下)へ新設(cal-action-hint・id移設)=1日「日付をタップして手配」白/期間開始「開始日をタップ」青/開始後「終了日をタップ」赤・大きめ16px中央。setHintの対象をcal-action-hintへ。③凡例の予約済マーカーを緑塗り〇→緑線四角(sqr/本日と同形)にしセルの緑枠と一致。④凡例枠のmargin/paddingを詰めヒントがタブバーに被らないよう収める(実機overflow0確認)。markup+CSS+setHint微修正・両モード。母艦GuardHub無変更・BE無変更。SW v3.321→v3.322。base:v3.16.12) -->
<!-- v3.16.12 client_site_app 2026-07-14 (発注カレンダー凡例を枠で囲む: cal-legend2にシアン枠(dark rgba(111,182,204,.38)/light rgba(18,122,153,.40))+薄地(dark .06/light .08)+角丸12px+左右10pxインセットmarginを付与し凡例エリアを明確に区切る。markup不変・CSSのみ・両モード。母艦GuardHub無変更・BE無変更。SW v3.320→v3.321。base:v3.16.11) -->
<!-- v3.16.11 client_site_app 2026-07-14 (カレンダー凡例の整理: ①天気アイコン説明行(晴/曇/雨)を削除(メイン項目でなく無くても分かるため) ②「空き」→「空き状況」に改称し空いた行のスペースで凡例を大きめに(ラベル13px/項目14px/ドット11px/四角13px/行間余白拡大)=重要情報の視認性UP。markup+CSSのみ・両モード。SW v3.319→v3.320。base:v3.16.10) -->
<!-- v3.16.10 client_site_app 2026-07-14 (カレンダーヘッダー微調整2点: ①「警備員手配」タイトルと「1日/期間」トグルの高さを揃える(app-header align-items:flex-start+左側margin-top微調整、ヒントはトグル直下に維持) ②期間モードで出る「開始日:— → 終了:— ✕」バー(cal-range-info)を非表示化(後で日付設定できるため不要・setCalModeで常にnone・markupは温存しupdateRangeUIのgetElementById参照は生かす)＋range調整ヒントの「✕でリセット」表記を削除。markup不変・JS/CSS微修正・両モード。母艦GuardHub無変更・BE無変更。SW v3.318→v3.319。base:v3.16.9) -->
<!-- v3.16.9 client_site_app 2026-07-14 (発注カレンダー ヘッダー再構成: ①「1日/期間」トグルを上段(警備員手配ヘッダー)の右空白へ移設 ②③「日付をタップして手配」ヒントをトグル直下(ヘッダー右)へ+副題「カレンダーから日程を選択」を削除(内容重複解消) ④ヒントの動的文言(期間選択で開始日/終了日をタップ)ロジックはsetHintのまま不変 ⑤空いた分カレンダーのセル高を68→76pxへ拡大。cal-mode-wrap撤去・app-headerにcal-head-tools新設(縦積み右寄せ)。markup+CSSのみ・両モード。母艦GuardHub無変更・BE無変更。SW v3.317→v3.318。base:v3.16.8) -->
<!-- v3.16.8 client_site_app 2026-07-14 (発注カレンダー2点: ①期間選択の視認性=両端ベタ塗り(range-start/end)で内容に被る問題を、薄ティント(rgba .14)+セル下辺のシアンアクセントライン+両端角丸に変更(body:not(.light)=ダーク限定)。②凡例の段組み=「空き」行を◎余裕/○空有/△残少/×満員で区切り、●予約済と□本日を次段へ分離(markupのみ・両モード)。母艦GuardHub無変更・BE無変更。SW v3.315→v3.317。base:v3.16.6) -->
<!-- v3.16.6 client_site_app 2026-07-14 (発注カレンダー「この日/期間で予約」を中央ポップアップ化: 長い月で下部の確定ボタンが隠れる問題を解消。①単日=日タップで即booking遷移→showDlg『この日で予約しますか？』(日付+天気/この日で予約→/キャンセル)。満員日のキャンセル待ちは従来どおり。②期間=下部cal-range-submitボタン→range完成時にshowRangePopup『この期間で予約しますか？』(期間+日数/この期間で予約→/キャンセル)。確定はsubmitRange流用(手配不可日ダイアログ従来どおり)。両ポップアップに案内『※ 人数の入力は次のページで行います』をnote表示。キャンセルで閉じ→再タップで再表示。cal-range-submitは常時非表示化(markup温存)。既存showDlg/closeDlg流用・CSS追加なし。両モード適用。母艦GuardHub無変更・BE無変更。SW v3.314→v3.315。base:v3.16.5) -->
<!-- v3.16.5 client_site_app 2026-07-14 (ダーク黒文字つぶれ根治: 地の既定文字色が未設定→色未指定の要素がブラウザ既定の黒になりダーク地で潰れていた(ライトの白地では黒でOKに見えていた)。.phoneにcolor:var(--t1)を設定しテーマ追従の既定文字色に。実害4箇所=手配入力の日付(.form-title)/同・天気行(#booking-weather)/予約内容確認タイトル(.confirm-title)/予約完了タイトル(.complete-title)を一括解消。明色ボタン上の濃色文字(#0b1418)や絵文字は無関係で不変。ライトは実質不変(既定黒→#0f1a24でほぼ同一)。※base=v3.16.3(本番)。v3.16.4(天気アイコン現行セット統一)はMANABU保留のため本zipに非内包。母艦GuardHub無変更・BE無変更。SW v3.312→v3.314。base:v3.16.3) -->
<!-- v3.16.3 client_site_app 2026-07-14 (天気絵文字の黒字形バグ修正: 天気マップ_WMO等の🌤⛅🌫🌦🌧🌨⛈が異体字セレクタU+FE0F欠落によりWindowsでモノクロ(黒)字形表示→各絵文字にU+FE0Fを付与しカラー表示を強制(既存FE0Fは二重付与しないようlookahead保護)。☀️☁️❄️🌙は元々正常。ホーム天気/カレンダー天気/凡例/デモ配列すべてに反映=両モード適用(黒→カラーは表示バグ修正のためライト/ダーク共通)。母艦GuardHub無変更・BE無変更。SW v3.311→v3.312。base:v3.16.2) -->
<!-- v3.16.2 client_site_app 2026-07-14 (カレンダーのブラッシュアップ: 発注カレンダーの日付セルを立体化=通常セルにガラス塗り(白7.5%グラデ)+1px枠+上辺インセット光+微影を付与し黒地でマス目がくっきり区切れるように。当日(シアン2px枠)/予約日(緑2px枠+名数)/選択(シアン地)/範囲/過去(控えめ)/空白は:notで保護し不変。box-sizing:border-boxでレイアウト不変。全てbody:not(.light)=ダーク限定・ライト不変。CSSのみ・構造不変。母艦GuardHub無変更・BE無変更。SW v3.310→v3.311。base:v3.16.1) -->
<!-- v3.16.1 client_site_app 2026-07-14 (①天気=白丸チップ(v3.16.0)を撤去し絵文字表示に戻す(MANABU希望) ②配置累計の配色変更: ①大きな人日数字(.stats-big-num=今月/累計/ドリルダウン)をシアン→白 ②月別推移バーをシアン→緑グラデ(通常#6ee7b7→#10b981/当月#a7f3d0→#34d399)＋当月の値・月ラベルの残存シアンも緑#34d399へ(ゼロ月グレーは維持)。全て body:not(.light)=ダーク限定・ライト不変。CSSのみ・構造不変。母艦GuardHub無変更・BE無変更。SW v3.309→v3.310。base:v3.16.0) -->
<!-- v3.16.0 client_site_app 2026-07-14 (ダーク調整バッチ①: ①「警備員手配」カードを脱ベタ=ガラス化(暗ガラス+シアン縁+上部ラジアルグロー+ラベル明色/盾は緑のまま) ②天気絵文字を白丸チップに載せて暗地でのつぶれ解消 ③現場タブにブラウザ風「+」ボタン新設=押下で「現場の追加は警備会社へご連絡ください」トースト(rebuildSiteTabs)。①②はbody:not(.light)=ダーク限定・ライト不変/③は両モード。別途デモ口座から品川契約を無効化しタブを新宿1件へ(Supabase)。母艦GuardHub無変更・BE無変更。SW v3.308→v3.309。base:v3.15.9) -->
<!-- v3.15.9 client_site_app 2026-07-14 (ダーク調整4点: ①ヘッダーのアバター(氏名イニシャル丸)を撤去(両モード) ②ホーム各カード(本日の現場/今月の実績/本日の状況/次の配置予定)を配置累計カード同等の立体感へ=塗り+上辺シアン光ライン+inset highlight+影 ③警備員手配の盾アイコンを緑#10b981 ④本日の現場ピンを赤#ef4444。②③④はbody:not(.light)=ダーク限定・ライト不変。CSS/マークアップのみ・母艦GuardHub無変更・BE無変更。SW v3.307→v3.308。base:v3.15.8) -->
<!-- v3.15.8 client_site_app 2026-07-14 (ライトモードの枠外(letterbox=スマホ外周)背景を明色化: base body{background:#1a1710} がライト時も暗いまま残る不具合を body.light で明色(#dbe3ea)へ上書き。ダーク時は body.light 不付与で完全不変。CSSのみ・構造不変。母艦GuardHub無変更・BE無変更。SW v3.306→v3.307。base:v3.15.7) -->
<!-- v3.15.7 client_site_app 2026-07-14 (ライトモード(昼間)追加=標準ダークのまま body.light で白×シアンへ切替。設定に「表示テーマ ダーク/ライト」トグル新設・localStorage ksg365_theme に記憶・起動時に早期適用(FOUC防止)。実装=トークンを body.light で上書き＋ガラス面(白透過)/方眼/影/選択日/警備員手配(濃色文字)を白地用に個別上書き。ダーク時は body.light 不付与で描画完全不変。母艦GuardHub無変更・BE無変更。SW v3.305→v3.306。base:v3.15.6) -->
<!-- v3.15.6 client_site_app 2026-07-14 (発注カレンダー見やすさ改善「くっきり底上げ」: ①月ラベルcolor未指定=既定の黒に落ちていた不具合を明色化(var(--t1)/18px)②凡例2段(cal-legend2)を拡大=ラベル11px/項目12px/ドット8px/四角11px+行間ゆったり③日付15px/天気12px/空きマーカー11px/曜日ヘッダ11px+色t3へ底上げ。CSSのみ・構造不変。母艦GuardHub無変更・BE無変更。SW v3.304→v3.305。base:v3.15.5) -->
<!-- v3.15.5 client_site_app 2026-07-14 (ホーム下部に「次の配置予定」帯を追加=未来の予約を前面化。home表示/現場切替時にupdateNextScheduleがBOOKED(現契約)から今日より後の最短予約日を「M/D（曜）に N名」表示・タップでカレンダー(手配)へ。予約が無ければ「予定なし—いつでも手配できます／手配する」で発注導線。併せてswitchSiteをhydrate化し現場切替時の今月実績/次の配置予定を現契約で正しく再集計。母艦GuardHub無変更・BE無変更。SW v3.303→v3.304。base:v3.15.4) -->
<!-- v3.15.4 client_site_app 2026-07-14 (ホーム下部の余白に「本日の状況」ライブ帯を新設=下階層の勤怠を前面化: home表示時にupdateHomeTodayStatusが /api/attendance/today/summary を取得→勤務中N名/欠員あり/本日配置なし/まもなく出勤 を色ドット付きで表示・タップで本日の現場へ。既存loadTodayと同ロジック。配置累計/母艦GuardHub無変更・BE無変更。SW v3.302→v3.303。base:v3.15.3) -->
<!-- v3.15.3 client_site_app 2026-07-14 (配置累計に「月別の配置推移」棒グラフ追加=実データ月次: hydrateBookedFromOrdersにMONTHLY Map(当該契約 yyyy-mm→人日)集計を追加→updateStatsのrenderTrendChartで直近6ヶ月をCSS棒グラフ描画(当月ハイライト/実績0月はグレー/未実績はプレースホルダ)。設置=配置累計画面のみ・母艦GuardHub無変更・BE無変更。SW v3.301→v3.302。base:v3.15.2) -->
<!-- v3.15.2 client_site_app 2026-07-14 (ホーム再構成: 発注(予約)がメインのため「警備員手配」を上の大メインカードに昇格。「本日の現場」は下の小カードへ降格(タップで本日の現場詳細は維持)。空いた枠に「今月の実績」小カード(今月人日・費用=updateStats流用・home表示時にhydrate更新)を新設し下階層の有用情報を前面化。SW v3.300→v3.301。base:v3.15.1) -->
<!-- v3.15.1 client_site_app 2026-07-14 (アイコン線アイコン統一: 絵文字(ナビ🏠⚙️📊/電話は色統一/ホーム🏗️📍🛡️/ベル🔔/配置累計📅🏗️💰📊/戻る🏠/印刷🖨️)をGuardHub風の統一線アイコンSVG(currentColor・テーマ追従)へ置換。天気絵文字はcontentのため温存。SW v3.299→v3.300。base:v3.15.0) -->
<!-- v3.15.0 client_site_app 2026-07-14 (GuardHub調テーマ再スキン+磨き: (テーマ):root 琥珀→スチールシアン#6fb6cc/濃紺#0b0c0f+シアン方眼+中央上グロー背景/カード=ガラス質感(backdrop-blur+白10%枠+上辺シアン光ライン)/主要ボタン=シアン→ティールのグラデ(#9cd3e2→#5aa6bd,濃紺文字#0b1418)/ロゴ2色(365=シアン)+Space Grotesk/avatar・badge・divider・カレンダーmarkerもシアン化。(磨き)②発注カレンダー凡例2段(天気/空き)+本日明示/③配置累計カード充実=今月費用・累計費用・日勤夜勤残業チップ・月間予算進捗バー(未設定時は設定導線)をupdateStats既存計算から表出/④設定=契約単価フラット(sc-contract)+累計予算折りたたみ(toggleCumBudget)。月別推移グラフは次段(実データ月次集計)。SW v3.298→v3.299・母艦GuardHub無変更。base:v3.14.0) -->
<!-- v3.14.0 client_site_app 2026-07-07 (B案 365化粧直し / レビュー2026-07-06 #2,3,6-13 是正: §1 デモ導線=自動ログイン/demoLogin/ヒントを yamada@yamada-kensetsu.co.jp / Demo**** へ統一+cf-email焼き付き除去 §2 会社名実データ=greeting-companyを契約client_company_name連動(BE v7.99.0)・支店部署行撤去 §3 現場場所連動=o-address/確認画面を選択現場住所へ(福岡焼き付き一掃) §4 確認画面現場名=goToConfirmをCLIENT_SITES実名へ §5 天気実データ=Open-Meteo(current+daily16日・現場GPS→端末GPS fallback・DEMOバッジ/ソース切替撤去・カレンダー/手配/確認も実予報) §6 集計本物化=client_orders items実集計(status=submitted誤りをpending/confirmed込みへ是正・今月=締め日期間/累計=全期間・cancelled除外・経過月実算) §7 予算未設定時は差額チップ「—」(赤字誤表示解消) §8 設定A案=単価read-only(契約値)・現場編集/タブ管理/現場追加撤去・予算/締め日は端末保存(localStorage・契約単位) §9 電話実データ=companies/mine(未登録は正直表示)・ダミー連絡先撤去・カスタム連絡先端末保存 §10 地図=現場GPS/住所連動 §11 セッション復元IIFEのafterLogin同期呼びを setTimeout(afterLogin,0) へ=updateNotifBadgeが未初期化var notificationsを触りTypeError→catch{}握り潰し→リロード毎に契約ロード不達でデモ現場へ落ちる潜在バグ(v3.11.0起源)の根治 / base: v3.13.0) -->
<!-- v3.13.0 client_site_app 2026-06-14 (R1-4 XSS対策 / DEC-72枠承認 / 共有HTMLエスケープヘルパ escapeHtml 新設 + 動的データ全シンクをエスケープ[警備員名/勤怠ログ(API)/現場名(CLIENT_SITES=API再代入)/通知title・msg/カスタム連絡先(ユーザー入力)/showDlgデータ補間/印刷現場名] = 内部生成HTML断片は意図的HTMLとして対象外 / 描画完全同一 / 保護2号 guard_app_traffic.html も同時改修 / base: v3.12.0) -->
<!-- v3.12.0 client_site_app 2026-06-10 (DEC-72枠承認改修 / 横断デザイン命名統一: blue系トークンをinfo系へリネーム[値同一] + WARN橙を琥珀へ値変更[DEC-129契約③・root定義+バッジ縁2箇所] / 離散カラーパレット2配列は据置 / base: v3.11.1) -->
<!-- v3.11.1 client_site_app 2026-05-26 (MANABU 明示承認改修 / 改修1点限定: カレンダー空き状況 AVAIL を固定日付→相対日付化 = availFor(y,m,d) 動的算出 + renderCalendar 過去判定を日付ベース化 + selectDate/submitRange の参照を availFor へ。今日基準で常に3〜4日後に×満員=キャンセル待ちデモ恒久再現。保護2号 guard_app_traffic.html 不変。base: v3.11.0) | v3.11.0 client_site_app 2026-05-16 (Phase 1 第 0 段 / 案 Q デモ環境統合 / 改修3箇所: DEMOバッジ/自動ログイン/__IS_DEMO__。D6-δ Push / D6-β apiFetch refresh / ローカルデモフォールバック L977 全機能維持。base: v3.10.0) -->
<!-- v3.10.0 client_site_app 2026-05-12 (Phase D D6-δ / Push 通知 subscription UI 追加 / 保護ファイル MANABU 明示承認改修 / VAPID Web Push subscribe + apiPost('/api/device-tokens') + settings 画面に通知ON/OFFトグル / base: v3.9.0) -->
<!-- v3.9.0 client_site_app 2026-05-11 (Phase D D6-β / apiFetch + token refresh 統一 / 純追加ヘルパー + 5 fetch 置換) -->
<!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.17.0: PWA一式を追加（365だけ manifest 参照が欠落していた＝顧客がホーム画面に入れても
     ただのブックマークになり、アイコンも付かず standalone でも起動しなかった）。
     crossorigin="use-credentials" は必須＝Netlifyのサイト全体パスワード保護下では
     これが無いと Chrome の manifest 取得が401になりインストール不能（2026-07-27 v3.351の教訓）。 -->
<link rel="manifest" href="/manifest_365.json" crossorigin="use-credentials">
<meta name="theme-color" content="#0b0c0f">
<link rel="apple-touch-icon" href="/icons/pk365/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/pk365/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="ポケットケイビ365">
<title>ポケットケイビ365 — 発注者アプリ</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">
<style>
:root{
  --bg:#0b0c0f;--bg2:#12161d;--bg3:#161b24;--bg4:#1c2330;
  --accent:#6fb6cc;--accent2:#93cede;--accent-soft:rgba(111,182,204,.12);--accent-mid:rgba(111,182,204,.22);
  --ok:#10b981;--ok-soft:rgba(16,185,129,.1);
  --ng:#ef4444;--ng-soft:rgba(239,68,68,.1);
  --warn:#f59e0b;--warn-soft:rgba(245,158,11,.1);
  --info:#3b82f6;--info-soft:rgba(59,130,246,.1);
  --t1:#e9edf1;--t2:#9fb0bd;--t3:#6b7c88;--t4:#47555f;
  --border:rgba(255,255,255,.10);
  --shadow:0 1px 3px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.15);
  --shadow-lg:0 4px 12px rgba(0,0,0,.25),0 16px 40px rgba(0,0,0,.2);
  --f:'Noto Sans JP',sans-serif;--m:'DM Mono',monospace;
  --r:14px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{background:#141821;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--f);padding:20px}
.phone{width:375px;height:812px;background:var(--bg);border-radius:44px;overflow:hidden;position:relative;border:1.5px solid rgba(111,182,204,.15);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 40px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);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;background:var(--bg2)}
.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}
.phone{color:var(--t1)}
.screen{display:none;flex-direction:column;min-height:100%}
.screen.active{display:flex}
.app-header{padding:10px 20px 12px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}
.h-home-btn{border:none;background:var(--bg3);width:32px;height:32px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:.15s}
.h-home-btn:active{transform:scale(.9)}
.h-back{width:32px;height:32px;border-radius:10px;border:none;background:var(--bg3);font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--t1)}
.h-back.show{display:flex}
.h-info{flex:1}
.h-title{font-size:14px;font-weight:900;color:var(--t1)}
.h-sub{font-size:10px;color:var(--t3)}
.tabbar{height:82px;background:var(--bg2);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);flex-shrink:0;padding-bottom:16px}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:.15s}
.tab-icon{font-size:22px}
.tab-label{font-size:10px;color:var(--t3);font-weight:500}
.tab.active .tab-label{color:var(--accent);font-weight:700}
.login-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}
.login-logo{font-size:48px;margin-bottom:16px}
.login-title{font-size:22px;font-weight:900;margin-bottom:4px;color:#fff}
.login-sub{font-size:12px;color:var(--t3);margin-bottom:32px}
.login-field{width:100%;max-width:280px;margin-bottom:12px}
.login-input{width:100%;padding:14px 16px;background:var(--bg2);border:1.5px solid var(--bg4);border-radius:12px;font-size:15px;font-family:var(--f);color:var(--t1);outline:none;text-align:center;transition:.2s;box-shadow:var(--shadow)}
.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.login-input::placeholder{color:var(--t4)}
.login-label{font-size:10px;color:var(--t3);margin-bottom:6px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.login-btn{width:100%;max-width:280px;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:900;font-family:var(--f);color:#1a0f00;background:var(--accent);cursor:pointer;box-shadow:0 4px 12px rgba(111,182,204,.25);margin-top:8px;transition:.15s}
.login-btn:active{transform:scale(.97)}
.login-demo{font-size:10px;color:var(--t4);margin-top:16px}
.login-demo span{color:var(--accent);font-weight:700;cursor:pointer}
/* v3.18.16 配信 v3.597: ログイン画面を GH365モバイル と同じ並び（アイコン＋名前＋ひとこと・左そろえ・上から）に。#scr-login の中だけ */
#scr-login .login-wrap{justify-content:flex-start;align-items:stretch;text-align:left;width:100%;max-width:400px;margin:0 auto;padding:48px 20px;box-sizing:border-box}
#scr-login .login-logo{display:block;width:64px;height:64px;border-radius:14px;margin:0 0 14px}
#scr-login .login-title{font-size:22px;margin:0 0 12px}
#scr-login .login-sub{font-size:13.5px;line-height:1.7;color:var(--t2);margin:0 0 24px}
#scr-login .login-field,#scr-login .login-btn{max-width:none}
#scr-login .login-input{text-align:left}
#scr-login .jgpw-hint,#scr-login .login-demo{text-align:left}
.home-header{padding:14px 20px 0;display:flex;align-items:center;justify-content:space-between}
.home-logo{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.04em;display:flex;align-items:center;gap:6px}
.home-badge{font-size:9px;background:var(--accent-soft);border:1px solid var(--accent-mid);color:var(--accent);padding:2px 7px;border-radius:99px;font-weight:700}
.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#c8850a,#e8a832);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;border:1.5px solid rgba(111,182,204,.3)}
.home-header-right{display:flex;align-items:center;gap:10px}
.notif-bell{position:relative;border:none;background:none;font-size:22px;cursor:pointer;padding:4px}
.notif-bell:active{transform:scale(.9)}
.notif-badge{position:absolute;top:-2px;right:-4px;background:#ef4444;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 var(--bg);padding:0 4px}
.notif-badge.hide{display:none}
/* Notifications screen */
.notif-body{flex:1;overflow-y:auto;padding:14px 18px;scrollbar-width:none}
.notif-body::-webkit-scrollbar{display:none}
.notif-empty{text-align:center;padding:60px 20px;color:var(--t3);font-size:13px}
.notif-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:10px;cursor:pointer;transition:.15s}
.notif-card:active{transform:scale(.98)}
.notif-card.unread{border-left:3px solid var(--accent)}
.notif-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.notif-card-type{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px}
.notif-type-ok{background:rgba(16,185,129,.12);color:#10b981}
.notif-type-ng{background:rgba(239,68,68,.12);color:#ef4444}
.notif-type-wait{background:rgba(245,158,11,.12);color:#f59e0b}
.notif-card-time{font-size:9px;color:var(--t3);font-family:var(--m)}
.notif-card-title{font-size:13px;font-weight:700;color:var(--t1);margin-bottom:4px}
.notif-card-msg{font-size:11px;color:var(--t2);line-height:1.5}
.greeting{padding:10px 20px 0;display:flex;align-items:stretch;gap:12px}
.greeting-left{flex:1;min-width:0}
.greeting-sub{font-size:12px;color:var(--t2)}
.greeting-company{font-size:14px;font-weight:700;color:var(--t1);margin-top:8px}
.greeting-branch{font-size:11px;color:var(--t3);margin-top:2px}
.greeting-name{font-size:21px;font-weight:700;color:var(--t1);margin-top:4px}
.greeting-weather{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:10px 18px;min-width:96px;cursor:pointer;transition:.15s}
.greeting-weather:active{transform:scale(.96)}
.gw-icon{font-size:30px;line-height:1}
.gw-temp{font-size:15px;font-weight:700;color:var(--t1);margin-top:4px}
.gw-wind{font-size:9px;color:var(--t3);font-family:var(--m);margin-top:1px}
.gw-source{font-size:7px;color:var(--accent);font-weight:700;margin-top:4px;letter-spacing:.03em}
.greeting-email{font-size:11px;color:var(--t3);margin-top:3px;font-family:var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} /* v3.18.3: 1行省略 */
.greeting-site-wrap{padding:0 20px}
.site-tab-bar{display:flex;gap:2px;padding:0 0 0 6px;margin-top:8px;border-bottom:1px solid var(--accent);align-items:flex-end;position:relative;z-index:2;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} /* v3.18.3 365-2: .cal-site-tabs と同じ横スクロール */
.site-tab-bar::-webkit-scrollbar{display:none}
.site-tab{font-size:10px;font-weight:700;padding:6px 12px;cursor:pointer;color:var(--t3);background:var(--bg3);background-clip:padding-box;border:1px solid var(--border);border-bottom:1px solid transparent;border-radius:8px 8px 0 0;margin-bottom:-1px;position:relative;transition:.15s;white-space:nowrap} /* v3.16.33: 下辺transparent+clip=囲み線がタブ下を通る */
.site-tab.active{border-bottom:none;padding-bottom:7px;z-index:3} /* v3.16.33: 不透明地(JS)が線を覆いカードと一体化 */
.site-tab:active{transform:scale(.96)}
.greeting-site{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(111,182,204,.08),rgba(111,182,204,.03));border:1px solid var(--accent);border-top:none;border-radius:0 0 8px 8px}
.gs-icon{font-size:14px;flex-shrink:0}
.gs-info{flex:1;min-width:0}
.gs-name{font-size:12px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-addr{font-size:9px;color:var(--t3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-divider{height:1px;margin:10px 20px 0;background:linear-gradient(90deg,transparent,rgba(111,182,204,.35),rgba(111,182,204,.5),rgba(111,182,204,.35),transparent)}
.home-buttons{display:flex;flex-direction:column;gap:10px;padding:10px 18px 0}
.home-btn{position:relative;padding:28px 20px;border-radius:20px;border:none;cursor:pointer;text-align:center;transition:.2s;overflow:hidden}
.home-btn:active{transform:scale(.97)}
.home-btn-icon{font-size:42px;margin-bottom:10px;display:block}
.home-btn-label{font-size:18px;font-weight:900;display:block}
.home-btn-sub{font-size:13px;margin-top:5px;display:block}
.home-btn.order{background:linear-gradient(135deg,#c8850a,#e8a832);color:#1a0f00;box-shadow:0 6px 20px rgba(111,182,204,.3)}
.home-btn.today{background:linear-gradient(135deg,rgba(111,182,204,.18),rgba(111,182,204,.08));color:var(--t1);box-shadow:0 6px 20px rgba(111,182,204,.1);border:1px solid rgba(111,182,204,.3)}
.home-btn.today .home-btn-sub{color:rgba(111,182,204,.8);opacity:1}
.cal-mode-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 0}
.cal-mode-toggle{display:flex;background:var(--bg3);border-radius:8px;padding:2px;gap:2px}
.cal-mode-btn{border:none;background:none;padding:6px 16px;border-radius:6px;font-size:12px;font-weight:700;font-family:var(--f);color:var(--t3);cursor:pointer;transition:.15s}
.cal-mode-btn.active{background:var(--accent);color:#1a0f00}
.cal-hint-pop{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:5;font-size:13px;font-weight:800;padding:7px 14px;border-radius:999px;background:rgba(10,16,20,.84);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);color:var(--t1);box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none;white-space:nowrap} /* v3.16.31: 期間選択の途中案内ポップ */
.cal-hint-pop.hl-start{color:#3b9cff;border-color:rgba(59,156,255,.55)}
.cal-hint-pop.hl-end{color:#ff6b6b;border-color:rgba(255,107,107,.55)}
/* v3.16.32: 初回チュートリアル吹き出し */
.cal-tut-bubble{position:fixed;z-index:250;max-width:250px;background:#0f1b23;border:1.5px solid var(--cy);border-radius:14px;padding:13px 15px 10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.cal-tut-bubble::before{content:'';position:absolute;top:-9px;width:15px;height:15px;background:#0f1b23;border-left:1.5px solid var(--cy);border-top:1.5px solid var(--cy);transform:rotate(45deg)}
.ct-ar-right::before{right:26px}
.ct-ar-center::before{left:50%;margin-left:-8px}
.ct-x{position:absolute;top:6px;right:8px;border:none;background:none;color:var(--t3);font-size:14px;cursor:pointer;padding:4px;line-height:1}
.ct-text{font-size:14px;font-weight:800;color:var(--t1);padding-right:16px;line-height:1.55}
.ct-actions{margin-top:10px}
.ct-main{width:100%;padding:9px 0;border:none;border-radius:9px;background:linear-gradient(135deg,#9cd3e2,#5aa6bd);color:#0b1418;font-size:13px;font-weight:800;cursor:pointer}
.ct-main:active{transform:scale(.97)}
.ct-never{display:block;margin:7px auto 0;border:none;background:none;color:var(--t3);font-size:11px;text-decoration:underline;cursor:pointer;padding:2px 4px}
body.light .cal-tut-bubble{background:#fff;box-shadow:0 10px 30px rgba(15,26,36,.25)}
body.light .cal-tut-bubble::before{background:#fff}
.cal-mode-fixed{color:var(--t1);font-weight:700;font-size:11px}
.cal-reslist-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:10px 16px 6px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));color:var(--t1);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.cal-reslist-btn:active{transform:scale(.98)}
.cal-reslist-btn svg{display:block;color:var(--accent)}
body.light .cal-reslist-btn{background:#fff;border-color:rgba(15,26,36,.12);box-shadow:var(--shadow)}
.set-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 36px);margin:18px 18px 10px;padding:13px;border:1px solid rgba(239,68,68,.4);border-radius:12px;background:rgba(239,68,68,.08);color:#ef4444;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.set-logout-btn:active{transform:scale(.98)}
.set-logout-btn svg{display:block}
body.light .set-logout-btn{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.35);color:#dc2626}
.res-site-head{display:flex;align-items:center;gap:8px;padding:12px 18px 6px;color:var(--t2);font-size:13px;font-weight:700}
.res-site-head .res-site-ic{color:var(--accent);display:flex}
.res-body{padding:4px 16px 20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}
.res-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012))}
body.light .res-card{background:#fff;border-color:rgba(15,26,36,.10);box-shadow:var(--shadow)}
.res-card.res-past{opacity:.5}
.res-main{min-width:0}
.res-date{font-size:17px;font-weight:800;color:var(--t1);font-family:'Space Grotesk',var(--m)}
.res-date .res-dow{font-size:12px;font-weight:600;color:var(--t3);margin-left:2px}
.res-sub{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}
.res-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--ok-soft);color:var(--ok);border:1px solid rgba(16,185,129,.25)}
.res-count{font-size:13px;font-weight:800;color:var(--accent)}
.res-no{font-size:10px;color:var(--t4);font-family:var(--m)}
.res-by{font-size:10px;font-weight:700;color:var(--t2);background:var(--bg3,rgba(148,163,184,.14));border-radius:99px;padding:1px 7px} /* v3.18.6 ISS-68: 自分以外が出した予約 */
.res-actions{display:flex;gap:6px;flex:0 0 auto}
.res-actions.res-done{font-size:11px;color:var(--t3);font-weight:700;padding-right:4px}
.res-btn{padding:8px 11px;border-radius:9px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.res-btn:active{transform:scale(.96)}
.res-mod{background:var(--bg3);color:var(--t1);border-color:var(--border)}
.res-cancel{background:rgba(239,68,68,.12);color:var(--ng);border-color:rgba(239,68,68,.3)}
.res-phone{background:var(--bg3);color:var(--t1);border-color:var(--border)} /* v3.18.3 365-7 */
.res-empty{padding:44px 20px;text-align:center;color:var(--t3);font-size:13px}
.res-empty-ic{color:var(--accent);opacity:.85;margin-bottom:12px;display:flex;justify-content:center}
.res-empty-ic svg{display:block}
.res-empty-t{font-size:15px;font-weight:800;color:var(--t2);margin-bottom:5px}
.res-empty-s{font-size:12px;color:var(--t3);margin-bottom:18px}
.res-empty-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 24px;border:none;border-radius:12px;background:linear-gradient(160deg,#9cd3e2,#5aa6bd);color:#0b1418;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px -12px rgba(111,182,204,.6),inset 0 1px 0 rgba(255,255,255,.3)}
.res-empty-btn:active{transform:scale(.97)}
.res-empty-btn svg{display:block}
.res-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 4px 3px;font-size:12px;font-weight:800;color:var(--t2);letter-spacing:.02em}
.res-body>.res-sec-head:first-child{padding-top:2px}
.res-sec-cnt{font-size:11px;font-weight:800;color:var(--accent)}
.res-mod-hint{margin-top:12px;font-size:12px;font-weight:700;color:var(--t2);text-align:center;min-height:16px}
.res-day-list{max-height:44vh;overflow:auto;text-align:left}
.res-day-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px solid var(--border)}
.res-day-date{font-size:14px;font-weight:700;color:var(--t1)}
.res-day-sel{max-width:150px}
.res-day-sel .num-btn{width:38px;height:38px;font-size:18px}
.res-day-sel .num-val{min-width:36px;font-size:18px}
.res-cancel-note{margin-top:7px;font-size:11px;font-weight:600;color:var(--t3);display:flex;align-items:center;gap:5px;line-height:1.3}
.res-cancel-note svg{display:block;flex-shrink:0;color:var(--accent)}
.res-cancel-note.is-phone svg{color:var(--t3)}
/* ── v3.16.27: 案2=カレンダー内 現場ミニタブ + 現場色アクセント ── */
.cal-app-header .h-info{min-width:0;overflow:hidden} /* v3.16.28: タブが右側ツール(1日/期間)を押し出す実機不具合の根治 */
.cal-site-tabs{display:flex;flex-shrink:0;gap:2px;margin:6px 8px -1.5px;padding:0 6px;align-items:flex-end;position:relative;z-index:2;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} /* v3.16.33: 枠直上に密着(下-1.5pxで枠線に重ねる) */
.cal-site-tabs::-webkit-scrollbar{display:none}
.cs-tab{flex-shrink:0;font-size:9px;font-weight:700;line-height:1;padding:4px 8px 5px;cursor:pointer;color:var(--t3);background:var(--bg3);background-clip:padding-box;border:1.5px solid var(--border);border-bottom:1.5px solid transparent;border-radius:7px 7px 0 0;position:relative;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;transition:.15s} /* v3.16.33: 枠1.5px+下辺transparent=枠線がタブ下を通る */
.cs-tab:active{transform:scale(.96)}
body.light .cs-tab{background:#eef2f6;border-color:rgba(15,26,36,.10);color:var(--t2)}
.cal-frame{position:relative;margin:0 8px 0;border:1.5px solid transparent;border-radius:16px;transition:border-color .2s;padding-bottom:6px} /* v3.16.29: 囲み上端をタブ直下ラインへ(月タイトル・曜日行も枠内) */
.book-site-chip{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:3px 9px;border-radius:12px;border:1.2px solid var(--cy);color:var(--t1);background:rgba(111,182,204,.10);max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.light .book-site-chip{color:#0f2530;background:rgba(18,122,153,.08)}
.dlg-site-line{display:inline-block;margin:2px 0 4px;font-size:11px;font-weight:700;border:1.2px solid var(--cy);border-radius:12px;padding:2px 10px;background:rgba(111,182,204,.10);color:var(--t1);max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
body.light .dlg-site-line{color:#0f2530;background:rgba(18,122,153,.08)}
.cal-range-info{display:flex;align-items:center;gap:6px;margin:8px 14px 0;padding:8px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;font-size:11px;font-weight:700;color:var(--t1)}
.cal-range-tag{cursor:pointer;padding:3px 8px;border-radius:6px;transition:.15s}
.cal-range-tag:active{background:var(--accent-soft)}
.cal-range-arrow{color:var(--accent)}
.cal-range-days{margin-left:auto;color:var(--accent);font-family:var(--m);font-size:10px}
.cal-range-reset{border:none;background:var(--bg3);color:var(--t3);width:24px;height:24px;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}
.cal-range-reset:active{background:var(--ng);color:#fff}
.cal-day.in-range{background:rgba(111,182,204,.15);color:var(--accent);border-radius:4px}
.cal-day.range-start{background:var(--accent);color:#1a0f00;border-radius:10px 4px 4px 10px}
.cal-day.range-end{background:var(--accent);color:#1a0f00;border-radius:4px 10px 10px 4px}
.cal-day.range-start.range-end{border-radius:10px}
.cal-range-submit{width:calc(100% - 28px);margin:10px 14px;padding:13px;border:none;border-radius:10px;font-size:14px;font-weight:900;font-family:var(--f);color:#1a0f00;background:var(--accent);cursor:pointer;box-shadow:0 4px 12px rgba(111,182,204,.25);transition:.15s}
.cal-range-submit:active{transform:scale(.97)}
.cal-month{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0}
.cal-month-label{font-size:18px;font-weight:900;color:var(--t1);letter-spacing:.01em}
.cal-nav{width:36px;height:36px;border-radius:10px;border:none;background:var(--bg2);box-shadow:var(--shadow);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t1)}
.cal-nav:active{background:var(--bg3)}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:10px 12px 0}
.cal-wd{text-align:center;font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:4px 10px 0}
.cal-day{position:relative;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:7px 0 5px;min-height:81px;font-size:15px;font-weight:700;cursor:pointer;transition:.15s;background:var(--bg2);box-shadow:0 1px 2px rgba(0,0,0,.03);color:var(--t1);gap:2px}
.cal-day:active{transform:scale(.92)}
.cal-day.empty{background:none;box-shadow:none;cursor:default;min-height:0}
.cal-day.past{color:var(--t4);cursor:default;background:var(--bg3);box-shadow:none}
.cal-day.today{border:2px solid var(--accent);color:var(--accent)}
.cal-day.selected{background:var(--accent);color:#1a0f00;box-shadow:0 4px 12px rgba(111,182,204,.3)}
.cal-day.has-booking{border:2px solid var(--ok)}
.cal-weather{font-size:12px;line-height:1}
.cal-count{font-size:11px;font-weight:900;color:var(--ok);line-height:1;margin-top:1px}
.cal-day.selected .cal-count{color:#1a0f00}
/* ===== v3.16.19 過去の予約は履歴として淡色化(cal-count緑→淡色グレー+ライトの緑枠も淡色枠=未来のアクティブ緑と区別)・両モード ===== */
.cal-day.past .cal-count{color:var(--t2);font-weight:800}
.cal-day.past.has-booking{border:1px solid var(--border)}
.cal-avail{font-size:11px;font-weight:900;line-height:1;margin-top:1px}
.cal-avail.a-full{color:#10b981}.cal-avail.a-ok{color:#3b82f6}.cal-avail.a-few{color:#f59e0b}.cal-avail.a-none{color:#ef4444}
.cal-day.selected .cal-avail{color:#1a0f00}
.cal-legend{display:flex;gap:8px;justify-content:center;padding:12px 14px 0;font-size:9px;color:var(--t3);flex-wrap:wrap}
/* Dialog overlay */
.dlg-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(3px);padding:20px}
.dlg-overlay.show{display:flex}
.dlg-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:24px 20px;max-width:320px;width:100%;text-align:center;animation:dlgIn .2s ease}
@keyframes dlgIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.dlg-icon{font-size:40px;margin-bottom:12px}
.dlg-title{font-size:16px;font-weight:900;color:var(--t1);margin-bottom:6px}
.dlg-msg{font-size:12px;color:var(--t2);line-height:1.6;margin-bottom:16px}
.dlg-btns{display:flex;gap:8px}
.dlg-btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:13px;font-weight:700;font-family:var(--f);cursor:pointer;transition:.15s}
.dlg-btn:active{transform:scale(.97)}
.dlg-btn-primary{background:var(--accent);color:#1a0f00}
.dlg-btn-cancel{background:var(--bg3);color:var(--t2)}
.dlg-btn-ok{background:var(--ok);color:#fff}
.dlg-btn-danger{background:var(--ng);color:#fff}
/* v3.16.38: 現場追加フォーム + 仮単価チップ */
.as-field{margin-bottom:11px}
.as-lbl{display:block;font-size:11px;font-weight:700;color:var(--t2);margin-bottom:4px}
.as-req{color:var(--ng);margin-left:3px}
.as-inp{width:100%;padding:9px 11px;background:var(--bg);border:1px solid var(--border);border-radius:9px;font-size:13px;color:var(--t1);font-family:var(--f);box-sizing:border-box}
.as-inp:focus{outline:none;border-color:var(--accent)}
textarea.as-inp{resize:vertical;min-height:40px;line-height:1.5}
body.light .as-inp{background:#f1f4f7}
.no-money{display:none!important} /* v3.18.3 裁定②A案: 発注者アプリでは金額（¥・費用・単価）を出さない */
.gs-prov{flex-shrink:0;align-self:center;font-size:9px;font-weight:800;padding:3px 8px;border-radius:99px;background:var(--warn-soft);color:var(--warn);border:1px solid rgba(245,158,11,.3);white-space:nowrap}
.cs-tab-add{color:var(--accent);font-weight:800;padding:4px 9px 5px}
.dlg-note{font-size:10px;color:var(--t3);margin-top:10px}
.form-card{background:var(--bg2);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;margin:14px 18px 0}
.form-title{font-size:15px;font-weight:900;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.form-section{margin-bottom:14px}
.form-label{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.form-input{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--bg4);border-radius:10px;font-size:14px;font-family:var(--f);color:var(--t1);outline:none;transition:.2s}
.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.form-input::placeholder{color:var(--t4)}
select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%239e9a8e' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.num-selector{display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--bg4);border-radius:10px;overflow:hidden}
.num-btn{width:46px;height:46px;border:none;background:none;font-size:20px;font-weight:900;color:var(--accent);cursor:pointer;font-family:var(--f)}
.num-btn:active{background:var(--accent-soft)}
.num-val{flex:1;text-align:center;font-family:var(--m);font-size:22px;font-weight:700;color:var(--t1)}
.form-gps{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--ok-soft);border-radius:10px;font-size:11px;color:var(--ok);font-weight:700}
body.light .form-gps{color:#047857} /* v3.18.20: 札に意味のある文（登録の住所か）を出すので、ライト表示だけ濃い緑（2.5→4.5 以上）。ダークは同じ */
.btn-primary{width:100%;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:900;font-family:var(--f);color:#1a0f00;background:var(--accent);cursor:pointer;box-shadow:0 4px 12px rgba(111,182,204,.25);transition:.15s;margin-top:4px}
.btn-primary:active{transform:scale(.97)}
.btn-secondary{width:100%;padding:14px;border:1.5px solid var(--bg4);border-radius:12px;font-size:14px;font-weight:700;font-family:var(--f);color:var(--t2);background:var(--bg2);cursor:pointer;transition:.15s;margin-top:8px}
.btn-secondary:active{transform:scale(.97)}
.form-actions{padding:0 18px 20px}
.confirm-card{background:var(--bg2);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;margin:14px 18px 0}
.confirm-title{font-size:16px;font-weight:900;text-align:center;margin-bottom:14px}
.confirm-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}
.confirm-row:last-child{border:none}
.confirm-label{font-size:12px;color:var(--t3);font-weight:700}
.confirm-val{font-size:13px;font-weight:700;text-align:right;color:var(--t1);max-width:65%;line-height:1.5}
.confirm-actions{padding:14px 18px 20px}
.complete-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.complete-icon{font-size:56px;margin-bottom:14px;animation:pop .4s ease}
@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
.complete-title{font-size:20px;font-weight:900;margin-bottom:6px}
.complete-sub{font-size:12px;color:var(--t3);margin-bottom:20px;line-height:1.6}
.complete-id{font-family:var(--m);font-size:12px;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:8px;margin-bottom:20px}
.today-header{background:var(--bg2);border-radius:var(--r);box-shadow:var(--shadow);padding:14px;margin:14px 18px 0;text-align:center}
.today-site{font-size:15px;font-weight:900;margin-bottom:2px;color:var(--t1)}
.today-meta{font-size:11px;color:var(--t3)}
.today-countdown{font-family:var(--m);font-size:13px;color:var(--ok);font-weight:700;margin-top:6px}
.map-area{width:calc(100% - 36px);height:240px;background:var(--bg3);border-radius:var(--r);margin:12px 18px 0;position:relative;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;flex-shrink:0}
.map-full-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:rgba(0,0,0,.6);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;z-index:3;cursor:pointer;pointer-events:auto;font-family:inherit;padding:0;margin:0} /* v3.18.3 365-3: 疑似要素(pointer-events:none)→実ボタン。iframe がタップを奪っても全画面へ行ける */
.map-fullscreen{position:fixed;inset:0;z-index:200;background:#000;display:none;flex-direction:column}
.map-fullscreen.show{display:flex}
.map-fullscreen iframe{flex:1;width:100%;border:none}
.map-fullscreen-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.7);border:none;color:#fff;font-size:20px;cursor:pointer;z-index:201;display:flex;align-items:center;justify-content:center}
.guard-scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:12px}
.guard-scroll::-webkit-scrollbar{display:none}
.settings-scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:16px}
.settings-scroll::-webkit-scrollbar{display:none}
#scr-settings.active{height:100%;min-height:0;overflow:hidden}
.map-iframe{width:100%;height:100%;border:none;display:block}
.map-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}
.map-pin{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}
.map-pin-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff}
.map-pin-name{font-size:8px;font-weight:900;background:var(--bg2);padding:2px 5px;border-radius:4px;margin-top:2px;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.map-pin-pulse{position:absolute;width:26px;height:26px;border-radius:50%;opacity:.3;animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(.8);opacity:.3}50%{transform:scale(1.3);opacity:.1}100%{transform:scale(.8);opacity:.3}}
.guard-list-title{font-size:12px;font-weight:700;color:var(--t2);padding:12px 20px 6px;display:flex;justify-content:space-between}
.guard-card{background:var(--bg2);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 14px;margin:0 18px 8px;display:flex;align-items:center;gap:10px}
.gc-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;position:relative}
.gc-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg2)}
.gc-info{flex:1}
.gc-name{font-size:13px;font-weight:700}
.gc-meta{font-size:10px;color:var(--t3);margin-top:1px}
.gc-right{text-align:right}
.gc-badge{font-size:9px;font-weight:700;padding:3px 8px;border-radius:99px}
.gc-time{font-family:var(--m);font-size:10px;color:var(--t3);margin-top:3px}
/* ════════ STATS ════════ */
.stats-body{flex:1;overflow-y:auto;padding:14px 18px;scrollbar-width:none}
.stats-body::-webkit-scrollbar{display:none}
.stats-setting{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;margin-bottom:12px}
.stats-setting-label{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.stats-setting-row{display:flex;align-items:center;gap:8px}
.stats-setting-text{font-size:13px;font-weight:700;color:var(--t1)}
.stats-closing-select{padding:6px 28px 6px 10px;background:var(--bg);border:1.5px solid var(--bg4);border-radius:8px;font-size:14px;font-weight:700;font-family:var(--f);color:var(--accent);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%236b5d4d' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}
.stats-period{font-size:10px;color:var(--t3);margin-top:6px;font-family:var(--m)}
.stats-price-grid{display:flex;flex-direction:column;gap:8px}
.stats-price-item{display:flex;align-items:center;justify-content:space-between}
.stats-price-label{font-size:12px;font-weight:700;color:var(--t2)}
.stats-price-input-wrap{display:flex;align-items:center;gap:2px;background:var(--bg);border:1.5px solid var(--bg4);border-radius:8px;padding:6px 10px}
.stats-yen{font-size:12px;font-weight:700;color:var(--t3)}
.stats-price-input{width:80px;border:none;background:none;font-size:14px;font-weight:700;font-family:var(--m);color:var(--t1);outline:none;text-align:right}
.stats-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:12px}
.stats-card-header{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.stats-card-icon{font-size:16px}
.stats-card-title{font-size:13px;font-weight:700;color:var(--t1)}
.stats-main-row{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}
.stats-big-num{font-size:40px;font-weight:900;color:var(--accent);font-family:var(--m);line-height:1}
.stats-unit{font-size:14px;font-weight:700;color:var(--t2)}
.stats-budget-row{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(111,182,204,.08),rgba(111,182,204,.03));border-radius:8px;padding:8px 12px;margin-bottom:10px}
.stats-budget-label{font-size:11px;font-weight:700;color:var(--t3)}
.stats-budget-val{font-size:16px;font-weight:900;color:var(--t1);font-family:var(--m)}
.stats-detail{border-top:1px solid var(--border);padding-top:8px}
.stats-detail-row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px;color:var(--t2)}
.stats-price-btn{width:100%;display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;cursor:pointer;transition:.15s;text-align:left}
.stats-price-btn:active{transform:scale(.97)}
.stats-price-btn-icon{font-size:24px;flex-shrink:0}
.stats-price-btn-info{flex:1}
.stats-price-btn-label{font-size:14px;font-weight:700;color:var(--t1)}
.stats-price-btn-sub{font-size:10px;color:var(--t3);margin-top:2px}
.stats-price-btn-arrow{font-size:20px;color:var(--t3);flex-shrink:0}

#toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#e9edf1;color:#0b1418;padding:10px 20px;border-radius:10px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.3s;z-index:200;white-space:nowrap;box-shadow:var(--shadow-lg)}
@media print{
  body{background:#fff!important;padding:0!important;display:block!important}
  .phone,.statusbar,.tabbar,.app-header,.map-fullscreen,.dlg-overlay,#toast{display:none!important}
  #print-area{display:block!important;padding:20px;font-family:'Noto Sans JP',sans-serif;color:#111;font-size:12px}
  #print-area *{color:#111!important;background:transparent!important;border-color:#ccc!important;box-shadow:none!important}
  #print-area .print-header{font-size:16px;font-weight:900;margin-bottom:4px}
  #print-area .print-site{font-size:12px;color:#666!important;margin-bottom:12px}
  #print-area .stats-card{border:1px solid #ccc;border-radius:8px;padding:14px;margin-bottom:12px;page-break-inside:avoid}
  #print-area .stats-card-title{font-weight:700;font-size:13px}
  #print-area .stats-big-num{font-size:28px;font-weight:900}
  #print-area .stats-detail-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #eee;font-size:11px}
  #print-area .stats-detail-row:last-child{border-bottom:none}
  #print-area .stats-main-row{display:flex;align-items:baseline;gap:6px;margin:8px 0}
}
#print-area{display:none}
.demo-badge{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--accent-soft);color:var(--accent);margin-left:4px;letter-spacing:0.5px;vertical-align:middle}

/* ===== v3.15.0 GuardHub調テーマ 再スキン (末尾=上書き) ===== */
/* --- v3.15.1 線アイコン統一 --- */
.tab{color:var(--t3)}.tab.active{color:var(--accent)}
.tab-icon{display:flex;align-items:center;justify-content:center;height:22px}
.tab-icon svg,.notif-bell svg,.gs-icon svg,.stats-card-icon svg,.home-btn-icon svg,.h-home-btn svg{display:block}
.notif-bell{color:var(--t2)}
.greeting .notif-bell{align-self:center;flex:0 0 auto;margin-left:8px;width:40px;height:40px;box-sizing:border-box;border-radius:50%;align-items:center;justify-content:center;padding:0;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)}
body.light .greeting .notif-bell{background:rgba(15,26,36,.05);border-color:rgba(15,26,36,.12);color:var(--t1)}
.gs-icon{color:var(--accent);display:flex;align-items:center}
.stats-card-icon{color:var(--accent);display:inline-flex;align-items:center;vertical-align:middle}
.home-btn-icon{display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.home-compact-row{display:flex;gap:12px}
.home-mini{flex:1;min-width:0;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border-radius:16px;padding:14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:5px;transition:.15s;font-family:inherit}
.home-mini:active{transform:scale(.97)}
.home-mini-ic{color:var(--accent)}.home-mini-ic svg{display:block}
.home-mini-label{font-size:13px;font-weight:800;color:var(--t1)}
.home-mini-sub{font-size:11px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-mini-sub b{font-family:'Space Grotesk',var(--m);font-size:15px;font-weight:900;color:var(--accent)}
.phone{background-color:#0b0c0f;background-image:radial-gradient(ellipse at 50% 13%,rgba(111,182,204,.13),transparent 55%),linear-gradient(rgba(111,182,204,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(111,182,204,.05) 1px,transparent 1px);background-size:100% 100%,46px 46px,46px 46px;border-color:rgba(111,182,204,.22)}
.statusbar{background:rgba(11,12,15,.5)}
.app-header{background:rgba(18,22,29,.5);backdrop-filter:blur(12px)}
.tabbar{background:rgba(11,12,15,.72);backdrop-filter:blur(14px)}
.tab.active .tab-label{color:var(--accent)}
.greeting-weather{background:radial-gradient(ellipse at 50% -14%,rgba(111,182,204,.20),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.022));border:1px solid rgba(255,255,255,.15);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)} /* v3.16.37: A案=ガラス感強化(上部シアングロー+白グラデ/枠線/blur底上げ+落ち影) */
.greeting-site{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.09);border-top:none}
.site-tab{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);color:var(--t2)}
.site-tab.active{background:rgba(111,182,204,.14);color:var(--accent);border-color:rgba(111,182,204,.3)}
.home-logo{font-family:'Space Grotesk','Noto Sans JP',sans-serif;letter-spacing:-.01em;color:var(--t1)}
.home-badge{background:rgba(111,182,204,.16);color:var(--accent)}
.greeting-name{font-family:'Space Grotesk','Noto Sans JP',sans-serif}
.avatar{background:linear-gradient(160deg,#6fb6cc,#5aa6bd);color:#0b1418;border:1.5px solid rgba(111,182,204,.35)}
.stats-big-num{font-family:'Space Grotesk','DM Mono',monospace}
.login-btn,.btn-primary,.cal-range-submit,.cal-mode-btn.active,.dlg-btn-primary{background:linear-gradient(160deg,#9cd3e2,#5aa6bd)!important;color:#0b1418!important}
.home-btn.order{background:linear-gradient(160deg,#9cd3e2,#5aa6bd);color:#0b1418;box-shadow:0 16px 34px -16px rgba(111,182,204,.6),inset 0 1px 0 rgba(255,255,255,.32)}
.home-btn.today{background:linear-gradient(160deg,rgba(111,182,204,.16),rgba(111,182,204,.05));color:var(--t1);border:1px solid rgba(111,182,204,.28);box-shadow:0 14px 30px -18px rgba(111,182,204,.4)}
.home-btn.today .home-btn-sub{color:var(--accent)}
.home-divider{background:linear-gradient(90deg,transparent,rgba(111,182,204,.4),rgba(111,182,204,.65),rgba(111,182,204,.4),transparent)}
.stats-card,.stats-setting{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1);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);position:relative;overflow:hidden}
.stats-card::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,rgba(111,182,204,.7),transparent)}
.stats-price-input,.stats-closing-select{background:rgba(255,255,255,.04);border-color:var(--border);color:var(--t1)}
.stats-budget-row{background:linear-gradient(135deg,rgba(111,182,204,.1),rgba(111,182,204,.03))}
.h-back,.h-home-btn{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--t2)}
.cal-mode-toggle{background:rgba(255,255,255,.05);border:1px solid var(--border)}
.cal-day{background:rgba(255,255,255,.045);box-shadow:none}
.cal-day.past{background:rgba(255,255,255,.012)}
.cal-day.selected{background:var(--accent);color:#0b1418}
.cal-day.selected .cal-count,.cal-day.selected .cal-avail{color:#0b1418}
.cal-day.in-range{background:rgba(111,182,204,.15);color:var(--accent)}
.cal-day.range-start,.cal-day.range-end{background:var(--accent);color:#0b1418}
.sc-cost{font-size:12px;color:var(--t2);margin-top:2px}
.sc-cost b{font-family:var(--m);font-weight:700;color:var(--t1);font-size:14px}
.sc-chips{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.sc-chip{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;background:rgba(255,255,255,.05);color:var(--t2);border:1px solid var(--border)}
.sc-chip .d{color:var(--accent2)}.sc-chip .n{color:#7dd3fc}
.sc-budset{margin-top:11px;font-size:11px;font-weight:700;color:var(--accent2);background:var(--accent-soft);border:1px dashed rgba(111,182,204,.38);border-radius:9px;padding:9px 10px;text-align:center}
.sc-budbar-wrap{margin-top:11px}
.sc-budbar{height:8px;border-radius:6px;background:var(--bg4);overflow:hidden}
.sc-budbar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#5aa6bd,#9cd3e2)}
.sc-budbar-cap{display:flex;justify-content:space-between;font-size:9px;color:var(--t3);margin-top:5px}
.set-collapse-bar{margin:10px 18px 0;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--r);padding:13px 14px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--t2);cursor:pointer}
.set-collapse-bar .cv{color:var(--accent);font-family:var(--m)}
.sc-contract .stats-price-input{background:transparent!important;border:none!important;opacity:1!important;pointer-events:none;text-align:right;font-family:var(--m);color:var(--t1)!important;font-weight:700}
.sc-contract .stats-price-input-wrap{background:transparent;border:none}
.cal-legend2{display:flex;flex-direction:column;gap:12px;margin:8px 10px 4px;padding:12px 15px;border:1px solid rgba(111,182,204,.38);background:rgba(111,182,204,.06);border-radius:12px}
.cl-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;row-gap:8px}
.cl-lbl{font-size:13px;font-weight:800;color:var(--t3);letter-spacing:.04em;min-width:58px}
.cl-row .it{font-size:14px;color:var(--t2);display:inline-flex;align-items:center;gap:5px}
.cl-row .dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.cl-row .sqr{width:13px;height:13px;border:2px solid var(--accent);border-radius:3px;display:inline-block}
/* --- v3.15.3 月別推移 棒グラフ --- */
.sc-trend-sub{font-size:10px;color:var(--t3);margin:2px 0 12px}
.sc-trend{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:108px;padding:2px 2px 0}
.sc-trend-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.sc-trend-val{font-size:10px;font-weight:700;color:var(--t2);font-family:var(--m);margin-bottom:4px;line-height:1}
.sc-trend-bar{width:72%;max-width:26px;border-radius:5px 5px 2px 2px;background:linear-gradient(160deg,#9cd3e2,#5aa6bd);box-shadow:0 0 8px rgba(111,182,204,.35);transition:height .55s cubic-bezier(.2,.7,.3,1)}
.sc-trend-col.is-cur .sc-trend-bar{background:linear-gradient(160deg,#bfe6f0,#6fb6cc);box-shadow:0 0 12px rgba(111,182,204,.5)}
.sc-trend-col.is-cur .sc-trend-val{color:var(--accent)}
.sc-trend-col.is-zero .sc-trend-bar{background:var(--bg4);box-shadow:none}
.sc-trend-col.is-zero .sc-trend-val{color:var(--t4);font-weight:400}
.sc-trend-label{font-size:10px;color:var(--t3);margin-top:7px;white-space:nowrap}
.sc-trend-col.is-cur .sc-trend-label{color:var(--accent);font-weight:700}
.sc-trend-empty{width:100%;text-align:center;color:var(--t3);font-size:11px;align-self:center;padding:28px 0}
/* --- v3.15.4 ホーム下部 本日の状況バンド --- */
.home-status{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));cursor:pointer;text-align:left;font-family:inherit;transition:.15s}
.home-status:active{transform:scale(.98)}
.hs-dot{width:9px;height:9px;border-radius:50%;background:var(--t3);flex-shrink:0}
.home-status.is-ok .hs-dot{background:var(--ok);animation:hsPulse 2.2s ease-in-out infinite}
.home-status.is-ng .hs-dot{background:var(--ng);box-shadow:0 0 0 4px rgba(239,68,68,.16)}
.home-status.is-wait .hs-dot{background:var(--warn);box-shadow:0 0 0 4px rgba(245,158,11,.14)}
@keyframes hsPulse{0%,100%{box-shadow:0 0 0 3px rgba(16,185,129,.18)}50%{box-shadow:0 0 0 7px rgba(16,185,129,.03)}}
.hs-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hs-label{font-size:10px;font-weight:700;color:var(--t3);letter-spacing:.02em}
.hs-val{font-size:14px;font-weight:800;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-status.is-ng .hs-val{color:var(--ng)}
.hs-cta{display:flex;align-items:center;gap:3px;flex-shrink:0;color:var(--t3);font-size:11px;font-weight:700}
.hs-cta svg{display:block}
.home-next .ns-ic{color:var(--accent);flex-shrink:0;display:flex;align-items:center}
.home-next .ns-ic svg{display:block}
.home-next.is-none .ns-ic{color:var(--t3)}
.home-next.is-none .hs-val{color:var(--t2)}
.theme-seg{display:flex;background:var(--bg3);border-radius:9px;padding:3px;gap:3px}
.theme-seg-btn{padding:8px 14px;border:none;border-radius:7px;background:transparent;color:var(--t2);font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:.15s}
.theme-seg-btn.active{background:linear-gradient(160deg,#9cd3e2,#5aa6bd);color:#0b1418}
/* ===== v3.15.9 ダーク調整: ②ホームカード立体感(stats同等) ③盾=緑 ④本日の現場ピン=赤 (全て body:not(.light)=ダーク限定・ライト不変) ===== */
body:not(.light) .home-mini,body:not(.light) .home-status{background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.016));backdrop-filter:blur(14px) saturate(120%);box-shadow:0 16px 38px -24px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.09);position:relative;overflow:hidden}
body:not(.light) .home-mini::before,body:not(.light) .home-status::before{content:"";position:absolute;top:0;left:14%;right:14%;height:2px;background:linear-gradient(90deg,transparent,rgba(111,182,204,.6),transparent)}
body:not(.light) .home-btn.order .home-btn-icon{color:#10b981}
body:not(.light) .home-compact-row .home-mini:first-child .home-mini-ic{color:#ef4444}
/* ===== v3.16.0 バッチ①: 手配カードのガラス化 / 天気絵文字チップ / 現場タブ+ボタン (手配・天気はbody:not(.light)=ダーク限定/ライト不変・+ボタンは両モード) ===== */
body:not(.light) .home-btn.order{background:radial-gradient(ellipse at 50% -12%,rgba(111,182,204,.24),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));color:var(--t1);border:1px solid rgba(111,182,204,.34);box-shadow:0 22px 46px -26px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.09),0 0 42px -14px rgba(111,182,204,.26);backdrop-filter:blur(16px) saturate(120%)}
body:not(.light) .home-btn.order .home-btn-sub{color:var(--accent)}
.site-tab-add{font-size:15px;font-weight:700;line-height:1;color:var(--t3);background:var(--bg3);background-clip:padding-box;border:1px solid var(--border);border-bottom:1px solid transparent;border-radius:8px 8px 0 0;padding:5px 11px;margin-left:3px;cursor:pointer;font-family:inherit;flex-shrink:0;position:relative}
.site-tab-add:active{transform:scale(.94)}
/* ===== v3.16.1 配置累計: 数字=白 / 月別バー=緑 (body:not(.light)=ダーク限定・ライト不変) ===== */
body:not(.light) .stats-big-num{color:#ffffff}
body:not(.light) .sc-trend-bar{background:linear-gradient(160deg,#6ee7b7,#10b981);box-shadow:0 0 8px rgba(16,185,129,.38)}
body:not(.light) .sc-trend-col.is-cur .sc-trend-bar{background:linear-gradient(160deg,#a7f3d0,#34d399);box-shadow:0 0 12px rgba(16,185,129,.55)}
body:not(.light) .sc-trend-col.is-cur .sc-trend-val{color:#34d399}
body:not(.light) .sc-trend-col.is-cur .sc-trend-label{color:#34d399}
/* ===== v3.16.2 カレンダー: 日付セルの立体感・区切り (body:not(.light)=ダーク限定・ライト不変・状態は:notで保護) ===== */
body:not(.light) .cal-day:not(.empty):not(.past):not(.selected):not(.range-start):not(.range-end):not(.in-range){background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 6px -2px rgba(0,0,0,.5)}
body:not(.light) .cal-day:not(.empty):not(.past):not(.selected):not(.today):not(.has-booking):not(.range-start):not(.range-end):not(.in-range){border:1px solid rgba(255,255,255,.09)}
body:not(.light) .cal-day.past{background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.04);box-shadow:none}
/* ===== v3.16.7 期間選択の視認性: 塗りつぶし廃止→薄ティント+下辺アクセントライン+両端角丸(body:not(.light)=ダーク限定・ライト不変) ===== */
body:not(.light) .cal-day.in-range,body:not(.light) .cal-day.range-start,body:not(.light) .cal-day.range-end{background:rgba(111,182,204,.14);color:var(--t1)}
body:not(.light) .cal-day.range-start{border-radius:10px 3px 3px 10px}
body:not(.light) .cal-day.range-end{border-radius:3px 10px 10px 3px}
body:not(.light) .cal-day.range-start.range-end{border-radius:10px}
body:not(.light) .cal-day.in-range::after,body:not(.light) .cal-day.range-start::after,body:not(.light) .cal-day.range-end::after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:3px;border-radius:2px;background:linear-gradient(90deg,#6fb6cc,#5aa6bd)}
/* ===== v3.16.9 カレンダー ヘッダー再構成: 1日/期間トグル+ヒントをヘッダー右上へ・副題削除・セル拡大(両モード) ===== */
.cal-head-tools{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.cal-app-header .cal-mode-btn{padding:5px 13px}
.cal-app-header{align-items:flex-start}
.cal-app-header .h-back{margin-top:2px}
.cal-app-header .h-info{margin-top:7px}
/* ===== v3.18.13 ダーク表示でプルダウン（select）を開いたときの一覧を暗い地＋明るい文字にそろえる（MANABU「365もなおして」10/14＝統計の［締め日］は地がほぼ透明で、Windows の Chrome では開いた一覧が白地になり白系の文字が読めなかった）。body:not(.light)＝ダーク限定・ライト不変 ===== */
body:not(.light) select{color-scheme:dark}
body:not(.light) select option,body:not(.light) select optgroup{background-color:var(--bg2);color:var(--t1)}
body:not(.light) select option:disabled{color:var(--t2)}
/* ===== v3.15.7 ライトモード(昼間・白×シアン) 標準はダーク。全て body.light 配下=ダーク不変 ===== */
body.light{--bg:#e9eef2;--bg2:#ffffff;--bg3:#eef2f6;--bg4:#dde5ec;--t1:#0f1a24;--t2:#48586a;--t3:#71828f;--t4:#9aa8b3;--border:rgba(15,26,36,.12);--shadow:0 1px 2px rgba(23,42,58,.06),0 6px 16px rgba(23,42,58,.07);--shadow-lg:0 8px 20px rgba(23,42,58,.12),0 20px 44px rgba(23,42,58,.10);--accent:#127a99;--accent2:#0f6d8a;--accent-soft:rgba(18,122,153,.10);--accent-mid:rgba(18,122,153,.20)}
body.light{background:#dbe3ea}
body.light .phone{background-color:#e9eef2;background-image:linear-gradient(rgba(18,122,153,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,122,153,.05) 1px,transparent 1px);background-size:46px 46px,46px 46px;border-color:rgba(18,122,153,.18)}
body.light .statusbar{background:rgba(233,238,242,.6)}
body.light .app-header{background:rgba(255,255,255,.66)}
body.light .tabbar{background:rgba(255,255,255,.82)}
body.light .home-mini,body.light .greeting-weather,body.light .greeting-site,body.light .stats-card,body.light .stats-setting,body.light .home-status{background:#ffffff;border-color:rgba(15,26,36,.10);box-shadow:var(--shadow);backdrop-filter:none}
body.light .site-tab{background:#eef2f6;border-color:rgba(15,26,36,.10);color:var(--t2)}
body.light .site-tab.active{background:rgba(18,122,153,.12);color:var(--accent);border-color:rgba(18,122,153,.32)}
body.light .stats-price-input,body.light .stats-closing-select{background:#f1f4f7;color:var(--t1)}
body.light .h-back,body.light .h-home-btn{background:#eef2f6;color:var(--t2)}
body.light .cal-mode-toggle{background:#e7edf2}
body.light .cal-nav{background:#f1f4f7}
body.light .cal-legend2{border-color:rgba(18,122,153,.40);background:rgba(18,122,153,.08)}
body.light .cal-hint-pop{background:rgba(255,255,255,.92);border-color:rgba(15,26,36,.16);box-shadow:0 4px 14px rgba(15,26,36,.16)}
body.light .cal-day{background:#ffffff;border:1px solid rgba(15,26,36,.06)}
body.light .cal-day.past{background:#eef1f4}
body.light .cal-day.selected,body.light .cal-day.range-start,body.light .cal-day.range-end{background:var(--accent);color:#ffffff}
body.light .cal-day.selected .cal-count,body.light .cal-day.selected .cal-avail{color:#ffffff}
/* v3.18.3 365-5: body.light .cal-day（0,2,1）が .cal-day.empty/.today/.has-booking/.in-range（0,2,0）を上書きしていた → 同格以上の指定で復元 */
body.light .cal-day.empty{background:none;border:none;box-shadow:none}
body.light .cal-day.in-range{background:rgba(111,182,204,.18)}
body.light .cal-day.today{border:2px solid var(--accent)}
body.light .cal-day.has-booking{border:2px solid var(--ok)}
body.light .cal-day.past.has-booking{border:1px solid var(--border)}
body.light .sc-chip{background:#eef2f6;color:var(--t2)}
body.light .set-collapse-bar{background:#f1f4f7;color:var(--t2)}
body.light .home-badge{background:rgba(18,122,153,.12);color:var(--accent)}
body.light .stats-card::before{background:linear-gradient(90deg,transparent,rgba(18,122,153,.35),transparent)}
body.light .home-btn.order{background:linear-gradient(160deg,#7ec6dc,#4a9fbb);color:#062430;box-shadow:0 12px 26px -16px rgba(18,122,153,.45),inset 0 1px 0 rgba(255,255,255,.4)}
body.light #toast{background:#0f1a24;color:#fff}
body.light .sc-chip .n{color:#0f6d8a}
body.light .login-title{color:var(--t1)}
body.light .dlg-card{background:#ffffff}
</style>
<style id="jg-mobile">
/* ═══ v3.17.0: 実機スマホでの全画面化（365 発注者アプリ） ═══════════════════════
   これまで .phone は 375×812 の「スマホ模型」を画面中央に浮かべる作りで、
   レスポンシブ指定が1本も無かった。そのため実機スマホやホーム画面から起動すると
   「スマホの中にスマホの枠」＋「偽のステータスバー（固定時刻・電波・電池）」が出ていた。
   デスクトップ幅では模型のまま＝営業デモの見た目は不変。
   偽ステータスバーは display:none にせず、iOSのノッチ用の余白（safe-area）に転用する。 */
@media (max-width:480px){
  body{padding:0!important;display:block!important}
  body.light{background:#f8fafc!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.17.0: Service Worker をこのページ自身で登録する（365 発注者アプリ）。
   これまで登録は 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}
body.light .jgpw-err{color:#b91c1c}
body.light .jgpw-ok{color:#065f46}
.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>
<script>try{if((localStorage.getItem('ksg365_theme')||'dark')==='light')document.body.classList.add('light');}catch(e){}</script>
<!-- v3.11.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>
window.__IS_DEMO__ = /(^|--)thunderous-dragon-7dea63\.netlify\.app$/.test(location.host); /* v3.609／v3.18.23 (DEC-780): デモの最新版の URL main--thunderous-… とプレビュー（deploy-preview-N--thunderous-…）もデモと判定する。旧＝完全一致 */
if (!window.__IS_DEMO__) { var __b = document.getElementById('__demo_badge__'); if (__b) __b.remove(); }
window.addEventListener('DOMContentLoaded',function(){ if(!window.__IS_DEMO__){ var __d=document.getElementById('login-demo-hint'); if(__d)__d.remove(); } }); /* v3.16.36: デモ認証情報は本番非表示 */
</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>
  <div class="statusbar">
    <span class="sb-time" id="clock">09: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="currentColor"/><rect x="4.5" y="2" width="3" height="9" rx="1" fill="currentColor"/><rect x="9" y="0" width="3" height="11" rx="1" fill="currentColor"/><rect x="13.5" y="0" width="2.5" height="11" rx="1" fill="currentColor" fill-opacity=".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="currentColor"/><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="currentColor"/><circle cx="7" cy="10" r="1.5" fill="currentColor"/></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="currentColor" stroke-opacity=".5"/><rect x="2" y="2" width="17" height="8" rx="2" fill="currentColor"/><path d="M23 4.5V7.5C23.8 7.2 24.5 6.7 24.5 6S23.8 4.8 23 4.5Z" fill="currentColor" fill-opacity=".5"/></svg>
    </div>
  </div>
  <div class="app">
    <div class="screen active" id="scr-login">
      <div class="login-wrap">
        <img class="login-logo" src="/icons/pk365/icon-192.png" alt="" width="64" height="64">
        <div class="login-title">ポケットケイビ365</div>
        <div class="login-sub">警備会社への警備の依頼を、スマホから出すための画面です。警備会社から届いたログインIDでログインしてください。</div>
        <div class="login-field"><div class="login-label">ログインID</div><input class="login-input" id="login-id" placeholder="例 abc-c001@guard.j-guard.jp" autocapitalize="none" autocorrect="off" spellcheck="false" autocomplete="username" inputmode="email"></div><!-- v3.18.5: 見出しを「ログインID」へ（ISS-68 前半の自動採番ID） -->
        <div class="login-field"><div class="login-label">パスワード</div><input class="login-input" id="login-pw" type="password" placeholder="••••••••" onkeydown="if(event.key==='Enter')doLogin()"></div>
        <button class="login-btn" onclick="doLogin()">ログイン</button>
        <!-- v3.450 §PW: 自分でメールを送る導線は作らない（発注者4名中3名が受信できないアドレス）。
             警備会社のご担当者が母艦から再設定リンクを発行する運用（DEC-532）を案内する。 -->
        <div class="jgpw-hint">パスワードが分からないときは、警備会社のご担当者に「パスワードの再設定」をお申し出ください。</div>
        <div class="login-demo" id="login-demo-hint">デモ: <span onclick="demoLogin()">yamada@example.jp</span>（パスワードは担当者へ）</div><!-- v3.18.4 DEC-661: デモの発注者を碧洲名へ（旧 yamada@yamada-kensetsu.co.jp） -->
      </div>
    </div>
    <div class="screen" id="scr-home">
      <div class="home-header">
        <span class="home-logo">ポケットケイビ365 <span class="home-badge">発注者</span></span>
      </div>
      <div class="greeting">
        <div class="greeting-left">
          <div class="greeting-sub" id="greeting-time">おはようございます</div>
          <div class="greeting-company" id="greeting-company">—</div>
          <div class="greeting-name" id="greeting-name">田村 義信さん</div>
          <div class="greeting-email" id="greeting-email"></div>
        </div>
        <button class="notif-bell" id="notif-bell" onclick="goScreen('notif')" 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" id="notif-badge">0</span>
          </button>
        <div class="greeting-weather" id="greeting-weather">
          <span class="gw-icon" id="gw-icon">—</span>
          <div class="gw-temp" id="gw-temp">—</div>
          <div class="gw-wind" id="gw-wind"></div>
          <div class="gw-source" id="gw-source"></div>
        </div>
      </div>
      <div class="greeting-site-wrap">
        <div class="site-tab-bar" id="site-tabs">
          <div class="site-tab active" id="site-tab-skel" style="pointer-events:none;color:var(--t3)">読み込み中…</div><!-- v3.16.30: 直書きデモタブ撤去=実契約ロード後にrebuildSiteTabsが置換 -->
        </div>
        <div class="greeting-site" id="greeting-site">
          <span class="gs-icon"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 21V5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v16"/><path d="M15 9h4a1 1 0 0 1 1 1v11"/><path d="M8 8h.01M11 8h.01M8 12h.01M11 12h.01M8 16h.01M11 16h.01"/><path d="M3 21h18"/></svg></span>
          <div class="gs-info">
            <div class="gs-name" id="gs-name">—</div>
            <div class="gs-addr" id="gs-addr">—</div>
          </div>
          <span class="gs-prov no-money" id="gs-prov" style="display:none">単価 仮</span>
        </div>
      </div>
      <div class="home-divider"></div>
      <div class="home-buttons">
        <button class="home-btn order" onclick="goScreen('calendar')"><span class="home-btn-icon"><svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l7 3v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V6l7-3Z"/><path d="m9 12 2 2 4-4"/></svg></span><span class="home-btn-label">警備員手配</span><span class="home-btn-sub">カレンダーから日程を選んで依頼</span></button>
        <div class="home-compact-row">
          <button class="home-mini" onclick="switchSite(curSiteIdx);goScreen('today')"><span class="home-mini-ic"><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="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.8"/></svg></span><span class="home-mini-label">本日の現場</span><span class="home-mini-sub" id="today-btn-site">—</span></button>
          <button class="home-mini" id="push-mini" onclick="togglePush()"><span class="home-mini-ic"><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="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"/><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"/><circle cx="12" cy="12" r="2" fill="currentColor" stroke="none"/><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"/><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"/></svg></span><span class="home-mini-label">プッシュ通知</span><span class="home-mini-sub" id="push-toggle-btn">通知を受け取る</span></button>
        </div>
        <!-- v3.15.4 本日の状況 ライブ帯 (下階層=勤怠を前面化) -->
        <button class="home-status" id="home-status-band" onclick="switchSite(curSiteIdx);goScreen('today')">
          <span class="hs-dot" id="hs-dot"></span>
          <span class="hs-body"><span class="hs-label">本日の状況</span><span class="hs-val" id="hs-val">確認中…</span></span>
          <span class="hs-cta"><span>現場を見る</span><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg></span>
        </button>
        <!-- v3.15.5 次の配置予定 帯 (未来の予約を前面化=発注導線) -->
        <button class="home-status home-next" id="next-sched-band" onclick="jgNextSchedTap()"><!-- v3.18.20: 予約があれば予約一覧・無ければカレンダー -->
          <span class="ns-ic" id="ns-ic"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4.5" width="18" height="16" rx="2.5"/><path d="M3 9h18M8 2.5v4M16 2.5v4"/></svg></span>
          <span class="hs-body"><span class="hs-label">次の配置予定</span><span class="hs-val" id="ns-val">確認中…</span></span>
          <span class="hs-cta"><span id="ns-cta-label">予約一覧</span><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg></span>
        </button>
      </div>
    </div>
    <div class="screen" id="scr-calendar">
      <div class="app-header cal-app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">警備員手配</div></div><div class="cal-head-tools"><div class="cal-mode-toggle"><button class="cal-mode-btn active" id="mode-single" onclick="setCalMode('single')">1日</button><button class="cal-mode-btn" id="mode-range" onclick="setCalMode('range')">期間</button></div></div></div>
      <div class="cal-site-tabs" id="cal-site-tabs"></div><!-- v3.16.33: タブを枠上へ移設=枠と一体化 -->
      <div class="cal-frame" id="cal-frame"><!-- v3.16.29: 現場色の囲み=月タイトル〜日付マス -->
      <div class="cal-range-info" id="cal-range-info" style="display:none">
        <span class="cal-range-tag" id="range-start-label" onclick="resetRangeStart()">開始日: —</span>
        <span class="cal-range-arrow">→</span>
        <span class="cal-range-tag" id="range-end-label" onclick="resetRangeEnd()">終了日: —</span>
        <span class="cal-range-days" id="range-days"></span>
        <button class="cal-range-reset" id="cal-range-reset" onclick="resetRange()">✕</button>
      </div>
      <div class="cal-month"><button class="cal-nav" onclick="changeMonth(-1)">‹</button><div class="cal-month-label" id="cal-label">2026年4月</div><button class="cal-nav" onclick="changeMonth(1)">›</button></div>
      <div class="cal-weekdays"><div class="cal-wd" style="color:var(--ng)">日</div><div class="cal-wd">月</div><div class="cal-wd">火</div><div class="cal-wd">水</div><div class="cal-wd">木</div><div class="cal-wd">金</div><div class="cal-wd" style="color:var(--info)">土</div></div>
      <div class="cal-grid" id="cal-grid"></div>
      <div class="cal-hint-pop" id="cal-hint-pop" style="display:none"></div>
      </div><!-- /cal-frame v3.16.29 -->
            <div class="cal-legend2">
        <div class="cl-row"><!-- v3.18.4 DEC-659: 実データで復活（v3.18.3 で非表示） --><span class="cl-lbl">空き状況</span><span class="it" style="color:var(--ok)">◎ 余裕</span><span class="it" style="color:var(--info)">○ 空有</span><span class="it" style="color:var(--warn)">△ 残少</span><span class="it" style="color:var(--ng)">× 満員</span></div>
        <div class="cl-row"><span class="cl-lbl"></span><span class="it"><span class="sqr" style="border-color:var(--ok)"></span>予約済</span><span class="it"><span class="sqr"></span>本日</span></div>
      </div>
      <button class="cal-reslist-btn" onclick="goScreen('reservations')"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6h13M8 12h13M8 18h13"/><path d="M3 6h.01M3 12h.01M3 18h.01"/></svg><span>予約一覧（変更・キャンセル）</span></button>
      <button class="cal-range-submit" id="cal-range-submit" style="display:none" onclick="submitRange()">この期間で手配 →</button>
    </div>
    <div class="screen" id="scr-booking">
      <div class="app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">手配内容入力</div><div class="h-sub">日時・人数・場所を入力</div></div><span class="book-site-chip" id="book-site-chip" style="display:none">📍 —</span></div>
      <div class="form-card">
        <div class="form-title">📅 <span id="booking-date">—</span></div>
        <div class="form-section"><div class="form-label">天気予報</div><div style="font-size:13px;font-weight:700" id="booking-weather">—</div></div>
        <div class="form-section"><div class="form-label">必要人数</div><div class="num-selector"><button class="num-btn" onclick="changeNum(-1)">−</button><div class="num-val" id="o-num">2</div><button class="num-btn" onclick="changeNum(1)">+</button></div></div>
        <div class="form-row"><div class="form-section"><div class="form-label">開始時間</div><select class="form-input" id="o-start"><option>06:00</option><option>06:30</option><option selected>07:00</option><option>07:30</option><option>08:00</option><option>08:30</option><option>09:00</option></select></div><div class="form-section"><div class="form-label">終了時間</div><select class="form-input" id="o-end"><option>16:00</option><option>16:30</option><option selected>17:00</option><option>17:30</option><option>18:00</option><option>19:00</option><option>20:00</option></select></div></div>
        <div class="form-section"><div class="form-label">現場場所</div><div class="form-gps"><span>📍</span><span id="gps-location">警備会社に登録の住所</span></div><!-- v3.18.20: 端末の位置は使わない --><input class="form-input" style="margin-top:8px" id="o-address" placeholder="住所を入力または修正..." oninput="_jgAddrBadge()"></div>
        <div class="form-section"><div class="form-label">備考（任意）</div><input class="form-input" id="o-note" placeholder="資格要件・特記事項など"></div>
      </div>
      <div class="form-actions"><button class="btn-primary" onclick="goToConfirm()">予約内容を確認 →</button></div>
    </div>
    <div class="screen" id="scr-confirm">
      <div class="app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">予約内容確認</div><div class="h-sub">内容を確認して確定</div></div></div>
      <div class="confirm-card">
        <div class="confirm-title">予約内容確認</div>
        <div class="confirm-row"><span class="confirm-label">現場</span><span class="confirm-val" id="c-site">—</span></div>
        <div class="confirm-row"><span class="confirm-label">日付</span><span class="confirm-val" id="c-date">—</span></div>
        <div class="confirm-row" id="c-waitlist-row" style="display:none"><span class="confirm-label" style="color:#ef4444">キャンセル待ち</span><span class="confirm-val" id="c-waitlist" style="color:#ef4444"></span></div>
        <div class="confirm-row"><span class="confirm-label">天気</span><span class="confirm-val" id="c-weather">—</span></div>
        <div class="confirm-row"><span class="confirm-label">人数</span><span class="confirm-val" id="c-num">—</span></div>
        <div class="confirm-row"><span class="confirm-label">時間</span><span class="confirm-val" id="c-time">—</span></div>
        <div class="confirm-row"><span class="confirm-label">場所</span><span class="confirm-val" id="c-address">—</span></div>
        <div class="confirm-row" id="c-note-row" style="display:none"><span class="confirm-label">備考</span><span class="confirm-val" id="c-note"></span></div>
      </div>
      <div class="confirm-avail-note" style="margin:10px 22px 0;font-size:11px;line-height:1.6;color:var(--t3)">※ 空き状況（◎○△×）は目安です。手配の可否は警備会社が確認して確定します。</div><!-- v3.18.4 DEC-659 -->
      <div class="confirm-actions"><button class="btn-primary" onclick="confirmBooking()">この内容で確定する</button><button class="btn-secondary" onclick="goScreen('booking')">← 修正する</button></div>
    </div>
    <div class="screen" id="scr-complete">
      <div class="complete-wrap">
        <div class="complete-icon">✅</div>
        <div class="complete-title">予約が完了しました</div>
        <div class="complete-sub">警備会社が配置を確定次第、<br>通知でお知らせします。</div>
        <div class="complete-id" id="complete-id">—</div>
        <button class="btn-primary" style="max-width:260px" onclick="goScreen('home')">ホームに戻る</button>
        <button class="btn-secondary" id="complete-res-btn" style="max-width:260px" onclick="jgOpenResFromComplete()">予約一覧を見る</button><!-- v3.18.20 -->
      </div>
    </div>
    <div class="screen" id="scr-today">
      <div class="app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">本日の現場</div><div class="h-sub">リアルタイム位置情報</div></div></div>
      <div class="today-header">
        <div class="today-site" id="today-site-name">—</div>
        <div class="today-meta">—</div>
        <div class="today-countdown" id="today-status">—</div>
      </div>
      <div class="map-area" onclick="openMapFull()">
        <iframe id="today-map" class="map-iframe" src="https://maps.google.com/maps?q=35.6812,139.7671&z=16&output=embed" loading="lazy" allowfullscreen></iframe>
        <div class="map-overlay">
        </div>
        <button type="button" class="map-full-btn" onclick="event.stopPropagation();openMapFull()" aria-label="地図を全画面で表示" title="地図を全画面で表示">⛶</button><!-- v3.18.3 365-3 -->
      </div>
      <div class="guard-list-title"><span>配置警備員（0名）</span><span style="font-size:10px;color:var(--t4)">下番後15分でGPS非表示</span></div>
      <div class="guard-scroll">
        <div id="guard-scroll-empty" style="padding:22px 12px;text-align:center;font-size:12px;color:var(--t3)">本日の配置はありません</div>
      </div>
    </div>
    <div class="map-fullscreen" id="map-fullscreen">
      <button class="map-fullscreen-close" onclick="closeMapFull()">✕</button>
      <iframe id="map-full-iframe" src="" allowfullscreen></iframe>
    </div>

    <!-- ══ NOTIFICATIONS ══ -->
    <div class="screen" id="scr-notif">
      <div class="app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">通知</div><div class="h-sub">手配結果のお知らせ</div></div></div>
      <div class="notif-body" id="notif-list">
        <div class="notif-empty" id="notif-empty">通知はありません</div>
      </div>
    </div>

    <!-- ══ STATS ══ -->
    <div class="screen" id="scr-reservations">
      <div class="app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">予約一覧</div><div class="h-sub">予約の変更・キャンセル</div></div></div>
      <div class="res-site-head"><span class="res-site-ic"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 21V5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v16"/><path d="M15 9h4a1 1 0 0 1 1 1v11"/><path d="M8 8h.01M11 8h.01M8 12h.01M11 12h.01M8 16h.01M11 16h.01"/><path d="M3 21h18"/></svg></span><span id="res-site-name">—</span></div>
      <div class="res-body" id="res-list"></div>
      <div class="res-empty" id="res-empty" style="display:none"><div class="res-empty-ic"><svg viewBox="0 0 24 24" width="42" height="42" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3.5" y="4.5" width="17" height="16" rx="2"/><path d="M3.5 9h17M8 3v3M16 3v3"/><path d="M12 12.5v4M10 14.5h4"/></svg></div><div class="res-empty-t">まだ予約がありません</div><div class="res-empty-s">カレンダーから警備員を手配できます</div><button class="res-empty-btn" onclick="goScreen('calendar')"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg>手配する</button></div>
    </div>
    <div class="screen" id="scr-stats">
      <div class="app-header"><button class="h-back show" onclick="goScreen('home')">←</button><div class="h-info"><div class="h-title">配置累計</div><div class="h-sub">警備員配置数</div></div><button class="h-home-btn" onclick="goScreen('home')"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10.6 12 3l9 7.6"/><path d="M5 9.7V20a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.7"/><path d="M9.5 21v-6.5h5V21"/></svg></button></div>
      <div class="stats-body">

        <!-- 今月の配置 -->
        <div class="stats-card" style="cursor:pointer" onclick="goScreen('month-detail')">
          <div style="display:flex;align-items:center;justify-content:space-between">
            <div style="display:flex;align-items:center;gap:8px">
              <span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3.5" y="4.5" width="17" height="16" rx="2"/><path d="M3.5 9h17M8 3v3M16 3v3"/></svg></span>
              <span class="stats-card-title">今月の配置総数</span>
            </div>
            <span style="font-size:18px;color:var(--t3)">›</span>
          </div>
          <div class="stats-main-row">
            <div class="stats-big-num" id="stats-month-count">0</div>
            <div class="stats-unit">人日</div>
          </div>
          <div class="sc-cost no-money">今月の費用　<b id="sc-month-cost">¥—</b></div>
          <div class="sc-chips"><span class="sc-chip"><span class="d" id="sc-chip-day">日勤 0</span></span><span class="sc-chip"><span class="n" id="sc-chip-night">夜勤 0</span></span><span class="sc-chip" id="sc-chip-ot">残業 0h</span></div>
          <div class="sc-budset" id="sc-month-budset" style="display:none">＋ 月間予算を設定すると、進捗バーが出ます</div>
          <div class="sc-budbar-wrap" id="sc-month-budbar-wrap" style="display:none"><div class="sc-budbar"><div class="sc-budbar-fill" id="sc-month-budbar-fill" style="width:0%"></div></div><div class="sc-budbar-cap"><span id="sc-month-budbar-l">実績 0人日</span><span id="sc-month-budbar-r">予算 0人日</span></div></div>
        </div>

        <!-- 工事累計 -->
        <div class="stats-card" style="cursor:pointer" onclick="goScreen('total-detail')">
          <div style="display:flex;align-items:center;justify-content:space-between">
            <div style="display:flex;align-items:center;gap:8px">
              <span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 21V5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v16"/><path d="M15 9h4a1 1 0 0 1 1 1v11"/><path d="M8 8h.01M11 8h.01M8 12h.01M11 12h.01M8 16h.01M11 16h.01"/><path d="M3 21h18"/></svg></span>
              <span class="stats-card-title">この工事の累計配置総数</span>
            </div>
            <span style="font-size:18px;color:var(--t3)">›</span>
          </div>
          <div class="stats-main-row">
            <div class="stats-big-num" id="stats-total-count">0</div>
            <div class="stats-unit">人日</div>
          </div>
          <div class="sc-cost"><span class="no-money">累計費用　<b id="sc-total-cost">¥—</b></span><span id="sc-total-sub" style="font-size:10px;color:var(--t3)"></span></div>
        </div>

        <!-- 月別推移 (v3.15.3 実データ月次) -->
        <div class="stats-card">
          <div class="stats-card-header"><span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="20" x2="6" y2="12"/><line x1="12" y1="20" x2="12" y2="5"/><line x1="18" y1="20" x2="18" y2="9"/><line x1="3" y1="20.5" x2="21" y2="20.5"/></svg></span><span class="stats-card-title">月別の配置推移</span></div>
          <div class="sc-trend-sub">直近6ヶ月の配置人日（この工事）</div>
          <div class="sc-trend" id="sc-trend-chart"><div class="sc-trend-empty">読み込み中…</div></div>
        </div>
      </div>
    </div>


    <!-- ══ MONTH DETAIL ══ -->
    <div class="screen" id="scr-month-detail">
      <div class="app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">今月の配置詳細</div><div class="h-sub">配置内訳・予算</div></div><button class="h-home-btn" onclick="printScreen('scr-month-detail')" title="印刷"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9V3h12v6"/><path d="M6 18H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="7" rx="1"/></svg></button></div>
      <div class="stats-body">
        <div class="stats-card">
          <div class="stats-card-header"><span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3.5" y="4.5" width="17" height="16" rx="2"/><path d="M3.5 9h17M8 3v3M16 3v3"/></svg></span><span class="stats-card-title">今月の配置総数</span></div>
          <div class="stats-main-row">
            <div class="stats-big-num" id="md-count">0</div>
            <div class="stats-unit">人日</div>
          </div>
          <div class="stats-detail">
            <div class="stats-detail-row"><span>日勤（8h）</span><span id="md-stat-day">0人日</span></div>
            <div class="stats-detail-row"><span>夜勤（8h）</span><span id="md-stat-night">0人日</span></div>
            <div class="stats-detail-row"><span>残業</span><span id="md-stat-ot">0h</span></div>
          </div>
        </div>
        <div class="stats-card no-money">
          <div class="stats-card-header"><span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="6" width="19" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg></span><span class="stats-card-title">今月の費用内訳</span></div>
          <div class="stats-detail">
            <div class="stats-detail-row"><span>日勤費用</span><span style="font-family:var(--m)" id="md-cost-day">—</span></div>
            <div class="stats-detail-row"><span>夜勤費用</span><span style="font-family:var(--m)" id="md-cost-night">—</span></div>
            <div class="stats-detail-row"><span>残業費用</span><span style="font-family:var(--m)" id="md-cost-ot">—</span></div>
            <div class="stats-detail-row" style="border-top:1px solid var(--border);padding-top:6px;margin-top:4px"><span style="font-weight:700;color:var(--t1)">今月費用合計</span><span style="font-weight:700;color:var(--accent);font-family:var(--m)" id="md-cost-total">¥0</span></div>
          </div>
        </div>
        <div class="stats-card">
          <div class="stats-card-header"><span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="20" x2="6" y2="12"/><line x1="12" y1="20" x2="12" y2="5"/><line x1="18" y1="20" x2="18" y2="9"/><line x1="3" y1="20.5" x2="21" y2="20.5"/></svg></span><span class="stats-card-title">今月の予算 vs 実績</span></div>
          <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin:8px 0;text-align:center">
            <div><div style="font-size:9px;color:var(--t3);margin-bottom:4px">予算</div><div style="font-family:var(--m);font-size:15px;font-weight:700;color:var(--t1)" id="md-budget">—</div></div>
            <div style="display:flex;align-items:center;padding:0 8px;font-size:14px;color:var(--t3)">→</div>
            <div><div style="font-size:9px;color:var(--t3);margin-bottom:4px">実績</div><div style="font-family:var(--m);font-size:15px;font-weight:700;color:var(--accent)" id="md-actual">0人日</div></div>
          </div>
          <div id="md-diff" style="background:var(--ok-soft);border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:8px 12px;text-align:center;margin-bottom:8px">
            <span style="font-size:11px;font-weight:700;color:var(--t3)">— 予算未設定（設定タブで登録）</span>
          </div>
          <div class="stats-detail">
            <div class="stats-detail-row"><span></span><span style="font-size:9px;color:var(--t3);width:70px;text-align:right">予算</span><span style="font-size:9px;color:var(--t3);width:70px;text-align:right">実績</span><span style="font-size:9px;color:var(--t3);width:50px;text-align:right">差額</span></div>
            <div class="stats-detail-row"><span>日勤</span><span style="font-family:var(--m);width:70px;text-align:right" id="md-b-day">0人日</span><span style="font-family:var(--m);width:70px;text-align:right" id="md-a-day">0人日</span><span style="font-family:var(--m);width:50px;text-align:right;color:var(--ok)" id="md-d-day">—</span></div>
            <div class="stats-detail-row"><span>夜勤</span><span style="font-family:var(--m);width:70px;text-align:right" id="md-b-night">0人日</span><span style="font-family:var(--m);width:70px;text-align:right" id="md-a-night">0人日</span><span style="font-family:var(--m);width:50px;text-align:right;color:var(--ng)" id="md-d-night">—</span></div>
            <div class="stats-detail-row"><span>残業</span><span style="font-family:var(--m);width:70px;text-align:right" id="md-b-ot">0h</span><span style="font-family:var(--m);width:70px;text-align:right" id="md-a-ot">0h</span><span style="font-family:var(--m);width:50px;text-align:right;color:var(--ng)" id="md-d-ot">—</span></div>
          </div>
        </div>
      </div>
    </div>

    <!-- ══ TOTAL DETAIL ══ -->
    <div class="screen" id="scr-total-detail">
      <div class="app-header"><button class="h-back show" onclick="goBack()">←</button><div class="h-info"><div class="h-title">累計配置詳細</div><div class="h-sub">工事全体の配置・予算</div></div><button class="h-home-btn" onclick="printScreen('scr-total-detail')" title="印刷"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9V3h12v6"/><path d="M6 18H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="7" rx="1"/></svg></button></div>
      <div class="stats-body">
        <div class="stats-card">
          <div class="stats-card-header"><span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 21V5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v16"/><path d="M15 9h4a1 1 0 0 1 1 1v11"/><path d="M8 8h.01M11 8h.01M8 12h.01M11 12h.01M8 16h.01M11 16h.01"/><path d="M3 21h18"/></svg></span><span class="stats-card-title">この工事の累計配置総数</span></div>
          <div class="stats-main-row">
            <div class="stats-big-num" id="td-count">0</div>
            <div class="stats-unit">人日</div>
          </div>
          <div class="stats-detail">
            <div class="stats-detail-row"><span>工期</span><span id="td-start">—</span></div>
            <div class="stats-detail-row"><span>経過月数</span><span id="td-months">—</span></div>
            <div class="stats-detail-row"><span>月平均配置</span><span id="td-avg-count">—</span></div>
          </div>
        </div>
        <div class="stats-card no-money">
          <div class="stats-card-header"><span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="6" width="19" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg></span><span class="stats-card-title">累計費用内訳</span></div>
          <div class="stats-detail">
            <div class="stats-detail-row"><span>日勤累計</span><span style="font-family:var(--m)" id="td-cost-day">—</span></div>
            <div class="stats-detail-row"><span>夜勤累計</span><span style="font-family:var(--m)" id="td-cost-night">—</span></div>
            <div class="stats-detail-row"><span>残業累計</span><span style="font-family:var(--m)" id="td-cost-ot">—</span></div>
            <div class="stats-detail-row" style="border-top:1px solid var(--border);padding-top:6px;margin-top:4px"><span style="font-weight:700;color:var(--t1)">累計費用合計</span><span style="font-weight:700;color:var(--accent);font-family:var(--m)" id="td-cost-total">¥0</span></div>
            <div class="stats-detail-row"><span style="color:var(--t3)">月平均費用</span><span style="font-family:var(--m);color:var(--t1)" id="td-avg-cost">—</span></div>
          </div>
        </div>
        <div class="stats-card">
          <div class="stats-card-header"><span class="stats-card-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="20" x2="6" y2="12"/><line x1="12" y1="20" x2="12" y2="5"/><line x1="18" y1="20" x2="18" y2="9"/><line x1="3" y1="20.5" x2="21" y2="20.5"/></svg></span><span class="stats-card-title">累計予算 vs 実績</span></div>
          <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin:8px 0;text-align:center">
            <div><div style="font-size:9px;color:var(--t3);margin-bottom:4px">予算</div><div style="font-family:var(--m);font-size:15px;font-weight:700;color:var(--t1)" id="td-budget">—</div></div>
            <div style="display:flex;align-items:center;padding:0 8px;font-size:14px;color:var(--t3)">→</div>
            <div><div style="font-size:9px;color:var(--t3);margin-bottom:4px">実績</div><div style="font-family:var(--m);font-size:15px;font-weight:700;color:var(--accent)" id="td-actual">0人日</div></div>
          </div>
          <div id="td-diff" style="background:var(--ok-soft);border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:8px 12px;text-align:center;margin-bottom:8px">
            <span style="font-size:11px;font-weight:700;color:var(--t3)">— 予算未設定（設定タブで登録）</span>
          </div>
          <div class="stats-detail">
            <div class="stats-detail-row"><span></span><span style="font-size:9px;color:var(--t3);width:70px;text-align:right">予算</span><span style="font-size:9px;color:var(--t3);width:70px;text-align:right">実績</span><span style="font-size:9px;color:var(--t3);width:50px;text-align:right">差額</span></div>
            <div class="stats-detail-row"><span>日勤</span><span style="font-family:var(--m);width:70px;text-align:right" id="td-b-day">0人日</span><span style="font-family:var(--m);width:70px;text-align:right" id="td-a-day">0人日</span><span style="font-family:var(--m);width:50px;text-align:right;color:var(--ok)" id="td-d-day">—</span></div>
            <div class="stats-detail-row"><span>夜勤</span><span style="font-family:var(--m);width:70px;text-align:right" id="td-b-night">0人日</span><span style="font-family:var(--m);width:70px;text-align:right" id="td-a-night">0人日</span><span style="font-family:var(--m);width:50px;text-align:right;color:var(--ok)" id="td-d-night">—</span></div>
            <div class="stats-detail-row"><span>残業</span><span style="font-family:var(--m);width:70px;text-align:right" id="td-b-ot">0h</span><span style="font-family:var(--m);width:70px;text-align:right" id="td-a-ot">0h</span><span style="font-family:var(--m);width:50px;text-align:right;color:var(--ng)" id="td-d-ot">—</span></div>
          </div>
        </div>
      </div>
    </div>

    <!-- ══ SETTINGS ══ -->
    <div class="screen" id="scr-settings">
      <div class="app-header"><button class="h-back show" onclick="goScreen('home')">←</button><div class="h-info"><div class="h-title">設定</div><div class="h-sub">予算・締め日・通知</div></div></div>

      <!-- 工事名（固定ヘッダー） -->
      <div style="padding:12px 18px 0;flex-shrink:0">
        <div style="padding:12px 14px;background:linear-gradient(160deg,rgba(111,182,204,.1),rgba(111,182,204,.02));border:1px solid rgba(111,182,204,.4);border-radius:10px;display:flex;align-items:center;gap:10px">
          <span style="font-size:8px;width:8px;height:8px;border-radius:50%;flex-shrink:0" id="set-site-dot"></span>
          <div style="flex:1;min-width:0">
            <div style="font-size:14px;font-weight:900;color:var(--t1)" id="set-site-display">—</div>
            <div style="font-size:10px;color:var(--t3);margin-top:2px" id="set-addr-display">—</div>
          </div>
        </div>
      </div>

      <!-- スクロール可能エリア -->
      <div class="settings-scroll">

        <!-- 表示テーマ (v3.15.7) -->
        <div class="stats-setting" style="margin:12px 18px 0">
          <div class="stats-setting-label">表示テーマ</div>
          <div style="display:flex;align-items:center;gap:12px">
            <div style="flex:1;font-size:11px;color:var(--t3);line-height:1.5">画面の配色を切り替えます<br>（標準：ダーク）</div>
            <div class="theme-seg">
              <button type="button" id="theme-btn-dark" class="theme-seg-btn active" onclick="applyTheme('dark')">ダーク</button>
              <button type="button" id="theme-btn-light" class="theme-seg-btn" onclick="applyTheme('light')">ライト</button>
            </div>
          </div>
        </div>

        <!-- 締め日・集計期間 -->
        <div class="stats-setting" style="margin:12px 18px 0">
          <div class="stats-setting-label">締め日・集計期間</div>
          <div class="stats-setting-row">
            <span class="stats-setting-text">毎月</span>
            <select class="stats-closing-select" id="closing-day2" onchange="saveLocalSettings();updateStats()">
              <option value="31">末日</option>
              <option value="5">5日</option>
              <option value="10">10日</option>
              <option value="15">15日</option>
              <option value="20">20日</option>
              <option value="25">25日</option>
            </select>
            <span class="stats-setting-text">締め</span>
          </div>
          <div class="stats-period" id="stats-period2">集計期間: —</div>
        </div>

        <!-- 契約単価 -->
        <div class="stats-setting sc-contract no-money" style="margin:10px 18px 0">
          <div class="stats-setting-label">契約単価（警備会社の契約マスタで管理）</div>
          <div class="stats-price-grid">
            <div class="stats-price-item"><span class="stats-price-label">日勤単価（契約）</span><div class="stats-price-input-wrap"><span class="stats-yen">¥</span><input class="stats-price-input" id="price-day" type="number" value="0" readonly tabindex="-1" style="opacity:.7;pointer-events:none"></div></div>
            <div class="stats-price-item"><span class="stats-price-label">夜勤単価（契約）</span><div class="stats-price-input-wrap"><span class="stats-yen">¥</span><input class="stats-price-input" id="price-night" type="number" value="0" readonly tabindex="-1" style="opacity:.7;pointer-events:none"></div></div>
            <div class="stats-price-item"><span class="stats-price-label">残業単価（1h・目安）</span><div class="stats-price-input-wrap"><span class="stats-yen">¥</span><input class="stats-price-input" id="price-overtime" type="number" value="0" readonly tabindex="-1" style="opacity:.7;pointer-events:none"></div></div>
          </div>
          <div style="font-size:9px;color:var(--t3);margin-top:6px">単価の変更は警備会社へご連絡ください</div>
          <div id="set-prov-note" style="display:none;font-size:10px;color:var(--warn);margin-top:6px;font-weight:700">⚠ この現場は単価を仮適用中です（警備会社の確認後に確定します）</div>
        </div>

        <!-- 月間警備予算 -->
        <div class="stats-setting" style="margin:10px 18px 0">
          <div class="stats-setting-label">月間警備予算</div>
          <div class="stats-price-grid">
            <div class="stats-price-item"><span class="stats-price-label">日勤（人日/月）</span><div class="stats-price-input-wrap"><input class="stats-price-input" id="budget-month-day" type="number" value="0" onchange="saveLocalSettings();recalcBudget()" style="text-align:center"></div></div>
            <div class="stats-price-item"><span class="stats-price-label">夜勤（人日/月）</span><div class="stats-price-input-wrap"><input class="stats-price-input" id="budget-month-night" type="number" value="0" onchange="saveLocalSettings();recalcBudget()" style="text-align:center"></div></div>
            <div class="stats-price-item"><span class="stats-price-label">残業（h/月）</span><div class="stats-price-input-wrap"><input class="stats-price-input" id="budget-month-ot" type="number" value="0" onchange="saveLocalSettings();recalcBudget()" style="text-align:center"></div></div>
          </div>
          <div style="display:flex;align-items:baseline;justify-content:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)">
            <span style="font-size:11px;color:var(--t3)">月間警備予算合計</span>
            <span style="font-family:var(--m);font-size:18px;font-weight:700;color:var(--accent)" id="budget-month-total">0人日</span>
          </div>
        </div>

        <!-- 累計警備予算 (v3.15.0 折りたたみ) -->
        <div class="set-collapse-bar" onclick="toggleCumBudget()"><span>累計警備予算　<span style="font-weight:400;color:var(--t3);font-size:10px">（あまり触らない項目）</span></span><span class="cv" id="cum-budget-caret">▾ 開く</span></div>
        <div class="stats-setting" id="cum-budget-block" style="margin:0 18px 0;display:none">
          <div class="stats-setting-label">累計警備予算</div>
          <div class="stats-price-grid">
            <div class="stats-price-item"><span class="stats-price-label">日勤（人日）</span><div class="stats-price-input-wrap"><input class="stats-price-input" id="budget-total-day" type="number" value="0" onchange="saveLocalSettings();recalcBudget()" style="text-align:center"></div></div>
            <div class="stats-price-item"><span class="stats-price-label">夜勤（人日）</span><div class="stats-price-input-wrap"><input class="stats-price-input" id="budget-total-night" type="number" value="0" onchange="saveLocalSettings();recalcBudget()" style="text-align:center"></div></div>
            <div class="stats-price-item"><span class="stats-price-label">残業（h）</span><div class="stats-price-input-wrap"><input class="stats-price-input" id="budget-total-ot" type="number" value="0" onchange="saveLocalSettings();recalcBudget()" style="text-align:center"></div></div>
          </div>
          <div style="display:flex;align-items:baseline;justify-content:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)">
            <span style="font-size:11px;color:var(--t3)">累計警備予算合計</span>
            <span style="font-family:var(--m);font-size:18px;font-weight:700;color:var(--accent)" id="budget-total-sum">0人日</span>
          </div>
        </div>

        <!-- v3.450 §PW: 本人によるパスワード変更（DEC-486 裁定3） -->
        <button class="jgpw-entry" onclick="JGPW.openChange(function(){return _session&&_session.token;},refreshToken)"><span style="font-size:14px">🔑</span><span>パスワードを変更</span></button>

        <!-- v3.16.20 ログアウト -->
        <button class="set-logout-btn" onclick="confirmLogout()"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="M16 17l5-5-5-5"/><path d="M21 12H9"/></svg><span>ログアウト</span></button>
      </div>
    </div>

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

  <div class="tabbar" id="tabbar" style="display:none">
    <div class="tab" onclick="showPhoneDialog()" id="tab-phone"><span class="tab-icon" style="font-size:22px;line-height:1"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg></span><span class="tab-label">警備会社に電話</span></div>
    <div class="tab active" onclick="goScreen('home')" id="tab-home"><span class="tab-icon"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10.6 12 3l9 7.6"/><path d="M5 9.7V20a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.7"/><path d="M9.5 21v-6.5h5V21"/></svg></span><span class="tab-label">ホーム</span></div>
    <div class="tab" onclick="goScreen('settings')" id="tab-settings"><span class="tab-icon"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3.2"/><path d="M12 2.6v2.3M12 19.1v2.3M4.3 4.3l1.6 1.6M18.1 18.1l1.6 1.6M2.6 12h2.3M19.1 12h2.3M4.3 19.7l1.6-1.6M18.1 5.9l1.6-1.6"/></svg></span><span class="tab-label">設定</span></div>
    <div class="tab" onclick="goScreen('stats')" id="tab-stats"><span class="tab-icon"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="20" x2="6" y2="12"/><line x1="12" y1="20" x2="12" y2="5"/><line x1="18" y1="20" x2="18" y2="9"/><line x1="3" y1="20.5" x2="21" y2="20.5"/></svg></span><span class="tab-label">配置累計</span></div>
  </div>
  <!-- v3.16.32: カレンダー初回チュートリアル吹き出し -->
  <div class="cal-tut-bubble" id="cal-tut" style="display:none">
    <button class="ct-x" onclick="calTutClose()" aria-label="閉じる">✕</button>
    <div class="ct-text" id="ct-text"></div>
    <div class="ct-actions"><button class="ct-main" id="ct-main" onclick="calTutNext()">次へ →</button></div>
    <button class="ct-never" onclick="calTutNever()">次回から表示しない</button>
  </div>
  <!-- Dialog -->
  <div class="dlg-overlay" id="dlg-overlay" onclick="closeDlg()">
    <div class="dlg-box" onclick="event.stopPropagation()">
      <div class="dlg-icon" id="dlg-icon">⚠️</div>
      <div class="dlg-title" id="dlg-title">タイトル</div>
      <div class="dlg-msg" id="dlg-msg">メッセージ</div>
      <div class="dlg-btns" id="dlg-btns"></div>
      <div class="dlg-note" id="dlg-note"></div>
    </div>
  </div>
  <!-- Phone Dialog -->
  <div class="dlg-overlay" id="phone-overlay" onclick="closePhoneDialog()" style="display:none">
    <div class="dlg-box" onclick="event.stopPropagation()">
      <div class="dlg-icon">📞</div>
      <div class="dlg-title">警備会社に電話</div>
      <div class="dlg-msg" style="text-align:left;margin-bottom:0">
        <div style="font-size:11px;color:var(--t3);margin-bottom:10px" id="pd-company">契約警備会社</div>
        <div style="display:flex;flex-direction:column;gap:8px" id="phone-list">
        </div>
        <div style="margin-top:12px;padding-top:12px;border-top:1px solid var(--border)">
          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px">
            <div style="font-size:11px;font-weight:700;color:var(--t3)">その他の連絡先</div>
            <button onclick="toggleAddContact()" id="add-contact-btn" style="font-size:10px;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;font-family:var(--f)">＋ 追加</button>
          </div>
          <div id="add-contact-form" style="display:none;margin-bottom:10px;padding:10px;background:var(--bg);border-radius:10px;border:1px solid var(--border)">
            <input type="text" id="contact-name" placeholder="相手先名（例: 〇〇建設 現場事務所）" style="width:100%;padding:8px 10px;background:var(--bg2);border:1px solid var(--bg4);border-radius:6px;font-size:12px;font-family:var(--f);color:var(--t1);outline:none;margin-bottom:6px">
            <div style="display:flex;gap:6px">
              <input type="tel" id="contact-phone" placeholder="電話番号" style="flex:1;padding:8px 10px;background:var(--bg2);border:1px solid var(--bg4);border-radius:6px;font-size:13px;font-family:var(--m);color:var(--t1);outline:none" oninput="this.value=this.value.replace(/[^0-9\-]/g,'')">
              <button onclick="addContact()" style="padding:8px 14px;background:var(--ok);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;font-family:var(--f);cursor:pointer;flex-shrink:0">保存</button>
            </div>
          </div>
          <div id="custom-contacts"></div>
        </div>
      </div>
      <div class="dlg-btns" style="margin-top:16px">
        <button class="dlg-btn dlg-btn-cancel" onclick="closePhoneDialog()">閉じる</button>
      </div>
    </div>
  </div>
</div>
<div id="toast"></div>
<script>
const API='https://atom-keibi-backend-production-c336.up.railway.app';
/* v3.13.0 R1-4: XSS対策 共有HTMLエスケープヘルパ (DEC-72枠承認) */
const escapeHtml = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
/* ══════════════════════════════════════════════════════════════════════════
   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 = 'ポケットケイビ365';
  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
  };
})();

function updateClock(){const n=new Date();document.getElementById('clock').textContent=n.toLocaleTimeString('ja-JP',{hour:'2-digit',minute:'2-digit',hour12:false})}
updateClock();setInterval(updateClock,30000);
let currentScreen='login';const navHistory=[];let numGuards=2;
let calYear=new Date().getFullYear(),calMonth=new Date().getMonth();let selectedDate=null;let _session=null;
let calMode='single';let rangeStart=null;let rangeEnd=null;
(function(){if(JGPW.pending)return;/* v3.450 §PW: 再設定リンクから来たときは自動復帰しない */try{const s=localStorage.getItem('ksg_client_session');if(s){_session=JSON.parse(s);setTimeout(afterLogin,0);/* v3.14.0 §11: 同期呼びだと後方のvar未初期化でTypeError→catch握り潰し */}}catch{}})();
/* v3.450 §PW: 母艦が発行した再設定リンクから来たときは、アプリを起動せず
   パスワード設定画面だけを出す（半端にホーム画面を描かない）。 */
JGPW.boot(function(loginId){
  var e=document.getElementById('login-id');
  if(e&&loginId)e.value=loginId;
  try{localStorage.setItem('ksg365_no_autologin','1')}catch(e2){}
  if(typeof goScreen==='function')goScreen('login');
  if(typeof showToast==='function')showToast('✅ パスワードを設定しました。新しいパスワードでログインしてください');
});
/* v3.18.2: デモホスト時の自動ログイン（v3.12.0・yamada の平文PW）は撤去。営業デモは担当者がPWを手入力する（DEC-565 と同型） */
// 空き状況: full=◎, ok=○, few=△, none=× (v3.11.1: 固定日付→相対日付化 = 今日基準で常に3〜4日後に×満員=キャンセル待ち恒久再現)
/* v3.18.4 DEC-659: 空き状況を実データで（GET /api/client_availability＝契約×月・記号の区分だけが返る）。
   取得前・失敗時は ''（記号なし）＝×を誤って出さない。キャッシュ 60 秒（失敗時は 15 秒後に取り直し）。 */
var _AV={},_AV_INFLIGHT={},_AV_TTL=60000;
function _avPad(n){return String(n).padStart(2,'0');}
function _avKeyFor(y,m){var s=CLIENT_SITES[curSiteIdx];var cid=s&&s.contract_id;return cid?(cid+'|'+y+'-'+_avPad(m+1)):null;}
function _avInvalidate(){for(var k in _AV){if(_AV[k])_AV[k].t=0;}} /* 取り直すまでは直前の値を使う（空にすると×を見落とす） */
function _avEnsure(){
  var k=_avKeyFor(calYear,calMonth);if(!k||!(_session&&_session.token))return;
  var c=_AV[k];if(c&&(Date.now()-c.t)<_AV_TTL)return;if(_AV_INFLIGHT[k])return;
  _AV_INFLIGHT[k]=1;var p=k.split('|');
  apiFetch('/api/client_availability?contract_id='+encodeURIComponent(p[0])+'&month='+p[1]).then(function(d){
    var m={};((d&&d.days)||[]).forEach(function(x){if(x&&x.date&&AVAIL_CLASS[x.level])m[x.date]=x.level;});
    _AV[k]={t:Date.now(),days:m};
  }).catch(function(e){console.warn('[availability]',e&&e.message);_AV[k]={t:Date.now()-_AV_TTL+15000,days:(c&&c.days)||{}};
  }).then(function(){delete _AV_INFLIGHT[k];if(_avKeyFor(calYear,calMonth)===k)renderCalendar();});
}
function availFor(y,m,d){var t=new Date();t.setHours(0,0,0,0);var x=new Date(y,m,d);x.setHours(0,0,0,0);if(x<t)return '';var k=_avKeyFor(y,m);var c=k&&_AV[k];if(!c)return '';return c.days[y+'-'+_avPad(m+1)+'-'+_avPad(d)]||'';}
/* v3.18.4: キャンセル待ちの締切＝勤務日の前日 13:00（日本時間）。BE（services/waitlist.js）と同じ式 */
function _wlOpen(y,m,d){return Date.now()<Date.UTC(y,m,d-1,4,0,0);}
const AVAIL_LABEL={full:'◎',ok:'○',few:'△',none:'×'}; /* v3.18.4 DEC-659: 実データで戻す（v3.18.2 以前と同じ記号） */
const AVAIL_CLASS={full:'a-full',ok:'a-ok',few:'a-few',none:'a-none'};
const BOOKED=new Map();
var _jgBookedFor=null; /* v3.18.20: BOOKED を読めた現場（契約 ID）。読めるまでは「次の配置予定」を「予定なし」にしない（独立レビュー 🟡2） */
const MONTHLY=new Map();
/* ══ v3.12.0 §5: 天気実データ (Open-Meteo・キー不要・2号v3.17.0流用) ══ */
let _wx365Cache={};let _wxDaily={};let _myCompany=null; /* v3.18.20: 端末の位置（_devPos）は持たない＝位置の許可を聞かない */
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]};}
/* v3.18.20: 天気の場所＝現場の座標 → 警備会社の本社の座標（GuardHub の Today と同じ決まり）→ ほかの現場の座標 → 東京駅。
   端末の位置は使わない（ログインのたびに位置の許可を聞いていた＝第4回棚卸 第2層 🟡22）。
   mapQ の '35.6812,139.7671' は「座標も住所も無い現場」の地図の仮置き＝現場の座標として扱わない（本社へ進める） */
function _jgOwnCoords(st){
  if(st&&st.gps&&st.gps.lat!=null&&st.gps.lng!=null&&isFinite(+st.gps.lat)&&isFinite(+st.gps.lng))return {lat:+st.gps.lat,lng:+st.gps.lng};
  if(st&&st.mapQ&&st.mapQ!=='35.6812,139.7671'&&/^-?[0-9.]+,-?[0-9.]+$/.test(st.mapQ)){var p=st.mapQ.split(',');return{lat:+p[0],lng:+p[1]};}
  return null;
}
function _jgHqCoords(){
  var c=_myCompany;if(!c||c.hq_lat==null||c.hq_lng==null)return null;
  var la=+c.hq_lat,lo=+c.hq_lng;if(!isFinite(la)||!isFinite(lo)||(la===0&&lo===0))return null;
  return {lat:la,lng:lo};
}
function _siteCoords(st){
  var own=_jgOwnCoords(st);if(own)return own;
  var hq=_jgHqCoords();if(hq)return hq;
  try{for(var i=0;i<(CLIENT_SITES||[]).length;i++){var g=_jgOwnCoords(CLIENT_SITES[i]);if(g)return g;}}catch(e){}
  return {lat:35.6812,lng:139.7671}; /* v3.16.33: 最後は東京駅で代替(天気を必ず表示) */
}
async function _wxFetch(st){
  const co=_siteCoords(st);if(!co)return null;
  const key=co.lat.toFixed(2)+','+co.lng.toFixed(2);const now=Date.now();
  if(_wx365Cache[key]&&now-_wx365Cache[key].t<600000)return _wx365Cache[key].d;
  try{
    const r=await fetch('https://api.open-meteo.com/v1/forecast?latitude='+co.lat+'&longitude='+co.lng+'&current=temperature_2m,wind_speed_10m,weather_code,is_day&daily=weather_code,temperature_2m_max,temperature_2m_min&forecast_days=16&wind_speed_unit=ms&timezone=Asia%2FTokyo');
    if(!r.ok)throw new Error('wx http '+r.status);
    const j=await r.json();_wx365Cache[key]={t:now,d:j};return j;
  }catch(e){console.warn('[wx365]',e.message||e);return null;}
}
var _wxSeq=0; /* v3.18.20（独立レビュー 🟡1）: 最後に頼んだ天気だけを画面に出す（遅れて届いた前の場所の天気で上書きしない） */
async function updateSiteWeather(st){
  const gi=document.getElementById('gw-icon'),gt=document.getElementById('gw-temp'),gw=document.getElementById('gw-wind'),gsrc=document.getElementById('gw-source');
  var _my=++_wxSeq;
  const j=await _wxFetch(st);
  if(_my!==_wxSeq)return;
  if(!j||!j.current||j.current.temperature_2m==null){
    if(gi)gi.textContent='—';if(gt)gt.textContent='—';if(gw)gw.textContent='';if(gsrc)gsrc.textContent='';
    _wxDaily={};return;
  }
  const c=j.current;const info=_wmoInfo(c.weather_code||0,c.is_day!==0);
  if(gi)gi.textContent=info.icon;
  if(gt)gt.textContent=Math.round(c.temperature_2m)+'℃';
  if(gw)gw.textContent='風速 '+Math.round(c.wind_speed_10m||0)+'m/s';
  if(gsrc)gsrc.textContent='Open-Meteo';
  _wxDaily={};const dl=j.daily||{};
  (dl.time||[]).forEach(function(iso,i){
    var p=String(iso).split('-');if(p.length!==3)return;
    var k=(+p[0])+'-'+(+p[1])+'-'+(+p[2]);
    _wxDaily[k]={code:(dl.weather_code||[])[i],tmax:(dl.temperature_2m_max||[])[i],tmin:(dl.temperature_2m_min||[])[i]};
  });
  if(currentScreen==='calendar')renderCalendar();
}
function _wxDailyIcon(y,m,d){var e=_wxDaily[y+'-'+(m+1)+'-'+d];return e?_wmoInfo(e.code||0,true).icon:'';}
function _wxDailyText(y,m,d){
  var e=_wxDaily[y+'-'+(m+1)+'-'+d];
  if(!e||e.tmax==null)return '予報範囲外（16日先まで表示）';
  var i=_wmoInfo(e.code||0,true);
  return i.icon+' '+i.label+' ・ 最高'+Math.round(e.tmax)+'℃ / 最低'+Math.round(e.tmin)+'℃';
}
/* ══ v3.12.0 §9: 警備会社連絡先 実データ ══ */
async function loadMyCompany(){
  if(!_session?.token)return;
  _myCompany=null; /* v3.18.20（独立レビュー 🟡3）: 取り直す前に前の値を捨てる（失敗しても前の会社の情報を使わない） */
  try{const d=await apiFetch('/api/companies/mine');_myCompany=d.company||null;}catch(e){console.warn('[companies/mine]',e.message);}
  /* v3.18.20: 本社の座標が届いたら、座標の無い現場の天気を取り直す（現場の読み込みが先に終わっていても本社で出す） */
  try{var _cs=CLIENT_SITES[curSiteIdx];if(_cs&&!_jgOwnCoords(_cs)&&_jgHqCoords())updateSiteWeather(_cs);}catch(e){}
}
function renderPhoneMain(){
  var hd=document.getElementById('pd-company');
  if(hd)hd.textContent=_myCompany&&_myCompany.name?_myCompany.name:'契約警備会社';
  var el=document.getElementById('phone-list');if(!el)return;
  el.innerHTML='';
  var ph=_myCompany&&_myCompany.phone?String(_myCompany.phone).trim():'';
  if(ph){
    el.innerHTML='<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg);border-radius:10px;border:1px solid var(--border)">'
      +'<div><div style="font-size:11px;font-weight:700;color:var(--t1)">代表（管制）</div><div style="font-size:13px;font-family:var(--m);color:var(--accent);margin-top:2px">'+escapeHtml(ph)+'</div></div>'
      +'<a href="tel:'+escapeHtml(ph.replace(/[^0-9+]/g,''))+'" style="padding:8px 16px;background:var(--ok);color:#fff;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;font-family:var(--f)">発信</a></div>';
  }else{
    el.innerHTML='<div style="padding:10px 12px;background:var(--bg);border-radius:10px;border:1px solid var(--border);font-size:11px;color:var(--t3)">電話番号が未登録です（警備会社のGuardHub「会社情報設定」で登録できます）</div>';
  }
}
/* ══ v3.12.0 §8: 予算・締め日の端末保存 (契約単位) ══ */
function _setKey(st){return 'ksg365_set_'+(st&&st.contract_id?st.contract_id:(st&&st.name?st.name:'default'));}
function loadLocalSettings(st){
  try{
    var raw=localStorage.getItem(_setKey(st));if(!raw)return;
    var v=JSON.parse(raw);
    if(v.bmD!=null)st.budgetMonthDay=v.bmD;if(v.bmN!=null)st.budgetMonthNight=v.bmN;if(v.bmO!=null)st.budgetMonthOT=v.bmO;
    if(v.btD!=null)st.budgetTotalDay=v.btD;if(v.btN!=null)st.budgetTotalNight=v.btN;if(v.btO!=null)st.budgetTotalOT=v.btO;
    if(v.closing!=null)st._closingDay=v.closing;
  }catch(e){}
}
function saveLocalSettings(){
  var st=CLIENT_SITES[curSiteIdx];if(!st)return;
  function iv(id){return parseInt(document.getElementById(id).value)||0;}
  st.budgetMonthDay=iv('budget-month-day');st.budgetMonthNight=iv('budget-month-night');st.budgetMonthOT=iv('budget-month-ot');
  st.budgetTotalDay=iv('budget-total-day');st.budgetTotalNight=iv('budget-total-night');st.budgetTotalOT=iv('budget-total-ot');
  st._closingDay=parseInt(document.getElementById('closing-day2').value)||31;
  try{localStorage.setItem(_setKey(st),JSON.stringify({bmD:st.budgetMonthDay,bmN:st.budgetMonthNight,bmO:st.budgetMonthOT,btD:st.budgetTotalDay,btN:st.budgetTotalNight,btO:st.budgetTotalOT,closing:st._closingDay}));}catch(e){}
}
function goScreen(name){
  if(currentScreen!==name)navHistory.push(currentScreen);currentScreen=name;
  document.querySelectorAll('.screen').forEach(s=>s.classList.remove('active'));
  document.getElementById('scr-'+name).classList.add('active');
  const tabbar=document.getElementById('tabbar');
  if(name==='login'){tabbar.style.display='none';}else{tabbar.style.display='grid';}
  document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
  document.getElementById('tab-settings').classList.remove('active');
  if(name==='home'||name==='calendar'||name==='booking'||name==='confirm'||name==='complete'||name==='today'||name==='notif'||name==='reservations'){document.getElementById('tab-home').classList.add('active');}
  else if(name==='settings'){document.getElementById('tab-settings').classList.add('active');}
  else if(name==='stats'||name==='month-detail'||name==='total-detail'){document.getElementById('tab-stats').classList.add('active');}
  if(name==='booking'){var _bs=(typeof _bookSite==='function')?_bookSite():CLIENT_SITES[curSiteIdx];var _oa=document.getElementById('o-address');var _sid=String(_bs&&_bs.contract_id||'');
    if(_oa&&_oa.dataset.site!==_sid){_oa.value=(_bs&&_bs.addr&&_bs.addr!=='住所未設定')?_bs.addr:'';_oa.dataset.site=_sid;}
    _jgAddrBadge(); /* v3.18.20: 端末の位置ではなく、登録の住所かどうかを出す */
    var _bc=document.getElementById('book-site-chip'); /* v3.16.27: どの現場への手配か明示 */
    if(_bc){_bc.style.display='';_bc.style.borderColor=(_bs&&_bs.color)||'var(--cy)';_bc.textContent='📍 '+((_bs&&(_bs.tabName||_bs.name))||'現場');}}
  if(name==='calendar'){if(typeof rebuildCalSiteTabs==='function')rebuildCalSiteTabs();renderCalendar();hydrateBookedFromOrders().then(renderCalendar);if(typeof maybeCalTut==='function')maybeCalTut();}else if(typeof calTutHide==='function'){calTutHide();} /* v3.16.32 */if(name==='today')loadToday();if(name==='stats'||name==='month-detail'||name==='total-detail'){hydrateBookedFromOrders().then(updateStats);}if(name==='settings'){loadSettings();}if(name==='notif'){renderNotifications();loadClientNotifications().then(function(){renderNotifications();markNotificationsRead();});}if(name==='reservations')loadReservations();if(name==='home'){hydrateBookedFromOrders().then(function(){updateStats();updateNextSchedule();});updateHomeTodayStatus();refreshPushToggleBtn();}
  document.querySelector('.app').scrollTop=0;
}
function goBack(){const prev=navHistory.pop();if(prev)goScreen(prev);}
/* ═══════════════════════════════════════
   API接続ヘルパー (v3.9.0 / D6-β = apiFetch + token refresh 機構統一)
   GuardHub (security_company_unified_v3.html) v3.63 と同設計
═══════════════════════════════════════ */
const SUPABASE_URL='https://tqfbiobsrehzocynxayk.supabase.co';
const SUPABASE_ANON_KEY='sb_publishable_NjqJ3o0GwdkW8DRCv3kFmA_Rkb8Ge01';
function authHeaders(){
  const h={'Content-Type':'application/json'};
  if(_session?.token)h['Authorization']='Bearer '+_session.token;
  return h;
}
async function refreshToken(){
  if(!_session?.refresh_token)return false;
  try{
    const r=await fetch(SUPABASE_URL+'/auth/v1/token?grant_type=refresh_token',{
      method:'POST',headers:{'Content-Type':'application/json','apikey':SUPABASE_ANON_KEY},
      body:JSON.stringify({refresh_token:_session.refresh_token})
    });
    if(!r.ok)return false;
    const d=await r.json();
    _session.token=d.access_token;
    if(d.refresh_token)_session.refresh_token=d.refresh_token;
    localStorage.setItem('ksg_client_session',JSON.stringify(_session));
    return true;
  }catch{return false;}
}
async function doLogout(){
  if(_session?.token){try{await fetch(API+'/api/auth/logout',{method:'POST',headers:{'Authorization':'Bearer '+_session.token}})}catch{}}
  _session=null;
  localStorage.removeItem('ksg_client_session');
  try{_clearContacts();}catch(e){} /* v3.18.12 RT-208: 次の人に前の人の連絡先を残さない */
  _myCompany=null;_jgBookedFor=null; /* v3.18.20（独立レビュー 🟡3）: 次の人に前の会社の情報（電話・本社の座標）と予約の読み込み済みの印を残さない */
  /* v3.18.21（便6・BE v7.257.0 と対・DEC-826）: 次の人に前の人の現場の一覧・予約・空き・お知らせを残さない。
     旧＝ログアウトしても CLIENT_SITES（現場のタブ）・予約・空きの控えがメモリに残り、同じタブで別の人がログインすると、
     新しい人の契約を読み終えるまで前の人の現場のタブが見えていた（共用の端末）。新しい人の分は afterLogin → loadClientContracts で読み直す */
  try{
    CLIENT_SITES=[];curSiteIdx=0;_bookSiteIdx=null;
    BOOKED.clear();_AV={};_AV_INFLIGHT={};_jgOrdersInflight=null;
    notifications=[];waitlistDates=[];
    var tb=document.getElementById('site-tabs');
    if(tb)tb.innerHTML='<div class="site-tab active" id="site-tab-skel" style="pointer-events:none;color:var(--t3)">読み込み中…</div>';
    ['gs-name','c-site','today-site-name'].forEach(function(id){var el=document.getElementById(id);if(el)el.textContent='—';});
    var nb=document.getElementById('notif-badge');if(nb){nb.textContent='';nb.classList.add('hide');}
    var bell=document.getElementById('notif-bell');if(bell)bell.style.display='none';
    var rl=document.getElementById('res-list');if(rl)rl.innerHTML='';
    /* 独立レビュー🟡2: 月別の配置推移（MONTHLY）と配置累計・今月の実績の数字も捨てる（次の人の契約が無い・読めないときに前の人のグラフと数字が残っていた） */
    MONTHLY.clear();
    try{statsDayCount=0;statsNightCount=0;statsOTHours=0;cumDayCount=0;cumNightCount=0;cumOTHours=0;}catch(e2){} /* 読み込みの途中で呼ばれても下の表示は戻す */
    ['stats-month-count','stats-total-count','md-count','td-count','home-month-count'].forEach(function(id){var el=document.getElementById(id);if(el)el.textContent='0';});
    ['stats-month-day','stats-month-night','md-stat-day','md-stat-night'].forEach(function(id){var el=document.getElementById(id);if(el)el.textContent='0人日';});
    ['stats-month-ot','md-stat-ot'].forEach(function(id){var el=document.getElementById(id);if(el)el.textContent='0h';});
    ['stats-avg','td-start','td-months','td-avg-count','sc-total-sub','stats-period2'].forEach(function(id){var el=document.getElementById(id);if(el)el.textContent='—';});
    var c1=document.getElementById('sc-chip-day');if(c1)c1.textContent='日勤 0';
    var c2=document.getElementById('sc-chip-night');if(c2)c2.textContent='夜勤 0';
    var c3=document.getElementById('sc-chip-ot');if(c3)c3.textContent='残業 0h';
    var tc=document.getElementById('sc-trend-chart');if(tc)tc.innerHTML='<div class="sc-trend-empty">読み込み中…</div>';
  }catch(e){}
  goScreen('login');
}
function confirmLogout(){
  showDlg('🚪','ログアウトしますか？','現在のアカウントからログアウトし、ログイン画面に戻ります。',[{label:'ログアウト',cls:'dlg-btn-primary',action:function(){closeDlg();try{localStorage.setItem('ksg365_no_autologin','1')}catch(e){}doLogout();}},{label:'キャンセル',cls:'dlg-btn-cancel',action:closeDlg}],'');
}
async function apiFetch(path){
  let r=await fetch(API+path,{headers:authHeaders()});
  if(r.status===401){
    if(_session?.refresh_token){
      const ok=await refreshToken();
      if(ok)r=await fetch(API+path,{headers:authHeaders()});
      else{doLogout();throw new Error('session_expired');}
    }else{
      doLogout();throw new Error('session_invalid');
    }
  }
  if(!r.ok){
    const errBody=await r.json().catch(()=>({}));
    const _e=new Error(errBody.error||('HTTP '+r.status)); _e.status=r.status; _e.body=errBody; throw _e;   /* v3.18.10: 応答の中身も渡す（message は従来どおり） */
  }
  return r.json();
}
async function apiPost(path,body){
  let r=await fetch(API+path,{method:'POST',headers:authHeaders(),body:JSON.stringify(body)});
  if(r.status===401){
    if(_session?.refresh_token){
      const ok=await refreshToken();
      if(ok)r=await fetch(API+path,{method:'POST',headers:authHeaders(),body:JSON.stringify(body)});
      else{doLogout();throw new Error('session_expired');}
    }else{
      doLogout();throw new Error('session_invalid');
    }
  }
  if(!r.ok){
    const errBody=await r.json().catch(()=>({}));
    const _e=new Error(errBody.error||('HTTP '+r.status)); _e.status=r.status; _e.body=errBody; throw _e;   /* v3.18.10: 応答の中身も渡す（message は従来どおり） */
  }
  return r.json();
}
/* v3.18.17: ログイン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 doLogin(){
  const id=_normLoginId(document.getElementById('login-id').value);const pw=document.getElementById('login-pw').value.trim(); /* v3.18.17: 全角→半角 */
  if(!id||!pw){showToast('⚠️ ログインIDとパスワードを入力してください');return;} /* v3.18.5 */
  if(!id.includes('@')){showToast('⚠️ ログインIDは案内状のとおり「@」の後ろまで全部入力してください');return;} /* v3.18.5 */ /* v3.18.3: @atom-keibi.jp の自動補完を撤去 */
  const email=id;
  try{
    const r=await fetch(API+'/api/auth/login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email,password:pw})});
    const d=await r.json();if(!r.ok){showToast('⚠️ '+(d.error||'ログインに失敗しました'));return;}
    if(d.user.role!=='client'&&d.user.role!=='admin'&&d.user.role!=='client_user'){showToast('⚠️ 発注者アカウントではありません');return;}
    _session={token:d.token,refresh_token:d.refresh_token||null,user:d.user,site_id:null,site_name:'現場'};
    localStorage.setItem('ksg_client_session',JSON.stringify(_session));
    await loadSiteInfo(d.user.id,d.token);afterLogin();
  }catch(e){console.warn('[login]',e&&e.message);showToast('⚠️ サーバーに接続できません。通信環境をご確認のうえ再度お試しください');}
}
async function loadSiteInfo(userId,token){
  try{
    const d=await apiFetch('/api/clients/dashboard/'+userId);
    if(d.sites&&d.sites.length>0){_session.site_id=d.sites[0].site_id;_session.site_name=d.sites[0].site_name||'担当現場';}
    localStorage.setItem('ksg_client_session',JSON.stringify(_session));
  }catch(e){/* 404 / 既存挙動踏襲: 失敗時は無視 */}
}
/* ═══ Phase D D2-β: 契約ベース現場リスト読込 ═══ */
async function loadClientContracts(){
  if(!_session?.token)return false;
  try{
    let d;
    try{d={contracts:await _jgFetchAllList('/api/contracts?status=active','contracts',500)};}catch(e){console.warn('[loadClientContracts]',e.message);return false;}   /* v3.18.10 K5: 既定100件の壁＝500件ずつ最後まで */
    const list=d.contracts||d.rows||(Array.isArray(d)?d:[]);
    if(!Array.isArray(list)||list.length===0){console.warn('[loadClientContracts] empty');if(typeof rebuildSiteTabs==='function')rebuildSiteTabs();return false;} /* v3.18.3 365-6: 0件でも「現場情報なし（タップで再読込）」を出す */
    const COLORS=['#6fb6cc','#3b82f6','#10b981','#8b5cf6','#ec4899','#f97316','#06b6d4','#84cc16'];
    CLIENT_SITES=list.map(function(c,i){
      var nm=c.site_name||(c.site&&c.site.name)||('現場'+(i+1));
      var ad=c.site_address||(c.site&&c.site.address)||'住所未設定';
      var dr=c.daily_rate||27000;
      var gps=(c.site_gps_lat!=null&&c.site_gps_lng!=null)?{lat:+c.site_gps_lat,lng:+c.site_gps_lng}:null;
      var months=1;
      if(c.start_date){var _sd=new Date(String(c.start_date).split('T')[0]);var _n=new Date();
        if(!isNaN(_sd))months=Math.max(1,(_n.getFullYear()-_sd.getFullYear())*12+(_n.getMonth()-_sd.getMonth())+1);}
      var st={
        contract_id:c.id,ratePending:!!c.rate_provisional,contract_no:c.contract_no||null,daily_rate:dr,
        company_id:c.company_id,site_id:c.site_id,
        client_company_name:c.client_company_name||null,
        name:nm,addr:ad,tabName:nm.length>10?nm.slice(0,9)+'…':nm,
        color:COLORS[i%COLORS.length],
        type:_jgDutyLabel(c.site_duty_type||c.contract_type),time:'08:00〜17:00',   /* v3.18.8: 種別は現場の業務区分（従来 contract_type＝空で全部「交通誘導」） */
        dutyType:c.site_duty_type||null,orderable:_jgOrderable(c.site_duty_type),   /* v3.18.8: 「その他」の現場は 365 から手配できない */
        accessMode:c.site_access_mode||null,accessReady:c.site_access_ready===true,   /* v3.18.18（BE v7.239.0）: 行き方の指定・092 が当たっているか */
        guards:[],gps:gps,
        mapQ:gps?(gps.lat+','+gps.lng):(ad!=='住所未設定'?ad:'35.6812,139.7671'),
        statDay:0,statNight:0,statOT:0,cumDay:0,cumNight:0,cumOT:0,
        priceDay:dr,priceNight:(c.rate_night!=null&&+c.rate_night>0)?+c.rate_night:Math.floor(dr*1.25),priceOT:Math.floor(dr*0.15),
        budgetMonthDay:0,budgetMonthNight:0,budgetMonthOT:0,
        budgetTotalDay:0,budgetTotalNight:0,budgetTotalOT:0,
        startDate:(c.start_date?String(c.start_date).split('T')[0].replace(/-/g,'/'):'—'),months:months
      };
      loadLocalSettings(st);
      return st;
    });
    curSiteIdx=0;
    var _cc=CLIENT_SITES[0]&&CLIENT_SITES[0].client_company_name;
    var _gc=document.getElementById('greeting-company');if(_gc&&_cc)_gc.textContent=_cc;
    if(typeof rebuildSiteTabs==='function')rebuildSiteTabs();
    if(typeof switchSite==='function')switchSite(0);
    hydrateBookedFromOrders().then(updateStats);
    return true;
  }catch(e){console.warn('[loadClientContracts] error',e);try{if(typeof rebuildSiteTabs==='function')rebuildSiteTabs();}catch(_e){} return false;} /* v3.16.30: 失敗時も正直表示 */
}
function afterLogin(){try{localStorage.removeItem('ksg365_no_autologin')}catch(e){}
  try{_loadContacts();}catch(e){} /* v3.18.12 RT-208: 連絡先はログインした人の分だけ読む */
  try{applyTheme(localStorage.getItem('ksg365_theme')||'dark');}catch(e){}
  const name=_session?.user?.name||'ユーザー';const siteName=_session?.site_name||'現場';
  const h=new Date().getHours();const gt=document.getElementById('greeting-time');
  if(gt)gt.textContent=h<12?'おはようございます':h<18?'お疲れさまです':'こんばんは';
  const gn=document.getElementById('greeting-name');if(gn)gn.textContent=name+'さん';
  const ge=document.getElementById('greeting-email');if(ge)ge.textContent=_session?.user?.email||document.getElementById('login-id').value||'';
  const av=document.getElementById('home-avatar');if(av)av.textContent=name.charAt(0);
  const gs=document.getElementById('gs-name');if(gs)gs.textContent=siteName;
  const cs=document.getElementById('c-site');if(cs)cs.textContent=siteName;
  const ts=document.getElementById('today-site-name');if(ts)ts.textContent=siteName;
  goScreen('home');showToast('✅ ログインしました');
  if(_jgOpenNotif){_jgOpenNotif=false;setTimeout(function(){try{goScreen('notif');}catch(_){}},0);} /* v3.18.8: 通知を押して開いた */
  document.getElementById('notif-bell').style.display='flex';updateNotifBadge();loadClientNotifications(); /* v3.16.35 */
  /* v3.18.20: ここで端末の位置を取りにいくのをやめた（開くたびに位置の許可を聞いていた・使い道は天気の代わりと飾りの札だけ）。天気は現場 → 本社の座標 */
  loadMyCompany();
  /* Phase D D2-β: 契約ベース現場リスト非同期取得 (v3.16.30: フォールバック撤去=失敗時は「現場情報なし」表示) */
  loadClientContracts();
}
function demoLogin(){document.getElementById('login-id').value='yamada@example.jp';document.getElementById('login-pw').value='';document.getElementById('login-pw').focus();showToast('✅ デモIDを入力しました。パスワードは担当者へ');}

/* ═══ 複数現場切替 ═══ */
var CLIENT_SITES=[]; /* v3.16.30: 福岡デモのフォールバック一式を撤去(B案)。実契約(loadClientContracts)のみが唯一のデータ源 */
/* v3.18.8: 業務区分の表示名と、365 から手配できる区分（BE v7.215.11＝order_items の決まりと同じ4つ。「その他」は当面受けない） */
var _JG_DUTY_LABEL={traffic:'2号（交通誘導・雑踏）',crowd:'2号（交通誘導・雑踏）',facility:'1号（施設）',event:'2号（交通誘導・雑踏）',other:'3号・4号（その他）'};   /* v3.18.19: 号で */
function _jgDutyLabel(v){return _JG_DUTY_LABEL[v]||'2号（交通誘導・雑踏）';}
function _jgOrderable(v){return !v||['traffic','event','crowd'].indexOf(v)>=0;}   /* 区分が分からない（古い BE）ときは止めない＝BE が最後に止める／v3.18.22（便8・DEC-832）: 365 は 2号だけ＝1号（施設）も「お電話で」 */
function _jgNotOrderable(){
  var s=CLIENT_SITES[curSiteIdx];
  if(!s||s.orderable!==false)return false;
  showDlg('📞','この現場は365から手配できません','「'+escapeHtml(s.name||'この現場')+'」の業務区分（'+escapeHtml(s.type||'その他')+'）は、365からの手配に対応していません。<br>お手数ですが、警備会社へお電話でご依頼ください。',
    [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},{label:'戻る',cls:'dlg-btn-cancel',action:closeDlg}],'');
  return true;
}
/* v3.18.8: 通知を押して開いたとき（#orders・#notif）＝ログイン後にお知らせを開く（URL からは # を消す） */
var _jgOpenNotif=(function(){var h=String(location.hash||'').toLowerCase();if(h==='#orders'||h==='#notif'){try{history.replaceState(null,'',location.pathname+location.search);}catch(e){}return true;}return false;})();
if('serviceWorker' in navigator){navigator.serviceWorker.addEventListener('message',function(e){
  var d=e&&e.data;if(!d)return;
  if(d.type==='jg-notification-open'){var h=String(d.hash||'').toLowerCase();if(h!=='#orders'&&h!=='#notif')return;
    if(_session&&_session.token){try{goScreen('notif');}catch(_){}}else{_jgOpenNotif=true;}return;}
  if(d.type==='jg-push-received'&&_session&&_session.token){try{loadClientNotifications();}catch(_){}try{_jgRefreshCurrent('通知');}catch(_){}}   /* 開いている間に届いた知らせ＝お知らせの件数を読み直す / v3.18.10 K4: 今の画面も */
});}
/* v3.18.10（不具合チェック DEC-710 K5）: 注文を「最後まで」読む。BE は1回200件まで（作成の新しい順）。従来は1回目だけを使っていた＝
   担当者の注文が200件を超えると、古く作った注文（先の日付の予約を早めに入れたもの等）が予約一覧・カレンダーから消え、月の合計・累計も少なく出た
   （二重発注・取り消せない）。total（本当の総数）まで offset で続きを読む。同じ注文は1回だけ（読む途中で新しい注文が入ると1件ずれるため）。
   同時に呼ばれたら1本の読み込みを分け合う。安全弁＝50回（1万件）で止め、止めたら知らせる。 */
var _jgOrdersInflight=null;
function _jgFetchAllOrders(){
  if(_jgOrdersInflight)return _jgOrdersInflight;
  _jgOrdersInflight=(async function(){
    var per=200, all=[], seen={}, total=null, off=0;
    for(var n=0;n<50;n++){
      var d=await apiFetch('/api/client_orders?limit='+per+'&offset='+off);
      var rows=(d&&(d.orders||d.rows))||(Array.isArray(d)?d:[]);
      if(total===null)total=Number(d&&d.total);
      for(var i=0;i<rows.length;i++){ var o=rows[i]; var k=o&&o.id; if(k&&seen[k])continue; if(k)seen[k]=1; all.push(o); }
      off+=rows.length;
      if(!rows.length||!isFinite(total)||off>=total)break;
    }
    if(isFinite(total)&&all.length<total){ console.warn('[365] 注文を全部は読み込めていません',all.length+'/'+total); try{showToast('⚠️ 注文が多すぎて全部は読み込めていません（'+all.length+' / '+total+'件）');}catch(e){} }
    return all;
  })();
  var p=_jgOrdersInflight; p.then(function(){ _jgOrdersInflight=null; },function(){ _jgOrdersInflight=null; });
  return p;
}
/* v3.18.10（K5）: 一覧を total まで読む（現場タブ＝契約。BE は1回500件まで・既定100件） */
async function _jgFetchAllList(path,key,per){
  var all=[], total=null, off=0, sep=path.indexOf('?')>=0?'&':'?';
  for(var n=0;n<20;n++){
    var d=await apiFetch(path+sep+'limit='+per+'&offset='+off);
    var rows=(d&&(d[key]||d.rows))||(Array.isArray(d)?d:[]);
    if(total===null)total=Number(d&&d.total);
    all=all.concat(rows); off+=rows.length;
    if(!rows.length||!isFinite(total)||off>=total)break;
  }
  return all;
}
/* v3.18.10（不具合チェック DEC-710 K4）: 今の画面を読み直す（通知が届いたとき・15秒以上離れて戻ったとき）。従来はお知らせの件数だけだった。 */
var _jgHiddenAt365=0, _jgRefreshT=null;
function _jgRefreshCurrent(why){
  clearTimeout(_jgRefreshT);
  _jgRefreshT=setTimeout(function(){
    if(!(_session&&_session.token))return;
    try{
      var s=currentScreen;
      if(s==='home'){ hydrateBookedFromOrders().then(function(){updateStats();updateNextSchedule();}); updateHomeTodayStatus(); }
      else if(s==='calendar'){ _avInvalidate(); hydrateBookedFromOrders().then(renderCalendar); }
      else if(s==='reservations'){ loadReservations(); hydrateBookedFromOrders(); }
      else if(s==='today'){ loadToday(); }
      else if(s==='stats'||s==='month-detail'||s==='total-detail'){ hydrateBookedFromOrders().then(updateStats); }
    }catch(e){ console.warn('[365 自動更新]',why,e); }
  },1200);
}
document.addEventListener('visibilitychange',function(){
  if(document.hidden){ _jgHiddenAt365=Date.now(); return; }
  var away=_jgHiddenAt365?(Date.now()-_jgHiddenAt365):0; _jgHiddenAt365=0;
  if(away>=15000)_jgRefreshCurrent('戻った');
});
var curSiteIdx=0;
function hexToRgb(hex){var r=parseInt(hex.slice(1,3),16),g=parseInt(hex.slice(3,5),16),b=parseInt(hex.slice(5,7),16);return r+','+g+','+b;}
/* ── v3.16.27: 案2=カレンダー内現場タブ + 予約フロー現場固定 ── */
var _bookSiteIdx=null; /* 日付タップ/期間確定の瞬間の現場を予約フローに固定(誤発注の構造対策) */
function _bookSite(){var i=(_bookSiteIdx!=null?_bookSiteIdx:curSiteIdx);return CLIENT_SITES[i]||CLIENT_SITES[curSiteIdx]||{};}
function rebuildCalSiteTabs(){
  var bar=document.getElementById('cal-site-tabs');if(!bar)return;
  bar.innerHTML='';
  (CLIENT_SITES||[]).forEach(function(s,j){
    var t=document.createElement('div');
    t.className='cs-tab';
    var nm=(s.tabName||s.name||'現場');
    if(nm.length>8)nm=nm.slice(0,7)+'…'; /* v3.16.31: 7文字+…に緩和(ヒント撤去で幅拡張) */
    t.textContent=nm;
    var sc=s.color||'#6fb6cc';
    if(j===curSiteIdx){
      t.style.color=sc;t.style.background='linear-gradient(rgba('+hexToRgb(sc)+',.12),rgba('+hexToRgb(sc)+',.12)),var(--bg2)';t.style.borderColor=sc;t.style.borderBottom='none';t.style.paddingBottom='6.5px';t.style.zIndex='3'; /* v3.16.33: 不透明地で枠線を覆い一体化 */
    }else{
      t.style.borderColor='rgba('+hexToRgb(sc)+',.55)'; /* v3.16.33: 非選択タブも現場色 */
    }
    t.onclick=(function(jj){return function(){calSwitchSite(jj);};})(j);
    bar.appendChild(t);
  });
  var _cadd=document.createElement('div');_cadd.className='cs-tab cs-tab-add';_cadd.textContent='+';_cadd.title='現場を追加';_cadd.onclick=openAddSite;bar.appendChild(_cadd); /* v3.16.38: カレンダーにも現場追加 */
  var g=document.getElementById('cal-frame'); /* v3.16.29: 囲み対象をframeへ */
  var cs=CLIENT_SITES[curSiteIdx];
  if(g)g.style.borderColor=(cs&&cs.color)||'transparent';
}
function calSwitchSite(j){
  if(j===curSiteIdx)return;
  switchSite(j); /* ホームと同一の切替(色/カード/hydrate込) */
  rebuildCalSiteTabs();
  try{BOOKED.clear();}catch(e){} /* 旧現場の予約が一瞬残るのを防ぐ(hydrateのclearはfetch後のため) */
  renderCalendar();
  hydrateBookedFromOrders().then(renderCalendar);
}
function switchSite(idx){
  curSiteIdx=idx;
  var s=CLIENT_SITES[idx];
  if(!s)return; /* v3.16.30: 空データガード */
  var c=s.color;
  // タブUI + 色
  for(var i=0;i<CLIENT_SITES.length;i++){
    var tab=document.getElementById('site-tab-'+i);
    if(!tab)continue;
    var sc=CLIENT_SITES[i].color;
    if(i===idx){
      tab.classList.add('active');
      tab.style.color=sc;tab.style.background='linear-gradient(rgba('+hexToRgb(sc)+',.14),rgba('+hexToRgb(sc)+',.14)),var(--bg2)';tab.style.borderColor=sc;tab.style.borderBottom='none';tab.style.paddingBottom='7px';tab.style.zIndex='3'; /* v3.16.33: 不透明地で線を覆いカードと一体化 */
    }else{
      tab.classList.remove('active');
      tab.style.color='var(--t3)';tab.style.background='var(--bg3)';tab.style.borderColor='rgba('+hexToRgb(sc)+',.55)';tab.style.borderBottom='1px solid transparent';tab.style.paddingBottom='';tab.style.zIndex=''; /* v3.16.33: 非選択も現場色の線 */
    }
  }
  // タブバー・カード・ボタン色連動
  document.getElementById('site-tabs').style.borderBottomColor=c;
  var gs=document.getElementById('greeting-site');
  gs.style.borderColor=c;gs.style.background='linear-gradient(135deg,rgba('+hexToRgb(c)+',.08),rgba('+hexToRgb(c)+',.03))';
  var todayBtn=document.querySelector('.home-btn.today');
  if(todayBtn){var rgb=hexToRgb(c);todayBtn.style.background='linear-gradient(135deg,rgba('+rgb+',.18),rgba('+rgb+',.08))';todayBtn.style.borderColor='rgba('+rgb+',.3)';todayBtn.querySelector('.home-btn-sub').style.color='rgba('+rgb+',.8)';}
  // ホーム現場名
  document.getElementById('gs-name').textContent=s.name;
  document.getElementById('gs-addr').textContent=s.addr;
  var _gp=document.getElementById('gs-prov');if(_gp)_gp.style.display=s.ratePending?'inline-block':'none';
  document.getElementById('today-btn-site').textContent=s.name;
  // 天気 (v3.12.0: Open-Meteo 実データ・非同期)
  document.getElementById('gw-icon').textContent='—';
  document.getElementById('gw-temp').textContent='—';
  document.getElementById('gw-wind').textContent='';
  updateSiteWeather(s);
  var _cd=document.getElementById('closing-day2');if(_cd)_cd.value=String(s._closingDay||31);
  // 本日の現場
  document.getElementById('today-site-name').textContent=s.name;
  var working=s.guards.filter(function(g){return g.status==='working'}).length;
  var done=s.guards.filter(function(g){return g.status==='done'}).length;
  var statusParts=[];
  if(working>0)statusParts.push('● 勤務中'+working+'名');
  if(done>0)statusParts.push('<span style="color:var(--ng)">下番済'+done+'名</span>');
  document.getElementById('today-status').innerHTML=statusParts.length?statusParts.join(' ・ '):'本日の配置はありません'; /* v3.16.36: 空文字→正直表示 */
  var meta=new Date().getFullYear()+'年'+(new Date().getMonth()+1)+'月'+new Date().getDate()+'日 ・ '+s.type; /* v3.16.36: 固定時間表記(08:00〜17:00)を廃止=契約に時間データが無いため */
  document.querySelector('.today-meta').textContent=meta;
  // マップ
  document.getElementById('today-map').src='https://maps.google.com/maps?q='+s.mapQ+'&z=16&output=embed';
  // 警備員リスト
  var overlay=document.querySelector('.map-overlay');
  overlay.innerHTML='';
  var positions=[{t:'30%',l:'25%'},{t:'50%',l:'55%'},{t:'65%',l:'72%'},{t:'40%',l:'40%'}];
  s.guards.forEach(function(g,i){
    if(g.status==='working'){
      var p=positions[i%positions.length];
      overlay.innerHTML+='<div class="map-pin" style="top:'+p.t+';left:'+p.l+'"><div class="map-pin-pulse" style="background:var(--ok)"></div><div class="map-pin-dot" style="background:var(--ok)"></div><div class="map-pin-name">'+escapeHtml(g.name.split(' ')[0])+'</div></div>';
    }
  });
  // 警備員カード
  var title=document.querySelector('.guard-list-title');
  title.innerHTML='<span>配置警備員（'+s.guards.length+'名）</span><span style="font-size:10px;color:var(--t4)">下番後15分でGPS非表示</span>';
  var cards=document.querySelectorAll('#scr-today .guard-card');
  cards.forEach(function(c){c.remove()});
  var container=document.querySelector('#scr-today .guard-scroll');
  _todayEmpty(s.guards.length===0); /* v3.16.36 */
  s.guards.forEach(function(g){
    var isDone=g.status==='done';
    var dotColor=isDone?'var(--t3)':'var(--ok)';
    var badge=isDone?'<div class="gc-badge" style="background:var(--bg3);color:var(--t2)">下番済</div><div class="gc-time">'+escapeHtml(g.ci)+'〜'+escapeHtml(g.co)+'</div>':'<div class="gc-badge" style="background:var(--ok-soft);color:var(--ok)">勤務中</div><div class="gc-time">'+escapeHtml(g.ci)+'出勤</div>';
    var signBadge=g.signed?'<span style="font-size:9px;font-weight:700;padding:2px 6px;border-radius:99px;background:var(--ok-soft);color:var(--ok);border:1px solid rgba(16,185,129,.2)">署名済</span>':'<span style="font-size:9px;font-weight:700;padding:2px 6px;border-radius:99px;background:var(--warn-soft);color:var(--warn);border:1px solid rgba(245,158,11,.2)">未署名</span>';
    var signInfo=g.signed?'実働'+escapeHtml(g.work)+(g.ot?' ／ 残業'+escapeHtml(g.ot):'')+(g.extra?' ／ '+escapeHtml(g.extra):''):escapeHtml(g.ci)+'〜 ／ 勤務中';
    var card=document.createElement('div');
    card.className='guard-card';card.style.flexWrap='wrap';
    card.innerHTML='<div class="gc-avatar">👤<div class="gc-status-dot" style="background:'+dotColor+'"></div></div><div class="gc-info"><div class="gc-name">'+escapeHtml(g.name)+'</div><div class="gc-meta">'+escapeHtml(g.cert)+' ・ '+escapeHtml(g.pos)+' ・ GPS精度 '+escapeHtml(g.gps)+'</div></div><div class="gc-right">'+badge+'</div><div style="width:100%;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;padding-left:42px">'+signBadge+'<span style="font-size:9px;color:var(--t3)">'+signInfo+'</span></div>';
    container.appendChild(card);
  });
  hydrateBookedFromOrders().then(function(){updateStats();updateNextSchedule();});
  showToast('🏗️','現場を切替: '+s.name);
}
/* ═══ Phase D D2-β → v3.12.0 §6: client_orders から BOOKED + 契約別累計を hydrate
   (旧status=submitted絞りはBE実値pending/confirmedと不一致で常に空 → 全status取得しcancelled除外に是正) ═══ */
async function hydrateBookedFromOrders(){
  if(!_session?.token)return;
  var curSite=CLIENT_SITES[curSiteIdx];
  var contractId=curSite&&curSite.contract_id;
  if(!contractId)return;
  try{
    let d;
    try{d={orders:await _jgFetchAllOrders()};}catch(e){console.warn('[hydrateBooked]',e.message);return;}   /* v3.18.10 K5: 200件の壁＝最後まで読む */
    const orders=d.orders||d.rows||(Array.isArray(d)?d:[]);
    BOOKED.clear();
    MONTHLY.clear();
    var cumByContract={};
    for(var i=0;i<orders.length;i++){
      var o=orders[i];
      if(o.status==='cancelled'||o.status==='rejected')continue;
      var items=o.items||o.order_items||[];
      for(var j=0;j<items.length;j++){
        var it=items[j];
        if(!it.duty_date)continue;
        var parts=String(it.duty_date).split('T')[0].split('-');
        if(parts.length!==3)continue;
        var cnt=it.guard_count||1;
        cumByContract[o.contract_id]=(cumByContract[o.contract_id]||0)+cnt;
        if(o.contract_id!==contractId)continue;
        var k=parseInt(parts[0],10)+'-'+parseInt(parts[1],10)+'-'+parseInt(parts[2],10);
        BOOKED.set(k,(BOOKED.get(k)||0)+cnt);
        var mk=parts[0]+'-'+('0'+parseInt(parts[1],10)).slice(-2);MONTHLY.set(mk,(MONTHLY.get(mk)||0)+cnt);
      }
    }
    for(var x=0;x<CLIENT_SITES.length;x++){
      if(CLIENT_SITES[x].contract_id)CLIENT_SITES[x].cumDay=cumByContract[CLIENT_SITES[x].contract_id]||0;
    }
    _jgBookedFor=contractId; /* v3.18.20: この現場の注文を最後まで読めた */
  }catch(e){console.warn('[hydrateBooked] error',e);}
}
function renderCalendar(){
  const grid=document.getElementById('cal-grid');grid.innerHTML='';
  _avEnsure(); /* v3.18.4: 表示中の月・現場の空き状況（キャッシュが古ければ取り直して再描画） */
  document.getElementById('cal-label').textContent=calYear+'年'+(calMonth+1)+'月';
  const firstDay=new Date(calYear,calMonth,1).getDay();const daysInMonth=new Date(calYear,calMonth+1,0).getDate();
  const today=new Date();today.setHours(0,0,0,0);
  for(let i=0;i<firstDay;i++)grid.innerHTML+='<div class="cal-day empty"></div>';
  for(let d=1;d<=daysInMonth;d++){
    const cellDate=new Date(calYear,calMonth,d);cellDate.setHours(0,0,0,0);
    const isPast=cellDate<today;const isToday=cellDate.getTime()===today.getTime();
    const dateKey=calYear+'-'+(calMonth+1)+'-'+d;const isBooked=BOOKED.has(dateKey);const bookedCount=BOOKED.get(dateKey)||0;const weather=(!isPast)?_wxDailyIcon(calYear,calMonth,d):'';
    const avail=availFor(calYear,calMonth,d);
    let cls='cal-day';if(isPast)cls+=' past';if(isToday)cls+=' today';if(isBooked)cls+=' has-booking';
    if(calMode==='single'&&selectedDate===d)cls+=' selected';
    if(calMode==='range'&&rangeStart!==null){
      if(rangeEnd!==null){
        if(d===rangeStart)cls+=' range-start';
        else if(d===rangeEnd)cls+=' range-end';
        else if(d>rangeStart&&d<rangeEnd)cls+=' in-range';
      }else{if(d===rangeStart)cls+=' range-start range-end';}
    }
    const onclick=isPast?'':'onclick="selectDate('+d+')"';
    var extra='';
    if(weather)extra+='<span class="cal-weather">'+weather+'</span>';
    if(isBooked)extra+='<span class="cal-count">'+bookedCount+'名</span>';
    else if(avail&&AVAIL_LABEL[avail])extra+='<span class="cal-avail '+AVAIL_CLASS[avail]+'">'+AVAIL_LABEL[avail]+'</span>';
    grid.innerHTML+='<div class="'+cls+'" '+onclick+'>'+d+extra+'</div>';
  }
}
function setCalMode(mode){
  calMode=mode;selectedDate=null;rangeStart=null;rangeEnd=null;
  document.getElementById('mode-single').classList.toggle('active',mode==='single');
  document.getElementById('mode-range').classList.toggle('active',mode==='range');
  if(mode==='single'){setHint('日付をタップして手配',null);}else{setHint('開始日をタップ','start');}
  document.getElementById('cal-range-info').style.display='none';
  document.getElementById('cal-range-submit').style.display='none';
  document.getElementById('range-start-label').textContent='開始日: —';
  document.getElementById('range-end-label').textContent='終了日: —';
  document.getElementById('range-days').textContent='';
  renderCalendar();
}
function selectDate(d){
  if(_jgNotOrderable())return; /* v3.18.8: 「その他」の現場は 365 から手配できない＝日付を押した時点で電話を案内 */
  const dayNames=['日','月','火','水','木','金','土'];
  var avail=availFor(calYear,calMonth,d);
  if(calMode==='single'){
    if(avail==='none'){
      // × 満員 → キャンセル待ち確認
      if(!_wlOpen(calYear,calMonth,d)){ /* v3.18.4: 締切（前日13:00）後はキャンセル待ちを受けられない＝電話を案内 */
        showDlg('📞','この日は満員です',(calMonth+1)+'月'+d+'日は現在満員です。<br>キャンセル待ちの受付（前日13:00まで）を過ぎているため、警備会社へお電話ください。',
          [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},{label:'戻る',cls:'dlg-btn-cancel',action:closeDlg}],'');
        return;
      }
      pendingDate=d;
      showDlg('⏳','キャンセル待ち受付',
        (calMonth+1)+'月'+d+'日は現在満員です。<br>キャンセル待ちを受け付けます。<br><br>手配可能になった場合、<b>前日13:00まで</b>に通知します。それ以降は「ご用意できませんでした」のご連絡となります。',
        [{label:'キャンセル待ちする',cls:'dlg-btn-primary',action:function(){closeDlg();waitlistDates=[pendingDate];selectedDate=pendingDate;_bookSiteIdx=curSiteIdx;renderCalendar();var dt=new Date(calYear,calMonth,pendingDate);document.getElementById('booking-date').textContent=(calMonth+1)+'月'+pendingDate+'日（'+dayNames[dt.getDay()]+'）【キャンセル待ち】';document.getElementById('booking-weather').textContent=_wxDailyText(calYear,calMonth,pendingDate);goScreen('booking');}},
         {label:'戻る',cls:'dlg-btn-cancel',action:closeDlg}],
        '※ 前日13:00以降に手配不可の場合は自動キャンセルとなります');
      return;
    }
    selectedDate=d;waitlistDates=[];renderCalendar(); /* v3.18.4: 前回のキャンセル待ち日を持ち越さない */
    _bookSiteIdx=curSiteIdx; /* v3.16.27: フロー固定 */
    const dt=new Date(calYear,calMonth,d);
    var availText=(avail&&AVAIL_LABEL[avail])?'（空き: '+AVAIL_LABEL[avail]+'）':'';
    document.getElementById('booking-date').textContent=(calMonth+1)+'月'+d+'日（'+dayNames[dt.getDay()]+'）'+availText;
    document.getElementById('booking-weather').textContent=_wxDailyText(calYear,calMonth,d);
    showDlg('📅','この日で予約しますか？','<span class="dlg-site-line" style="border-color:'+((_bookSite().color)||'#6fb6cc')+'">📍 '+escapeHtml(_bookSite().name||'現場')+'</span><br>'+(calMonth+1)+'月'+d+'日（'+dayNames[dt.getDay()]+'）'+availText+'<br><span style="color:var(--t3);font-size:12px">'+_wxDailyText(calYear,calMonth,d)+'</span>',[{label:'この日で予約 →',cls:'dlg-btn-primary',action:function(){closeDlg();goScreen('booking');}},{label:'キャンセル',cls:'dlg-btn-cancel',action:closeDlg}],'※ 人数の入力は次のページで行います');
  }else{
    if(rangeStart===null){
      // First tap: set start
      rangeStart=d;rangeEnd=null;
      updateRangeUI();
      setHint('終了日をタップ','end');
    }else if(rangeEnd===null){
      // Second tap: set end
      if(d<rangeStart){rangeEnd=rangeStart;rangeStart=d;}else if(d===rangeStart){return;}else{rangeEnd=d;}
      updateRangeUI();
      setHint('日付タップで調整',null);
    }else{
      // Both set: adjust nearest boundary
      var midPoint=(rangeStart+rangeEnd)/2;
      if(d<=midPoint){rangeStart=d;}else{rangeEnd=d;}
      if(rangeStart>rangeEnd){var tmp=rangeStart;rangeStart=rangeEnd;rangeEnd=tmp;}
      if(rangeStart===rangeEnd){rangeEnd=null;setHint('終了日をタップ','end');}
      else{setHint('日付タップで調整',null);}
      updateRangeUI();
    }
    renderCalendar();
  }
}
function updateRangeUI(){
  document.getElementById('range-start-label').textContent=rangeStart?'開始: '+(calMonth+1)+'/'+rangeStart:'開始日: —';
  document.getElementById('range-end-label').textContent=rangeEnd?'終了: '+(calMonth+1)+'/'+rangeEnd:'終了: —';
  if(rangeStart&&rangeEnd){
    document.getElementById('range-days').textContent=(rangeEnd-rangeStart+1)+'日間';
    document.getElementById('cal-range-submit').style.display='none';showRangePopup();
  }else{
    document.getElementById('range-days').textContent='';
    document.getElementById('cal-range-submit').style.display='none';
  }
}
function resetRange(){
  rangeStart=null;rangeEnd=null;
  setHint('開始日をタップ','start');
  updateRangeUI();renderCalendar();
}
function setHint(text,type){var h=document.getElementById('cal-hint-pop');if(!h)return;if(calMode!=='range'){h.style.display='none';return;}h.textContent=text;h.className='cal-hint-pop'+(type?' hl-'+type:'');h.style.display='block';} /* v3.16.31: 浮遊ポップ化・期間モード中のみ */
/* ═══ v3.16.32: カレンダー初回チュートリアル ═══ */
var _calTutStep=0;
function maybeCalTut(){
  try{if(localStorage.getItem('ksg365_cal_tut')==='1')return;}catch(e){}
  if(window._calTutClosed||_calTutStep>0)return;
  setTimeout(function(){if(currentScreen==='calendar')calTutShow(1);},350);
}
function calTutShow(step){
  _calTutStep=step;
  var b=document.getElementById('cal-tut');if(!b)return;
  var t=document.getElementById('ct-text');var m=document.getElementById('ct-main');
  var tgt;
  if(step===1){tgt=document.querySelector('.cal-mode-toggle');t.textContent='複数日は期間をタップ';m.textContent='次へ →';b.className='cal-tut-bubble ct-ar-right';}
  else{tgt=document.getElementById('cal-grid');t.textContent='日付をタップして手配';m.textContent='閉じる';b.className='cal-tut-bubble ct-ar-center';}
  if(!tgt){calTutHide();return;}
  var r=tgt.getBoundingClientRect();
  b.style.display='block';
  var bw=b.offsetWidth;
  if(step===1){b.style.top=(r.bottom+10)+'px';b.style.left=Math.min(window.innerWidth-bw-8,Math.max(8,r.right-bw))+'px';}
  else{b.style.top=(r.top+8)+'px';b.style.left=Math.max(8,(window.innerWidth-bw)/2)+'px';}
}
function calTutNext(){if(_calTutStep===1){calTutShow(2);}else{calTutClose();}}
function calTutHide(){_calTutStep=0;var b=document.getElementById('cal-tut');if(b)b.style.display='none';}
function calTutClose(){window._calTutClosed=true;calTutHide();}
function calTutNever(){try{localStorage.setItem('ksg365_cal_tut','1');}catch(e){}calTutClose();}
function resetRangeStart(){
  if(calMode!=='range')return;
  rangeStart=rangeEnd;rangeEnd=null;
  setHint(rangeStart?'終了日をタップ':'開始日をタップ',rangeStart?'end':'start');
  if(!rangeStart){rangeStart=null;}
  updateRangeUI();renderCalendar();
}
function resetRangeEnd(){
  if(calMode!=='range'||!rangeEnd)return;
  rangeEnd=null;
  setHint('終了日をタップ','end');
  updateRangeUI();renderCalendar();
}
var waitlistDates=[];
function showRangePopup(){
  if(!rangeStart||!rangeEnd)return;
  _bookSiteIdx=curSiteIdx; /* v3.16.27: フロー固定 */
  var dn=['日','月','火','水','木','金','土'];
  var s=new Date(calYear,calMonth,rangeStart),e=new Date(calYear,calMonth,rangeEnd);
  var label=(calMonth+1)+'/'+rangeStart+'（'+dn[s.getDay()]+'）〜 '+(calMonth+1)+'/'+rangeEnd+'（'+dn[e.getDay()]+'）<br>'+(rangeEnd-rangeStart+1)+'日間';
  showDlg('📅','この期間で予約しますか？','<span class="dlg-site-line" style="border-color:'+((_bookSite().color)||'#6fb6cc')+'">📍 '+escapeHtml(_bookSite().name||'現場')+'</span><br>'+label,[{label:'この期間で予約 →',cls:'dlg-btn-primary',action:function(){closeDlg();submitRange();}},{label:'キャンセル',cls:'dlg-btn-cancel',action:closeDlg}],'※ 人数の入力は次のページで行います');
}
function submitRange(){
  if(!rangeStart||!rangeEnd)return;
  const dayNames=['日','月','火','水','木','金','土'];
  // Check for unavailable dates
  var okDays=[],ngDays=[],fewDays=[];
  for(var d=rangeStart;d<=rangeEnd;d++){
    var av=availFor(calYear,calMonth,d)||'full';
    if(av==='none')ngDays.push(d);
    else if(av==='few')fewDays.push(d);
    else okDays.push(d);
  }
  waitlistDates=[];
  if(ngDays.length>0){
    // Show dialog with options
    var ngList=ngDays.map(function(d){return(calMonth+1)+'/'+d+'（'+dayNames[new Date(calYear,calMonth,d).getDay()]+'）'}).join('、');
    var fewList=fewDays.length?'<br><span style="color:#f59e0b">△ 残少: '+fewDays.map(function(d){return(calMonth+1)+'/'+d}).join('、')+'</span>':'';
    var availCount=rangeEnd-rangeStart+1-ngDays.length;
    showDlg('📋','手配不可日のお知らせ',
      'ご指定の期間に手配できない日が含まれています。<br><br>'+
      '<span style="color:#ef4444;font-weight:700">× 手配不可: '+ngList+'</span>'+fewList+'<br><br>'+
      '手配可能: <b>'+availCount+'日間</b>',
      [{label:'可能な日のみ予約',cls:'dlg-btn-primary',action:function(){closeDlg();waitlistDates=[];proceedRange(ngDays);}},
       {label:'不可日はキャンセル待ち',cls:'dlg-btn-ok',action:function(){closeDlg();waitlistDates=ngDays.filter(function(x){return _wlOpen(calYear,calMonth,x);});proceedRange(ngDays.filter(function(x){return !_wlOpen(calYear,calMonth,x);}));}}, /* v3.18.4: 締切（前日13:00）後の×日はキャンセル待ちにできない＝除外日へ */
       {label:'戻る',cls:'dlg-btn-cancel',action:closeDlg}],
      '※ キャンセル待ちは前日13:00まで。以降は自動キャンセル');
  }else{
    proceedRange([]);
  }
}
function proceedRange(skipDays){
  const dayNames=['日','月','火','水','木','金','土'];
  const dtS=new Date(calYear,calMonth,rangeStart);const dtE=new Date(calYear,calMonth,rangeEnd);
  const totalDays=rangeEnd-rangeStart+1;
  const bookDays=totalDays-skipDays.length;
  selectedDate=rangeStart;
  var label=(calMonth+1)+'/'+rangeStart+'（'+dayNames[dtS.getDay()]+'）〜 '+(calMonth+1)+'/'+rangeEnd+'（'+dayNames[dtE.getDay()]+'）';
  if(skipDays.length>0)label+='・'+bookDays+'日間（'+skipDays.length+'日除外）';
  else if(waitlistDates.length>0)label+='・'+totalDays+'日間（'+waitlistDates.length+'日キャンセル待ち）';
  else label+='・'+totalDays+'日間';
  document.getElementById('booking-date').textContent=label;
  document.getElementById('booking-weather').textContent='期間中の天気は各日参照';
  // Store skip info
  window._skipDays=skipDays;
  goScreen('booking');
}
function changeMonth(dir){calMonth+=dir;if(calMonth<0){calMonth=11;calYear--;}if(calMonth>11){calMonth=0;calYear++;}selectedDate=null;rangeStart=null;rangeEnd=null;renderCalendar();}
function changeNum(d){numGuards=Math.max(1,Math.min(20,numGuards+d));document.getElementById('o-num').textContent=numGuards;}
function goToConfirm(){
  if(!selectedDate){showToast('⚠️ 日付を選択してください');return;}
  const dayNames=['日','月','火','水','木','金','土'];
  var _cs=(typeof _bookSite==='function')?_bookSite():CLIENT_SITES[curSiteIdx]; /* v3.16.27 */
  const siteName=(_cs&&_cs.name)||_session?.site_name||'現場';
  document.getElementById('c-site').textContent=siteName;
  document.getElementById('c-waitlist-row').style.display='none';
  if(calMode==='range'&&rangeStart&&rangeEnd){
    var skip=window._skipDays||[];
    var bookedList=[];
    for(var d=rangeStart;d<=rangeEnd;d++){
      if(skip.indexOf(d)>=0)continue;
      if(waitlistDates.indexOf(d)>=0)continue;
      bookedList.push((calMonth+1)+'/'+d+'（'+dayNames[new Date(calYear,calMonth,d).getDay()]+'）');
    }
    document.getElementById('c-date').textContent=bookedList.join('、');
    if(waitlistDates.length>0){
      var wlList=waitlistDates.map(function(d){return(calMonth+1)+'/'+d+'（'+dayNames[new Date(calYear,calMonth,d).getDay()]+'）'}).join('、');
      document.getElementById('c-waitlist').textContent=wlList;
      document.getElementById('c-waitlist-row').style.display='flex';
    }
    document.getElementById('c-weather').textContent='期間中各日参照';
  }else{
    const dt=new Date(calYear,calMonth,selectedDate);
    document.getElementById('c-date').textContent=calYear+'年'+(calMonth+1)+'月'+selectedDate+'日（'+dayNames[dt.getDay()]+'）';
    document.getElementById('c-weather').textContent=_wxDailyText(calYear,calMonth,selectedDate);
  }
  document.getElementById('c-num').textContent=numGuards+'名';
  document.getElementById('c-time').textContent=document.getElementById('o-start').value+' 〜 '+document.getElementById('o-end').value;
  document.getElementById('c-address').textContent=document.getElementById('o-address').value;
  const note=document.getElementById('o-note').value.trim();
  if(note){document.getElementById('c-note').textContent=note;document.getElementById('c-note-row').style.display='flex';}
  else{document.getElementById('c-note-row').style.display='none';}
  goScreen('confirm');
}
/* v3.18.10（不具合チェック DEC-710 K3）: ［この内容で確定する］の二重押しを止める。従来は送信中もボタンが押せたままで、2回押すと同じ手配が2件できた。 */
var _jgBooking=false;
async function confirmBooking(){
  if(_jgBooking)return;
  _jgBooking=true;
  var _cb=document.querySelector('#scr-confirm .confirm-actions .btn-primary'), _cbt=_cb?_cb.textContent:'';
  if(_cb){_cb.disabled=true;_cb.textContent='送信中…';}
  try{ await _confirmBookingRun(); }
  finally{ _jgBooking=false; if(_cb){_cb.disabled=false;_cb.textContent=_cbt||'この内容で確定する';} }
}
async function _confirmBookingRun(){
  const startTime=document.getElementById('o-start').value;const endTime=document.getElementById('o-end').value;
  const note=document.getElementById('o-note').value.trim();const address=document.getElementById('o-address').value;const siteName=_session?.site_name||'現場';
  const startDay=(calMode==='range'&&rangeStart)?rangeStart:selectedDate;
  const endDay=(calMode==='range'&&rangeEnd)?rangeEnd:selectedDate;
  var skip=window._skipDays||[];
  var bookedDays=0;var waitDays=0;
  for(var d=startDay;d<=endDay;d++){
    if(skip.indexOf(d)>=0)continue;
    if(waitlistDates.indexOf(d)>=0)waitDays++;else bookedDays++;
  }
  /* ── v3.16.36: 偽成功撤去 = API成功時のみ完了画面 (ローカル採番RSV-/※ローカル仮確定 廃止) ── */
  var curSite=(typeof _bookSite==='function')?_bookSite():CLIENT_SITES[curSiteIdx]; /* v3.16.27: 日付タップ時点の現場契約に固定 */
  var contractId=curSite&&curSite.contract_id;
  if(!_session?.token||!contractId){
    showDlg('⚠️','手配を送信できません','ログイン情報または契約情報を確認できませんでした。<br>お手数ですが、一度ログインし直してからもう一度お試しください。',
      [{label:'閉じる',cls:'dlg-btn-cancel',action:closeDlg}],'※ お急ぎの場合は警備会社へお電話ください');
    return;
  }
  var orderNo=null;
  try{
    const startDateStr=calYear+'-'+String(calMonth+1).padStart(2,'0')+'-'+String(startDay).padStart(2,'0');
    const endDateStr=calYear+'-'+String(calMonth+1).padStart(2,'0')+'-'+String(endDay).padStart(2,'0');
    /* v3.17.1 配線監査#5: 「現場場所」は編集できる入力欄で、確認画面にも編集後の住所が出るのに、
       注文APIに一切載せていなかった（orders/order_items にも住所の列が無い＝FE・API・DBの3層とも受け皿ゼロ）。
       ＝発注者が「今日は北ゲート前」と直しても警備会社に届かない状態だった。
       MANABU裁定＝推奨案（B案）＝登録住所と違う住所が入っているときだけ、備考の先頭に自動で付けて送る。
       備考は BE の notes に保存され、母艦の受注側でも読める。BE・DBは無改修。 */
    var _regAddr=(curSite&&curSite.addr&&curSite.addr!=='住所未設定')?String(curSite.addr).trim():'';
    var _inAddr=String(address||'').trim();
    var _addrNote=(_inAddr&&_inAddr!==_regAddr)?('現場場所の指定:'+_inAddr+' / '):'';
    const notesStr=(_addrNote+'備考:'+(note||'なし')+(skip.length?' / 除外:'+skip.length+'日':'')).slice(0,2000); /* v3.18.4: キャンセル待ちは BE が注文の印（is_waitlist）で持つ＝備考に書かない */
    /* v3.18.4 DEC-659: 通常の日（dates）とキャンセル待ちの日（waitlist_dates）を分けて送る。除外日はどちらにも入れない */
    var _dts=[],_wds=[];
    for(var _d=startDay;_d<=endDay;_d++){if(skip.indexOf(_d)>=0)continue;var _ds=calYear+'-'+_avPad(calMonth+1)+'-'+_avPad(_d);if(waitlistDates.indexOf(_d)>=0)_wds.push(_ds);else _dts.push(_ds);}
    const payload={contract_id:contractId,start_date:startDateStr,end_date:endDateStr,dates:_dts,waitlist_dates:_wds,guard_count:numGuards,notes:notesStr};
    if(startTime)payload.start_time=startTime;
    if(endTime)payload.end_time=endTime;
    let rd;
    try{ rd=await apiPost('/api/client_orders',payload); }
    catch(e1){   /* v3.18.10 K3: BE v7.215.12＝同じ手配を2分以内に受け付け済み（二重押し・押し直し）→ 先の予約番号で完了画面（2件目は作られていない） */
      if(e1&&e1.message==='DUPLICATE_ORDER'){ rd={order:{order_no:(e1.body&&e1.body.order_no)||null},duplicate:true}; }
      else throw e1;
    }
    orderNo=(rd&&rd.order&&rd.order.order_no)||null;
  }catch(e){
    console.warn('[client_orders] error',e);
    if(e&&e.message==='DUTY_NOT_ORDERABLE'){ /* v3.18.8: BE v7.215.11＝この現場の業務区分（その他）は 365 から手配できない */
      showDlg('📞','この現場は365から手配できません','この現場の業務区分は、365からの手配に対応していません。<br>お手数ですが、警備会社へお電話でご依頼ください。<br><span style="color:var(--t3);font-size:12px">この手配は受け付けられていません。</span>',
        [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},{label:'閉じる',cls:'dlg-btn-cancel',action:closeDlg}],'');
      return;
    }
    if(e&&e.message==='AVAILABILITY_CHANGED'){ /* v3.18.4: 作る直前に×になった日がある（BE 409）＝カレンダーを取り直して選び直してもらう */
      _avInvalidate();
      showDlg('📅','空き状況が変わりました','ご指定の日のうち、手配できない日が出ました。<br>カレンダーで最新の空き状況をご確認ください。<br><span style="color:var(--t3);font-size:12px">この手配はまだ受け付けられていません。</span>',
        [{label:'カレンダーに戻る',cls:'dlg-btn-primary',action:function(){closeDlg();goScreen('calendar');renderCalendar();}},
         {label:'警備会社に電話',cls:'dlg-btn-cancel',action:function(){closeDlg();showPhoneDialog();}}],'');
      return;
    }
    if(e&&e.message==='WAITLIST_DEADLINE_PASSED'){ /* v3.18.4: キャンセル待ちの締切（前日13:00）を過ぎた */
      showDlg('⏰','キャンセル待ちの受付時間を過ぎています','キャンセル待ちの受付は前日13:00までです。<br>お急ぎの場合は警備会社へお電話ください。<br><span style="color:var(--t3);font-size:12px">この手配はまだ受け付けられていません。</span>',
        [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},
         {label:'閉じる',cls:'dlg-btn-cancel',action:closeDlg}],'');
      return;
    }
    showDlg('⚠️','手配を送信できませんでした','通信環境をご確認のうえ、「手配を確定する」をもう一度押してください。<br><span style="color:var(--t3);font-size:12px">この手配はまだ受け付けられていません。</span>',
      [{label:'閉じる（再試行できます）',cls:'dlg-btn-primary',action:closeDlg},
       {label:'警備会社に電話',cls:'dlg-btn-cancel',action:function(){closeDlg();showPhoneDialog();}}],'');
    return;
  }
  /* API成功後にのみローカル予約状態を反映 */
  for(var d2=startDay;d2<=endDay;d2++){
    if(skip.indexOf(d2)>=0)continue;
    BOOKED.set(calYear+'-'+(calMonth+1)+'-'+d2,numGuards);
  }
  _avInvalidate(); /* v3.18.4: 自分の発注で空き状況が変わる＝次の描画で取り直す */
  var resultText='予約番号: '+(orderNo||'受付済み');
  if(bookedDays+waitDays>1)resultText+=' （'+bookedDays+'日確定';
  if(waitDays>0)resultText+=' / '+waitDays+'日キャンセル待ち';
  if(bookedDays+waitDays>1)resultText+='）';
  document.getElementById('complete-id').textContent=resultText;
  // Update complete screen message
  var subEl=document.querySelector('#scr-complete .complete-sub');
  if(waitDays>0&&subEl){
    subEl.innerHTML='手配確定分は予約完了です。<br>キャンセル待ち分は<b>前日13:00まで</b>に<br>結果を通知します。';
  }else if(subEl){
    subEl.innerHTML='警備会社が配置を確定次第、<br>通知でお知らせします。';
  }
  window._skipDays=[];
  goScreen('complete'); /* v3.16.35: 疑似通知撤去=結果は実PUSH/ベルで通知 */
}
function openMapFull(){
  var src=document.getElementById('today-map').src;
  document.getElementById('map-full-iframe').src=src;
  document.getElementById('map-fullscreen').classList.add('show');
}
function closeMapFull(){
  document.getElementById('map-fullscreen').classList.remove('show');
  document.getElementById('map-full-iframe').src='';
}
function _todayEmpty(show){ /* v3.16.36: 本日の配置 空状態 */
  var sc=document.querySelector('#scr-today .guard-scroll');if(!sc)return;
  var ge=document.getElementById('guard-scroll-empty');
  if(show){
    if(!ge){ge=document.createElement('div');ge.id='guard-scroll-empty';ge.style.cssText='padding:22px 12px;text-align:center;font-size:12px;color:var(--t3)';ge.textContent='本日の配置はありません';sc.appendChild(ge);}
    ge.style.display='block';
  }else if(ge){ge.style.display='none';}
}
async function loadToday(){
  var s=CLIENT_SITES[curSiteIdx];
  var ts=document.getElementById('today-site-name');
  if(!s){if(ts)ts.textContent='—';return;} /* v3.16.30 */
  if(ts)ts.textContent=s.name;
  if(!_session?.token)return;
  /* v3.18.10（不具合チェック DEC-710）: 選んでいる現場と今日の日付で読む（従来は指定が無く、他の現場の人や昨日の打刻が「勤務中」として出た） */
  var _td=new Date(), _tds=_td.getFullYear()+'-'+_avPad(_td.getMonth()+1)+'-'+_avPad(_td.getDate()), _sq=s.site_id?('site_id='+encodeURIComponent(s.site_id)):'';
  try{const[summary,detail]=await Promise.all([apiFetch('/api/attendance/today/summary'+(_sq?'?'+_sq:'')),apiFetch('/api/attendance?'+(_sq?_sq+'&':'')+'date='+_tds+'&type=checkin&limit=100')]);
  const statusEl=document.getElementById('today-status');
  if(statusEl&&summary){const checked=summary.checkin_count||0;const total=summary.total_scheduled||checked;const absent=summary.absent_count||0;
  if(total===0&&checked===0){statusEl.style.color='var(--t3)';statusEl.textContent='本日の配置はありません';} /* v3.16.36: 0名なのに「勤務中」表示の是正 */
  else if(absent>0){statusEl.style.color='var(--ng)';statusEl.textContent='● 欠員あり — '+checked+'/'+total+'名出勤';}
  else if(checked===0){statusEl.style.color='var(--warn)';statusEl.textContent='● まもなく出勤 — 予定'+total+'名';}
  else{statusEl.style.color='var(--ok)';statusEl.textContent='● 勤務中 — '+checked+'名出勤';}}
  const logs=(detail.logs||[]).filter(function(a){return a.type==='checkin'}).slice(0,5);
  if(logs.length===0){_todayEmpty(true);} /* v3.16.36 */
  if(logs.length>0){const listTitle=document.querySelector('#scr-today .guard-list-title span');if(listTitle)listTitle.textContent='配置警備員（'+logs.length+'名）';
  const container=document.querySelector('#scr-today .guard-list-title');
  if(container){var scrollC=document.querySelector('#scr-today .guard-scroll');if(scrollC){scrollC.innerHTML='';
  logs.forEach(function(a){const card=document.createElement('div');card.className='guard-card';
  const time=a.recorded_at?new Date(a.recorded_at).toLocaleTimeString('ja-JP',{hour:'2-digit',minute:'2-digit'}):'—';
  const gpsOk=(a.gps_status==='正常'||a.gps_lat)?'GPS精度 取得済':'GPS取得なし';   /* v3.18.11: BE v7.218.0 は発注者に緯度経度を返さず gps_status だけ */
  card.innerHTML='<div class="gc-avatar">👤<div class="gc-status-dot" style="background:var(--ok)"></div></div><div class="gc-info"><div class="gc-name">'+escapeHtml(a.guard_name||a.guard_id)+'</div><div class="gc-meta">'+escapeHtml(_JG_DUTY_LABEL[a.duty_type]||a.duty_type||'警備員')+' ・ '+gpsOk+'</div></div><div class="gc-right"><div class="gc-badge" style="background:var(--ok-soft);color:var(--ok)">勤務中</div><div class="gc-time">'+time+'出勤</div></div>';
  scrollC.appendChild(card);});}}}
  }catch(e){}
}
async function updateHomeTodayStatus(){
  var band=document.getElementById('home-status-band');if(!band)return;
  var val=document.getElementById('hs-val');
  band.classList.remove('is-ok','is-ng','is-wait');
  if(!_session?.token){if(val)val.textContent='—';return;}
  try{
    var summary=await apiFetch('/api/attendance/today/summary');
    var checked=(summary&&summary.checkin_count)||0;
    var total=(summary&&summary.total_scheduled)||0;
    var absent=(summary&&summary.absent_count)||0;
    if(total===0&&checked===0){band.classList.add('is-wait');if(val)val.textContent='本日の配置はありません';return;}
    if(absent>0){band.classList.add('is-ng');if(val)val.textContent='欠員あり — '+checked+'/'+total+'名 出勤';return;}
    if(checked>0){band.classList.add('is-ok');if(val)val.textContent=(total&&checked>=total?'全員勤務中 — ':'勤務中 — ')+checked+'名 出勤';return;}
    band.classList.add('is-wait');if(val)val.textContent='まもなく出勤 — 予定'+total+'名';
  }catch(e){if(val)val.textContent='—';}
}
function updateNextSchedule(){
  var band=document.getElementById('next-sched-band');if(!band)return;
  var val=document.getElementById('ns-val');
  var cta=document.getElementById('ns-cta-label');
  band.classList.remove('is-none');
  if(!_session?.token){if(val)val.textContent='—';return;}
  /* v3.18.20（独立レビュー 🟡2）: 今の現場の注文をまだ読めていない（開いた直後・現場の切り替え直後・読み込みの失敗）ときは
     「予定なし」にしない＝「確認中…」のまま・押すと予約一覧（一覧が自分で読み込む） */
  var _ncs=CLIENT_SITES[curSiteIdx];
  if(!_ncs||!_ncs.contract_id||_jgBookedFor!==_ncs.contract_id){if(val)val.textContent='確認中…';if(cta)cta.textContent='予約一覧';return;}
  var today=new Date();today.setHours(0,0,0,0);
  var best=null;
  BOOKED.forEach(function(cnt,key){
    var p=key.split('-');if(p.length!==3)return;
    var dt=new Date(parseInt(p[0],10),parseInt(p[1],10)-1,parseInt(p[2],10));dt.setHours(0,0,0,0);
    if(dt.getTime()<=today.getTime())return;
    if(!best||dt.getTime()<best.t)best={t:dt.getTime(),y:parseInt(p[0],10),m:parseInt(p[1],10),d:parseInt(p[2],10),cnt:cnt};
  });
  if(best){
    var dn=['日','月','火','水','木','金','土'][new Date(best.y,best.m-1,best.d).getDay()];
    var diff=Math.round((best.t-today.getTime())/86400000);
    var when=diff===1?('明日 '+best.m+'/'+best.d):(best.m+'/'+best.d+'（'+dn+'）');
    if(val)val.textContent=when+' に '+best.cnt+'名';
    if(cta)cta.textContent='予約一覧'; /* v3.18.20: 予約が見えている帯から、そのまま予約一覧へ（旧＝カレンダー） */
  }else{
    band.classList.add('is-none');
    if(val)val.textContent='予定なし — いつでも手配できます';
    if(cta)cta.textContent='手配する';
  }
}
/* v3.18.20: 発注の画面の「現場場所」の札＝登録の住所か・直した住所か（比べ方は confirmBooking の備考の付け方と同じ＝前後の空白を除いて登録の住所と違えば備考の先頭に付く）。
   空欄は登録の住所のまま扱う（備考に何も付かない） */
function _jgAddrBadge(){
  var gl=document.getElementById('gps-location');if(!gl)return;
  var bs=(typeof _bookSite==='function')?_bookSite():CLIENT_SITES[curSiteIdx];
  var reg=(bs&&bs.addr&&bs.addr!=='住所未設定')?String(bs.addr).trim():'';
  var oa=document.getElementById('o-address');var inp=oa?String(oa.value||'').trim():'';
  if(inp&&inp!==reg)gl.textContent=reg?'住所を変えました（備考に添えて送ります）':'入力した住所を備考に添えて送ります';
  else gl.textContent=reg?'警備会社に登録の住所':'住所が未登録です。入力すると備考に添えて送ります';
}
/* v3.18.20（第4回棚卸 第2層 要望21）: 「次の配置予定」の帯＝これからの予約があるとき（is-none でない）は予約一覧、無いと分かったときはカレンダー。
   帯も予約一覧も、ホームで選んでいる現場の予約を数える。読み込み前（確認中…）に押したときも予約一覧（一覧が自分で読み込む・空なら［手配する］がある） */
function jgNextSchedTap(){
  var band=document.getElementById('next-sched-band');
  goScreen(band&&band.classList.contains('is-none')?'calendar':'reservations');
}
/* v3.18.20: 予約が終わった画面の［予約一覧を見る］＝予約した現場の一覧を開く。［←］は完了の画面ではなくホームへ戻す */
function jgOpenResFromComplete(){
  try{if(_bookSiteIdx!=null&&_bookSiteIdx!==curSiteIdx&&CLIENT_SITES[_bookSiteIdx])switchSite(_bookSiteIdx);}catch(e){}
  goScreen('reservations');
  if(navHistory.length&&navHistory[navHistory.length-1]==='complete')navHistory[navHistory.length-1]='home';
}
function applyTheme(t){
  t=(t==='light')?'light':'dark';
  document.body.classList.toggle('light',t==='light');
  try{localStorage.setItem('ksg365_theme',t);}catch(e){}
  var d=document.getElementById('theme-btn-dark'),l=document.getElementById('theme-btn-light');
  if(d)d.classList.toggle('active',t==='dark');
  if(l)l.classList.toggle('active',t==='light');
}
// ── Stats ──
let statsDayCount=0,statsNightCount=0,statsOTHours=0; /* v3.16.36: デモ初期値→0 */
let cumDayCount=0,cumNightCount=0,cumOTHours=0;
function toggleCumBudget(){var b=document.getElementById('cum-budget-block'),c=document.getElementById('cum-budget-caret');if(!b)return;var open=b.style.display!=='none';b.style.display=open?'none':'block';if(c)c.textContent=open?'▾ 開く':'▴ 閉じる';}
function updateStats(){
  var s=CLIENT_SITES[curSiteIdx];
  if(!s)return; /* v3.16.30 */
  var closingDay=parseInt(document.getElementById('closing-day2').value);
  var now=new Date(),y=now.getFullYear(),m=now.getMonth();
  var startDate,endDate;
  if(closingDay>=28){startDate=new Date(y,m,1);endDate=new Date(y,m+1,0);}
  else{var pm=m===0?11:m-1;var py=m===0?y-1:y;startDate=new Date(py,pm,closingDay+1);endDate=new Date(y,m,closingDay);}
  var sm=(startDate.getMonth()+1)+'/'+startDate.getDate();
  var em=(endDate.getMonth()+1)+'/'+endDate.getDate();
  document.getElementById('stats-period2').textContent='集計期間: '+sm+' 〜 '+em;
  var addCount=0;
  BOOKED.forEach(function(count,key){
    var p=key.split('-');var bd=new Date(parseInt(p[0]),parseInt(p[1])-1,parseInt(p[2]));
    if(bd>=startDate&&bd<=endDate)addCount+=count;
  });
  statsDayCount=s.statDay+addCount;statsNightCount=s.statNight;statsOTHours=s.statOT;
  var totalCount=statsDayCount+statsNightCount;
  cumDayCount=s.cumDay;cumNightCount=s.cumNight;cumOTHours=s.cumOT;
  var totalCumCount=cumDayCount+cumNightCount;
  document.getElementById('stats-month-count').textContent=totalCount;
  var e;
  e=document.getElementById('stats-month-day');if(e)e.textContent=statsDayCount+'人日';
  e=document.getElementById('stats-month-night');if(e)e.textContent=statsNightCount+'人日';
  e=document.getElementById('stats-month-ot');if(e)e.textContent=statsOTHours+'h';
  document.getElementById('stats-total-count').textContent=totalCumCount;
  e=document.getElementById('stats-avg');if(e)e.textContent=(totalCumCount/(s.months||1)).toFixed(1)+'人日/月';
  // 今月詳細の静的部分を更新
  /* v3.18.3 裁定②A案: 契約単価による費用算出（¥）を撤去 */
  e=document.getElementById('md-count');if(e)e.textContent=totalCount;
  e=document.getElementById('md-stat-day');if(e)e.textContent=statsDayCount+'人日';
  e=document.getElementById('md-stat-night');if(e)e.textContent=statsNightCount+'人日';
  e=document.getElementById('md-stat-ot');if(e)e.textContent=statsOTHours+'h';
  // 累計詳細の静的部分を更新（v3.18.3: 費用内訳・署名済/未署名 行の書き込みは撤去）
  e=document.getElementById('td-count');if(e)e.textContent=totalCumCount;
  e=document.getElementById('td-start');if(e)e.textContent=s.startDate+' 〜';
  e=document.getElementById('td-months');if(e)e.textContent=s.months+'ヶ月';
  e=document.getElementById('td-avg-count');if(e)e.textContent=(totalCumCount/(s.months||1)).toFixed(1)+'人日/月';
  // 配置累計カード充実表示 (v3.15.0)（v3.18.3: 今月の費用・累計費用の書き込みは撤去）
  e=document.getElementById('sc-chip-day');if(e)e.textContent='日勤 '+statsDayCount;
  e=document.getElementById('sc-chip-night');if(e)e.textContent='夜勤 '+statsNightCount;
  e=document.getElementById('sc-chip-ot');if(e)e.textContent='残業 '+statsOTHours+'h';
  e=document.getElementById('sc-total-sub');if(e)e.textContent='工期 '+(s.months||0)+'ヶ月・月平均 '+(totalCumCount/(s.months||1)).toFixed(1)+'人日';
  e=document.getElementById('home-month-count');if(e)e.textContent=totalCount;
  // 予算フォームを現場データで更新
  renderTrendChart();
  loadSiteBudget();
  recalcBudget();
  /* v3.18.3 裁定②A案: 月間予算の進捗バーは人日（日勤＋夜勤）で比較 */
  var _mBud=(parseInt(document.getElementById('budget-month-day').value)||0)+(parseInt(document.getElementById('budget-month-night').value)||0);
  var _bs=document.getElementById('sc-month-budset'),_bw=document.getElementById('sc-month-budbar-wrap');
  if(_mBud>0){if(_bs)_bs.style.display='none';if(_bw)_bw.style.display='block';var _pct=Math.min(100,Math.round(totalCount/_mBud*100));var _ff=document.getElementById('sc-month-budbar-fill');if(_ff)_ff.style.width=_pct+'%';var _ll=document.getElementById('sc-month-budbar-l');if(_ll)_ll.textContent='実績 '+totalCount+'人日（'+_pct+'%）';var _rr=document.getElementById('sc-month-budbar-r');if(_rr)_rr.textContent='予算 '+_mBud+'人日';}else{if(_bs)_bs.style.display='block';if(_bw)_bw.style.display='none';}
}
function renderTrendChart(){
  var el=document.getElementById('sc-trend-chart');if(!el)return;
  var now=new Date(),cols=[],maxV=0,c,o,h,cls,html='';
  for(var i=5;i>=0;i--){
    var d=new Date(now.getFullYear(),now.getMonth()-i,1);
    var mk=d.getFullYear()+'-'+('0'+(d.getMonth()+1)).slice(-2);
    var v=MONTHLY.get(mk)||0;if(v>maxV)maxV=v;
    cols.push({label:(d.getMonth()+1)+'月',val:v,cur:i===0});
  }
  if(maxV<=0){el.innerHTML='<div class="sc-trend-empty">まだ配置実績がありません</div>';return;}
  for(c=0;c<cols.length;c++){
    o=cols[c];h=o.val>0?Math.max(6,Math.round(o.val/maxV*72)):3;
    cls='sc-trend-col'+(o.cur?' is-cur':'')+(o.val<=0?' is-zero':'');
    html+='<div class="'+cls+'"><div class="sc-trend-val">'+o.val+'</div><div class="sc-trend-bar" style="height:'+h+'px"></div><div class="sc-trend-label">'+o.label+'</div></div>';
  }
  el.innerHTML=html;
}
function loadSiteBudget(){
  var s=CLIENT_SITES[curSiteIdx];
  if(!s)return; /* v3.16.30 */
  document.getElementById('price-day').value=s.priceDay;
  document.getElementById('price-night').value=s.priceNight;
  document.getElementById('price-overtime').value=s.priceOT;
  document.getElementById('budget-month-day').value=s.budgetMonthDay;
  document.getElementById('budget-month-night').value=s.budgetMonthNight;
  document.getElementById('budget-month-ot').value=s.budgetMonthOT;
  document.getElementById('budget-total-day').value=s.budgetTotalDay;
  document.getElementById('budget-total-night').value=s.budgetTotalNight;
  document.getElementById('budget-total-ot').value=s.budgetTotalOT;
}
function loadSettings(){
  var s=CLIENT_SITES[curSiteIdx];
  if(!s)return; /* v3.16.30 */
  // 固定ヘッダー
  document.getElementById('set-site-display').textContent=s.name;
  document.getElementById('set-addr-display').textContent=s.addr;
  var _spn=document.getElementById('set-prov-note');if(_spn)_spn.style.display=s.ratePending?'block':'none';
  var dot=document.getElementById('set-site-dot');if(dot)dot.style.background=s.color;
  // 締め日 (端末保存値を復元)
  var _cd=document.getElementById('closing-day2');if(_cd)_cd.value=String(s._closingDay||31);
  updateStats();
}
/* v3.12.0 §8 A案: updatePeriodManual/updateSiteName/updateSiteAddr/updateTabName/renderSiteManage/confirmDeleteSite/deleteSiteData/showAddSiteDialog/addNewSite/doAddNewSite/SITE_COLORS は撤去（現場・単価は契約=警備会社側管理のため） */
function rebuildSiteTabs(){
  var tabBar=document.getElementById('site-tabs');tabBar.innerHTML='';
  if(!CLIENT_SITES.length){tabBar.innerHTML='<div class="site-tab active" style="color:var(--t3)" onclick="location.reload()">現場情報なし（タップで再読込）</div>';return;} /* v3.16.30 */
  CLIENT_SITES.forEach(function(s,j){
    var tab=document.createElement('div');tab.className='site-tab'+(j===curSiteIdx?' active':'');
    tab.id='site-tab-'+j;tab.textContent=s.tabName;tab.onclick=function(){switchSite(j);};
    tabBar.appendChild(tab);
  });
  var _add=document.createElement('button');_add.type='button';_add.className='site-tab-add';_add.textContent='+';_add.title='現場を追加';_add.setAttribute('aria-label','現場を追加');_add.onclick=openAddSite;tabBar.appendChild(_add);
}

// ═══ v3.16.38: 発注者による現場追加 (＋ボタン→フォーム→POST /api/client_sites) ═══
function _asToday(){var d=new Date();return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+String(d.getDate()).padStart(2,'0');}
function openAddSite(){
  var html='<div style="text-align:left;max-height:50vh;overflow-y:auto;margin:-2px -2px 2px;padding:0 2px">'
   +'<div class="as-field"><label class="as-lbl">現場名<span class="as-req">*</span></label><input id="as-name" class="as-inp" type="text" maxlength="100" placeholder="例：〇〇ビル新築工事現場"></div>'
   +'<div class="as-field"><label class="as-lbl">住所</label><input id="as-addr" class="as-inp" type="text" maxlength="200" placeholder="例：東京都〇〇区〇〇1-2-3"></div>'
   +'<div class="as-field"><label class="as-lbl">開始日</label><input id="as-start" class="as-inp" type="date" value="'+_asToday()+'"></div>'
   +'<div class="as-field"><label class="as-lbl">業務区分</label><select id="as-duty" class="as-inp"><option value="traffic">2号（交通誘導・雑踏）</option></select><div style="font-size:11px;color:var(--t3);margin-top:4px">365 から足せるのは2号（交通誘導・雑踏）の現場です。1号（施設）・その他（3号・4号など）の現場は、警備会社へお電話ください</div></div>'
   +(CLIENT_SITES.some(function(x){return x&&x.accessReady;})   /* v3.18.18（BE v7.239.0）: 行き方。092 の前は出さない */
     ?'<div class="as-field"><label class="as-lbl">行き方</label><select id="as-access" class="as-inp"><option value="">指定なし（徒歩・公共交通機関可）</option><option value="car">車（相乗りでもよい）</option><option value="motorbike">バイク（各自のバイク）</option></select><div style="font-size:11px;color:var(--t3);margin-top:4px;line-height:1.6">現場の中を何ヶ所も動く電気工事などで車・バイクが要るときに選びます。選ぶと、その手段で来られる警備員で手配するため、空き（◎○△×）が少なく出ることがあります。追加したあとの変更は警備会社へご連絡ください。</div></div>'
     :'')
   +'<div class="as-field"><label class="as-lbl">人数の目安</label><input id="as-cap" class="as-inp" type="number" min="1" inputmode="numeric" placeholder="例：3"></div>'
   +'<div class="as-field"><label class="as-lbl">備考（任意）</label><textarea id="as-notes" class="as-inp" rows="2" maxlength="2000" placeholder="連絡事項など"></textarea></div>'
   +'</div>';
  showDlg('🏗️','現場を追加',html,
    [{label:'キャンセル',cls:'dlg-btn-cancel',action:closeDlg},
     {label:'追加する',cls:'dlg-btn-primary',action:submitAddSite}],
    '追加した現場は警備会社が内容を確認したうえで確定します。'); /* v3.18.3 裁定②: 単価に触れない */
}
async function submitAddSite(){
  var nmEl=document.getElementById('as-name');if(!nmEl)return;
  var name=(nmEl.value||'').trim();
  var noteEl=document.getElementById('dlg-note');
  if(!name){if(noteEl){noteEl.textContent='⚠️ 現場名を入力してください';noteEl.style.color='var(--ng)';}return;}
  var body={name:name,duty_type:(document.getElementById('as-duty').value||'traffic')};
  var ad=(document.getElementById('as-addr').value||'').trim();if(ad)body.address=ad;
  var sd=document.getElementById('as-start').value;if(sd)body.start_date=sd;
  var cap=parseInt(document.getElementById('as-cap').value,10);if(cap>0)body.capacity=cap;
  var nt=(document.getElementById('as-notes').value||'').trim();if(nt)body.notes=nt;
  var _acEl=document.getElementById('as-access');if(_acEl&&_acEl.value)body.access_mode=_acEl.value;   /* v3.18.18: 指定なしは送らない */
  var btns=document.querySelectorAll('#dlg-btns .dlg-btn');btns.forEach(function(b){b.disabled=true;b.style.opacity='.6';});
  if(noteEl){noteEl.textContent='送信中…';noteEl.style.color='var(--t3)';}
  try{
    var res=await apiPost('/api/client_sites',body);
    closeDlg();
    showToast('✅ 現場を追加しました（警備会社の確認後に確定）');
    await loadClientContracts();
    var newId=res&&res.contract&&res.contract.id;var idx=-1;
    for(var i=0;i<CLIENT_SITES.length;i++){if(CLIENT_SITES[i].contract_id===newId){idx=i;break;}}
    if(idx<0)idx=CLIENT_SITES.length-1;
    if(idx>=0)switchSite(idx);
    if(typeof rebuildCalSiteTabs==='function')rebuildCalSiteTabs();
    if(typeof renderCalendar==='function')renderCalendar();
  }catch(e){
    btns.forEach(function(b){b.disabled=false;b.style.opacity='';});
    var m=(e&&e.message)||'追加に失敗しました';
    if(m==='NO_BASE_CONTRACT')m='基準となる有効な契約が見つかりません。担当の警備会社にお問い合わせください。';
    else if(m==='FORBIDDEN')m='この操作の権限がありません。';
    else if(m==='ACCESS_NOT_READY')m='いまは「行き方」を保存できません。「指定なし」で追加するか、担当の警備会社にお問い合わせください。';   /* v3.18.18 */
    if(noteEl){noteEl.textContent='⚠️ '+m;noteEl.style.color='var(--ng)';}
  }
}

function recalcBudget(){
  /* v3.18.3 裁定②A案: 発注者アプリから金額（¥）を全廃。予算 vs 実績は人日（残業はh）で比較する。契約単価 price-* は計算に使わない */
  var bD=parseInt(document.getElementById('budget-month-day').value)||0;
  var bN=parseInt(document.getElementById('budget-month-night').value)||0;
  var bOT=parseInt(document.getElementById('budget-month-ot').value)||0;
  var cumBD=parseInt(document.getElementById('budget-total-day').value)||0;
  var cumBN=parseInt(document.getElementById('budget-total-night').value)||0;
  var cumBOT=parseInt(document.getElementById('budget-total-ot').value)||0;
  // 月間予算（人日＝日勤＋夜勤。残業hは別枠表記）
  var mBudget=bD+bN;
  document.getElementById('budget-month-total').textContent=mBudget+'人日'+(bOT>0?'＋残業'+bOT+'h':'');
  // 累計予算合計（人日）
  var cumBudget=cumBD+cumBN;
  document.getElementById('budget-total-sum').textContent=cumBudget+'人日'+(cumBOT>0?'＋残業'+cumBOT+'h':'');
  // 今月実績（人日）
  var mAct=statsDayCount+statsNightCount;
  // 今月予算vs実績
  var e;
  function setEl(id,v){e=document.getElementById(id);if(e)e.textContent=v;}
  function setDiffRev(id,diff){e=document.getElementById(id);if(e){e.textContent=diff===0?'±0':(diff>0?'+':'')+diff.toLocaleString();e.style.color=diff>0?'var(--ok)':diff<0?'var(--ng)':'var(--t3)';}}
  function setDiffBoxRev(id,diff,pct){
    e=document.getElementById(id);if(!e)return;
    var pctStr=pct!==undefined?' （'+(diff>0?'+':'')+pct+'%）':'';
    if(diff>0){e.innerHTML='<span style="font-size:11px;font-weight:700;color:var(--ok)">▲ 予算内　残り '+diff.toLocaleString()+'人日'+pctStr+'</span>';e.style.background='var(--ok-soft)';e.style.borderColor='rgba(16,185,129,.2)';}
    else if(diff<0){e.innerHTML='<span style="font-size:11px;font-weight:700;color:var(--ng)">▼ 予算超過 '+Math.abs(diff).toLocaleString()+'人日'+pctStr+'</span>';e.style.background='var(--ng-soft)';e.style.borderColor='rgba(239,68,68,.2)';}
    else{e.innerHTML='<span style="font-size:11px;font-weight:700;color:var(--t2)">± 0（予算どおり）</span>';e.style.background='var(--bg3)';e.style.borderColor='var(--border)';}
  }
  var mSet=(bD+bN+bOT)>0;
  setEl('md-budget',mSet?mBudget+'人日':'—');
  setEl('md-actual',mAct+'人日');
  if(mSet){setDiffBoxRev('md-diff',mBudget-mAct);}
  else{e=document.getElementById('md-diff');if(e){e.innerHTML='<span style="font-size:11px;font-weight:700;color:var(--t3)">— 予算未設定（設定タブで登録）</span>';e.style.background='var(--bg3)';e.style.borderColor='var(--border)';}}
  setEl('md-b-day',bD+'人日');
  setEl('md-b-night',bN+'人日');
  setEl('md-b-ot',bOT+'h');
  setEl('md-a-day',statsDayCount+'人日');
  setEl('md-a-night',statsNightCount+'人日');
  setEl('md-a-ot',statsOTHours+'h');
  if(mSet){setDiffRev('md-d-day',bD-statsDayCount);setDiffRev('md-d-night',bN-statsNightCount);setDiffRev('md-d-ot',bOT-statsOTHours);}
  else{['md-d-day','md-d-night','md-d-ot'].forEach(function(id){e=document.getElementById(id);if(e){e.textContent='—';e.style.color='var(--t3)';}});}
  // 累計（＋余裕=グリーン、−超過=赤）
  var cumAct=cumDayCount+cumNightCount;
  var cumDiff=cumBudget-cumAct;
  var cumPct=cumBudget>0?(Math.abs(cumDiff)/cumBudget*100).toFixed(1):'0';
  var cSet=(cumBD+cumBN+cumBOT)>0;
  setEl('td-budget',cSet?cumBudget+'人日':'—');
  setEl('td-actual',cumAct+'人日');
  if(cSet){setDiffBoxRev('td-diff',cumDiff,cumPct);}
  else{e=document.getElementById('td-diff');if(e){e.innerHTML='<span style="font-size:11px;font-weight:700;color:var(--t3)">— 予算未設定（設定タブで登録）</span>';e.style.background='var(--bg3)';e.style.borderColor='var(--border)';}}
  setEl('td-b-day',cumBD+'人日');
  setEl('td-b-night',cumBN+'人日');
  setEl('td-b-ot',cumBOT+'h');
  setEl('td-a-day',cumDayCount+'人日');
  setEl('td-a-night',cumNightCount+'人日');
  setEl('td-a-ot',cumOTHours+'h');
  if(cSet){setDiffRev('td-d-day',cumBD-cumDayCount);setDiffRev('td-d-night',cumBN-cumNightCount);setDiffRev('td-d-ot',cumBOT-cumOTHours);}
  else{['td-d-day','td-d-night','td-d-ot'].forEach(function(id){e=document.getElementById(id);if(e){e.textContent='—';e.style.color='var(--t3)';}});}
}
/* v3.12.0 §5: WEATHER_SOURCES/toggleWeatherSource 撤去（Open-Meteo実データ固定） */
// ── Notifications (v3.16.35: 実データ化=BE notification_logs / PUSHと単一ソース) ──
var notifications=[];
async function loadClientNotifications(){
  if(!_session?.token)return;
  try{
    var d=await apiFetch('/api/client_notifications?limit=50');
    var rows=d.notifications||[];
    notifications=rows.map(function(r){
      var title=r.title||'お知らせ';
      var type=/キャンセル/.test(title)?'ng':(/確認|確定/.test(title)?'ok':'wait');
      var label=type==='ng'?'❌ キャンセル':(type==='ok'?'✅ 手配確定':(/人数/.test(title)?'🔄 人数変更':'🔔 お知らせ'));
      return {id:r.id,type:type,label:label,title:title,msg:r.body||'',time:new Date(r.created_at),read:!!r.read_at};
    });
    updateNotifBadge();
  }catch(e){console.warn('[notif]',e.message||e);}
}
async function markNotificationsRead(){
  if(!notifications.some(function(n){return !n.read}))return;
  try{await apiPost('/api/client_notifications/read',{});}catch(e){console.warn('[notif read]',e.message||e);return;}
  notifications.forEach(function(n){n.read=true;});
  updateNotifBadge();
}
function updateNotifBadge(){
  var unread=notifications.filter(function(n){return!n.read}).length;
  var bell=document.getElementById('notif-bell');
  var badge=document.getElementById('notif-badge');
  if(notifications.length>0){bell.style.display='flex';}
  if(unread>0){badge.textContent=unread;badge.classList.remove('hide');}
  else{badge.classList.add('hide');}
}
async function loadReservations(){
  var listEl=document.getElementById('res-list');var emptyEl=document.getElementById('res-empty');
  if(!listEl)return;listEl.innerHTML='';if(emptyEl)emptyEl.style.display='none';
  var curSite=CLIENT_SITES[curSiteIdx];var contractId=curSite&&curSite.contract_id;
  var sn=document.getElementById('res-site-name');if(sn)sn.textContent=(curSite&&curSite.name)||'—';
  if(!(_session&&_session.token)||!contractId){if(emptyEl)emptyEl.style.display='block';return;}
  var t=new Date();
  var today=t.getFullYear()+'-'+('0'+(t.getMonth()+1)).slice(-2)+'-'+('0'+t.getDate()).slice(-2);
  // 自己キャンセルは「前々日まで」= 予約開始日が (今日+2) 以降なら可
  var lim=new Date(t.getFullYear(),t.getMonth(),t.getDate()+2);
  var cancelLimit=lim.getFullYear()+'-'+('0'+(lim.getMonth()+1)).slice(-2)+'-'+('0'+lim.getDate()).slice(-2);
  var raw=[];
    try{
      var orders=await _jgFetchAllOrders();   /* v3.18.10 K5: 200件の壁＝最後まで読む */
      for(var i=0;i<orders.length;i++){var o=orders[i];
        if(o.status==='cancelled'||o.status==='rejected')continue;
        if(o.contract_id!==contractId)continue;
        var items=o.items||o.order_items||[];
        var dates=[];var cnt=0;var st=null,et=null;var dmap={};
        for(var j=0;j<items.length;j++){var it=items[j];if(!it.duty_date)continue;
          var _ds=String(it.duty_date).split('T')[0];
          dates.push(_ds);
          var gc=it.guard_count||1;if(gc>cnt)cnt=gc;dmap[_ds]=gc;
          if(st===null&&it.start_time)st=String(it.start_time).slice(0,5);
          if(et===null&&it.end_time)et=String(it.end_time).slice(0,5);}
        if(dates.length===0)continue;
        dates.sort();
        raw.push({id:o.id,by:(o.ordered_by_me===false?(o.ordered_by_name||'別の担当者'):''),orderNo:o.order_no||'',status:o.status||'confirmed',wait:(o.is_waitlist===true),dates:dates,minDate:dates[0],maxDate:dates[dates.length-1],days:dates.length,count:cnt||1,startTime:st,endTime:et,dayMap:dmap});
      }
    }catch(e){console.warn('[loadReservations]',e&&e.message);}
    var _mmap={},bookings=[];
    for(var r0=0;r0<raw.length;r0++){var rb=raw[r0];
      var key=rb.dates.join(',')+'|'+(rb.startTime||'')+'|'+(rb.endTime||'')+'|'+(rb.wait?'w':'')+'|'+(rb.by||''); /* v3.18.4: キャンセル待ちは通常の予約と合算しない／v3.18.6: 別の人の予約とも合算しない */
      if(_mmap[key]){var mm=_mmap[key];mm.count+=rb.count;mm.ids.push(rb.id);if(rb.orderNo&&(!mm.orderNo||rb.orderNo<mm.orderNo))mm.orderNo=rb.orderNo;if(rb.status==='pending')mm.status='pending';mm.dayMap=null;}
      else{var pmn=rb.minDate.split('-'),pmx=rb.maxDate.split('-');var _d1=new Date(+pmn[0],+pmn[1]-1,+pmn[2]),_d2=new Date(+pmx[0],+pmx[1]-1,+pmx[2]);var span=Math.round((_d2-_d1)/86400000)+1;var nb={ids:[rb.id],by:rb.by,orderNo:rb.orderNo,status:rb.status,wait:rb.wait,dates:rb.dates,minDate:rb.minDate,maxDate:rb.maxDate,days:rb.days,count:rb.count,startTime:rb.startTime,endTime:rb.endTime,contiguous:(rb.days===span),dayMap:rb.dayMap};_mmap[key]=nb;bookings.push(nb);}
    }
    bookings.sort(function(a,b){return a.minDate<b.minDate?-1:a.minDate>b.minDate?1:0;});
    var up=[],pa=[];for(var m=0;m<bookings.length;m++){(bookings[m].maxDate>=today?up:pa).push(bookings[m]);}
    pa.reverse();var ordered=up.concat(pa);
  if(ordered.length===0){if(emptyEl)emptyEl.style.display='block';return;}
  function _resHead(txt,cnt){var h=document.createElement('div');h.className='res-sec-head';h.innerHTML='<span>'+txt+'</span>'+(cnt!=null?'<span class="res-sec-cnt">'+cnt+'件</span>':'');listEl.appendChild(h);}
  window.RES_VIEW=ordered;
  for(var k=0;k<ordered.length;k++){var r=ordered[k];
    if(k===0&&up.length)_resHead('これからの予約',up.length);
    if(k===up.length&&pa.length)_resHead('過去の予約',null);
    var isPast=r.maxDate<today;
    var stat=(r.status==='pending')?(r.wait?'キャンセル待ち':'受付中'):'予約確定'; /* v3.18.4: キャンセル待ちの表示 */
    var card=document.createElement('div');card.className='res-card'+(isPast?' res-past':'');
    var cntLabel;
    if(r.dayMap){var _vs=[];for(var _dk in r.dayMap)_vs.push(r.dayMap[_dk]);var _mn=Math.min.apply(null,_vs),_mx=Math.max.apply(null,_vs);cntLabel=(_mn!==_mx)?(_mn+'〜'+_mx+'名'):(_mx+'名'+(r.days>1?'/日':''));}
    else{cntLabel=r.count+'名'+(r.days>1?'/日':'');}
    var left='<div class="res-main"><div class="res-date">'+_resDateLabel(r.minDate,r.maxDate,r.days)
      +'</div><div class="res-sub"><span class="res-badge">'+stat+'</span><span class="res-count">'+cntLabel+'</span>'
      +(r.orderNo?'<span class="res-no">'+r.orderNo+'</span>':'')+(r.by?'<span class="res-by">'+_resByName(r.by)+'の発注</span>':'')+'</div>'+_resNote(r,cancelLimit,today)+'</div>'; /* v3.18.6 */
    var right;
    if(isPast){right='<div class="res-actions res-done">完了</div>';}
    else{
      r.canSelf=(r.minDate>=cancelLimit);
      right=r.canSelf?'<div class="res-actions"><button class="res-btn res-mod" onclick="resModify('+k+')">変更</button>'+'<button class="res-btn res-cancel" onclick="resCancel('+k+')">キャンセル</button></div>'
        :'<div class="res-actions"><button class="res-btn res-phone" onclick="resCancel('+k+')">電話で相談</button></div>'; /* v3.18.3 365-7: 前々日を過ぎた予約は電話案内1ボタン */
    }
    card.innerHTML=left+right;listEl.appendChild(card);
  }
}
function _resEsc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[ch];});} /* v3.18.6 */
function _resByName(by){return by==='別の担当者'?'別の担当者':_resEsc(by)+'さん';} /* v3.18.6: 氏名が取れないときは「別の担当者」 */
function _resDateLabel(minDate,maxDate,days){
  var dow=['日','月','火','水','木','金','土'];
  var pmin=minDate.split('-');var dmin=new Date(+pmin[0],+pmin[1]-1,+pmin[2]);
  if(days<=1){return (+pmin[1])+'/'+(+pmin[2])+'<span class="res-dow">（'+dow[dmin.getDay()]+'）</span>';}
  var pmax=maxDate.split('-');
  return (+pmin[1])+'/'+(+pmin[2])+'〜'+(+pmax[1])+'/'+(+pmax[2])+'<span class="res-dow">（'+days+'日間）</span>';
}
function _resNote(r,cancelLimit,today){
  if(r.maxDate<today)return '';
  var dow=['日','月','火','水','木','金','土'];
  if(r.minDate>=cancelLimit){
    var pm=r.minDate.split('-');var dl=new Date(+pm[0],+pm[1]-1,+pm[2]-2);
    var t='<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>'+(dl.getMonth()+1)+'/'+dl.getDate()+'（'+dow[dl.getDay()]+'）まで取消可';
    return '<div class="res-cancel-note">'+t+'</div>';
  }
  var tp='<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>変更・取消はお電話で';
  return '<div class="res-cancel-note is-phone">'+tp+'</div>';
}
var _resModK=-1,_resModCur=0,_resModTarget=0,_resDayTargets=[],_resDayK=-1;
function _dayLabel(ds){var p=String(ds).split('-');var d=new Date(+p[0],+p[1]-1,+p[2]);var w=['日','月','火','水','木','金','土'];return (+p[1])+'/'+(+p[2])+'（'+w[d.getDay()]+'）';}
function resModify(k){
  var b=window.RES_VIEW&&window.RES_VIEW[k];if(!b)return;
  var curSite=CLIENT_SITES[curSiteIdx];var contractId=curSite&&curSite.contract_id;
  var lbl=_resDateLabel(b.minDate,b.maxDate,b.days).replace(/<[^>]*>/g,'');
  if(!(_session&&_session.token)||!contractId||!b.canSelf||(b.ids&&b.ids.length>1)){
    showDlg('✏️','人数・日程の変更',lbl+'<br><br>この予約の変更は、警備会社の担当者が承ります。<br>お電話でご相談ください。',
      [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},
       {label:'閉じる',cls:'dlg-btn-cancel',action:closeDlg}],'');
    return;
  }
  if(b.days>1&&b.dayMap){
    _resDayK=k;
    _resDayTargets=b.dates.map(function(ds){var c=b.dayMap[ds]||1;return {date:ds,cur:c,count:c};});
    var rows='';
    for(var di=0;di<_resDayTargets.length;di++){var t=_resDayTargets[di];
      rows+='<div class="res-day-row"><span class="res-day-date">'+_dayLabel(t.date)+'</span>'
        +'<div class="num-selector res-day-sel"><button class="num-btn" onclick="_resDayStep('+di+',-1)">-</button>'
        +'<div class="num-val" id="res-day-num-'+di+'">'+t.count+'</div>'
        +'<button class="num-btn" onclick="_resDayStep('+di+',1)">+</button></div></div>';
    }
    var bodyD='<div style="font-size:12px;color:var(--t2);margin-bottom:10px;text-align:left">変えたい日だけ人数を動かせます</div><div class="res-day-list">'+rows+'</div>';
    showDlg('✏️','人数を変更（日ごと）',bodyD,
      [{label:'変更する',cls:'dlg-btn-primary',action:_doResDayChange},
       {label:'やめる',cls:'dlg-btn-cancel',action:closeDlg}],'');
    return;
  }
  _resModK=k;_resModCur=b.count;_resModTarget=b.count;
  var body='<div style="font-size:13px;color:var(--t2);margin-bottom:12px">'+lbl+'</div>'
    +'<div class="num-selector" style="max-width:190px;margin:0 auto"><button class="num-btn" onclick="_resStep(-1)">-</button>'
    +'<div class="num-val" id="res-mod-num">'+b.count+'</div>'
    +'<button class="num-btn" onclick="_resStep(1)">+</button></div>'
    +'<div id="res-mod-hint" class="res-mod-hint">現在 '+b.count+'名</div>';
  showDlg('✏️','人数を変更',body,
    [{label:'変更する',cls:'dlg-btn-primary',action:_doResModify},
     {label:'やめる',cls:'dlg-btn-cancel',action:closeDlg}],'');
}
function _resStep(d){
  _resModTarget=Math.max(1,Math.min(20,_resModTarget+d));
  var e=document.getElementById('res-mod-num');if(e)e.textContent=_resModTarget;
  var h=document.getElementById('res-mod-hint');if(!h)return;
  if(_resModTarget>_resModCur)h.innerHTML='<b style="color:var(--ok)">'+_resModCur+'名 → '+_resModTarget+'名 に変更</b>';
  else if(_resModTarget<_resModCur)h.innerHTML='<b style="color:#f59e0b">'+_resModCur+'名 → '+_resModTarget+'名 に変更</b>';
  else h.textContent='現在 '+_resModCur+'名';
}
function _resDayStep(idx,delta){
  var t=_resDayTargets[idx];if(!t)return;
  t.count=Math.max(1,Math.min(20,t.count+delta));
  var e=document.getElementById('res-day-num-'+idx);if(e){e.textContent=t.count;e.style.color=(t.count!==t.cur)?'var(--ok)':'';}
}
function _doResModify(){
  var b=window.RES_VIEW&&window.RES_VIEW[_resModK];if(!b){closeDlg();return;}
  var nt=_resModTarget,cur=_resModCur;
  if(nt===cur){closeDlg();return;}
  closeDlg();_doResChangeApply(b.ids&&b.ids[0],{guard_count:nt},cur+'名→'+nt+'名に変更しました');
}
function _doResDayChange(){
  var b=window.RES_VIEW&&window.RES_VIEW[_resDayK];if(!b){closeDlg();return;}
  var items=[],anyChange=false;
  for(var i=0;i<_resDayTargets.length;i++){var t=_resDayTargets[i];items.push({duty_date:t.date,guard_count:t.count});if(t.count!==t.cur)anyChange=true;}
  if(!anyChange){closeDlg();return;}
  closeDlg();_doResChangeApply(b.ids&&b.ids[0],{items:items},'人数を変更しました');
}
async function _doResChangeApply(orderId,payload,okMsg){
  if(!orderId){showToast('⚠️ 変更できませんでした');return;}
  showToast('⏳ 人数を変更中…');
  try{
    await apiPost('/api/client_orders/'+orderId+'/change-count',payload);
    showToast('✅ '+(okMsg||'人数を変更しました'));
    await loadReservations();
    try{await hydrateBookedFromOrders();
      if(typeof updateStats==='function')updateStats();
      if(typeof updateNextSchedule==='function')updateNextSchedule();
      if(typeof updateHomeTodayStatus==='function')updateHomeTodayStatus();
      if(currentScreen==='calendar'&&typeof renderCalendar==='function')renderCalendar();
    }catch(e2){}
  }catch(e){
    var msg=(e&&e.message)||'';
    if(msg==='DECREASE_BELOW_ASSIGNED'){
      showDlg('📞','これ以上は減らせません','この予約は既に警備員の配置が確定している日があります。<br>その日を減らす場合は警備会社の担当者が承りますので、お電話でご相談ください。',
        [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},
         {label:'閉じる',cls:'dlg-btn-cancel',action:closeDlg}],'');
    }else if(msg==='CHANGE_NOT_ALLOWED'){
      showDlg('📞','変更はお電話で','この予約は現在の状態では人数変更ができません。<br>警備会社の担当者にご相談ください。',
        [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},
         {label:'閉じる',cls:'dlg-btn-cancel',action:closeDlg}],'');
    }else{
      showToast('⚠️ 変更に失敗しました。時間をおいて再度お試しください');
    }
    console.warn('[resChange]',msg);
  }
}
function resCancel(k){
  var b=window.RES_VIEW&&window.RES_VIEW[k];if(!b)return;
  var lbl=_resDateLabel(b.minDate,b.maxDate,b.days).replace(/<[^>]*>/g,'');
  var cntTxt=b.count+'名'+(b.days>1?'/日':'');
  var siteName=(CLIENT_SITES[curSiteIdx]&&CLIENT_SITES[curSiteIdx].name)||'';
  if(!b.canSelf){
    showDlg('📞','変更・キャンセルは電話で',
      lbl+' ／ '+cntTxt+'<br><br>前々日を過ぎた予約の変更・キャンセルは、警備会社の担当者が承ります。お電話ください。',
      [{label:'警備会社に電話',cls:'dlg-btn-primary',action:function(){closeDlg();showPhoneDialog();}},
       {label:'閉じる',cls:'dlg-btn-cancel',action:closeDlg}],'');
    return;
  }
  showDlg('🗑️','予約をキャンセル',
    (siteName?siteName+'<br>':'')+lbl+' ／ '+cntTxt+(b.by?'<br><br>'+_resByName(b.by)+'が出した予約です。キャンセルすると'+_resByName(b.by)+'にもお知らせが届きます。':'')+'<br><br>この予約をキャンセルします。よろしいですか？', /* v3.18.6 */
    [{label:'キャンセルする',cls:'dlg-btn-danger',action:function(){closeDlg();_doResCancel(b.ids);}},
     {label:'やめる',cls:'dlg-btn-cancel',action:closeDlg}],
    b.days>1?'※この予約（'+b.days+'日間分）はまとめて取り消されます':'');
}
async function _doResCancel(ids){
  if(!Array.isArray(ids))ids=[ids];
  showToast('⏳ キャンセル処理中…');
  var okAll=true;
  for(var i=0;i<ids.length;i++){
    try{await apiPost('/api/client_orders/'+ids[i]+'/cancel',{reason:'発注者アプリからキャンセル'});}
    catch(e){okAll=false;console.warn('[resCancel]',ids[i],e&&e.message);}
  }
  showToast(okAll?'✅ 予約をキャンセルしました':'⚠️ 一部のキャンセルに失敗しました。時間をおいて再度お試しください');
  await loadReservations();
  try{await hydrateBookedFromOrders();
    if(typeof updateStats==='function')updateStats();
    if(typeof updateNextSchedule==='function')updateNextSchedule();
    if(typeof updateHomeTodayStatus==='function')updateHomeTodayStatus();
    if(currentScreen==='calendar'&&typeof renderCalendar==='function')renderCalendar();
  }catch(e2){}
}
function renderNotifications(){
  var list=document.getElementById('notif-list');
  var empty=document.getElementById('notif-empty');
  list.querySelectorAll('.notif-card').forEach(function(c){c.remove()}); /* v3.16.35: 空時も残骸掃除 */
  if(notifications.length===0){empty.style.display='block';return;}
  empty.style.display='none';
  notifications.forEach(function(n,i){
    var card=document.createElement('div');
    card.className='notif-card'+(n.read?'':' unread');
    var typeCls=n.type==='ok'?'notif-type-ok':n.type==='ng'?'notif-type-ng':'notif-type-wait';
    var typeLabel=n.label||(n.type==='ok'?'✅ 手配完了':n.type==='ng'?'❌ キャンセル':'🔔 お知らせ');
    var timeStr=(n.time.getMonth()+1)+'/'+n.time.getDate()+' '+n.time.getHours()+':'+String(n.time.getMinutes()).padStart(2,'0');
    card.innerHTML='<div class="notif-card-header"><span class="notif-card-type '+typeCls+'">'+typeLabel+'</span><span class="notif-card-time">'+timeStr+'</span></div><div class="notif-card-title">'+escapeHtml(n.title)+'</div><div class="notif-card-msg">'+escapeHtml(n.msg)+'</div>';
    card.onclick=(function(idx){return function(){
      notifications[idx].read=true;updateNotifBadge();
      var nn=notifications[idx];
      var when=(nn.time.getMonth()+1)+'月'+nn.time.getDate()+'日 '+nn.time.getHours()+':'+String(nn.time.getMinutes()).padStart(2,'0');
      showDlg(nn.type==='ng'?'❌':nn.type==='ok'?'✅':'🔔',nn.title,escapeHtml(nn.msg)+'<br><br><span style="color:var(--t3);font-size:11px">'+when+'</span>',
        [{label:'閉じる',cls:'dlg-btn-ok',action:closeDlg}],'');
      renderNotifications();
    }})(i);
    list.appendChild(card);
  });
}
/* v3.16.35: simulateWaitlistResult(デモ疑似通知)撤去=実PUSH/ベルへ一本化 */
// ── Dialog ──
var pendingDate=null;
function showDlg(icon,title,msg,btns,note){
  document.getElementById('dlg-icon').textContent=icon;
  document.getElementById('dlg-title').textContent=title;
  document.getElementById('dlg-msg').innerHTML=msg;
  var bc=document.getElementById('dlg-btns');bc.innerHTML='';
  btns.forEach(function(b){var btn=document.createElement('button');btn.className='dlg-btn '+b.cls;btn.textContent=b.label;btn.onclick=b.action;bc.appendChild(btn);});
  document.getElementById('dlg-note').textContent=note||'';
  document.getElementById('dlg-overlay').classList.add('show');
}
function closeDlg(){document.getElementById('dlg-overlay').classList.remove('show');}
var customContacts=[];
/* v3.18.12 RT-208: 連絡先は「持ち主つき」で保存する。持ち主が今の人でなければ読まない・ログアウトで消す */
function _ccOwner(){ var u=_session&&_session.user; return (u&&(u.client_user_id||u.id||u.email))||null; }
function _loadContacts(){
  customContacts=[];
  try{
    var raw=localStorage.getItem('ksg365_contacts'); if(!raw) return;
    var o=JSON.parse(raw); var me=_ccOwner();
    if(o&&!Array.isArray(o)&&me&&o.owner===me&&Array.isArray(o.list)) customContacts=o.list.filter(function(c){return c&&typeof c.name==='string'&&typeof c.phone==='string';});
    else localStorage.removeItem('ksg365_contacts'); /* 持ち主が違う・持ち主の分からない古い形は捨てる */
  }catch(e){ try{localStorage.removeItem('ksg365_contacts');}catch(_e){} }
}
function _saveContacts(){ try{ var me=_ccOwner(); if(me) localStorage.setItem('ksg365_contacts',JSON.stringify({owner:me,list:customContacts})); }catch(e){} }
function _clearContacts(){ customContacts=[]; try{localStorage.removeItem('ksg365_contacts');}catch(e){} try{var el=document.getElementById('custom-contacts'); if(el) el.innerHTML='';}catch(e){} }
function renderCustomContacts(){
  var el=document.getElementById('custom-contacts');el.innerHTML='';
  customContacts.forEach(function(c,i){
    var raw=c.phone.replace(/\-/g,'');
    el.innerHTML+='<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg);border-radius:10px;border:1px solid var(--border);margin-bottom:6px"><div style="flex:1;min-width:0"><div style="font-size:11px;font-weight:700;color:var(--t1)">'+escapeHtml(c.name)+'</div><div style="font-size:13px;font-family:var(--m);color:var(--accent);margin-top:2px">'+escapeHtml(c.phone)+'</div></div><div style="display:flex;gap:6px;flex-shrink:0"><a href="tel:'+escapeHtml(raw)+'" style="padding:8px 14px;background:var(--ok);color:#fff;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none;font-family:var(--f)">発信</a><button onclick="removeContact('+i+')" style="padding:8px 10px;background:var(--bg3);color:var(--t3);border:none;border-radius:8px;font-size:11px;cursor:pointer;font-family:var(--f)">✕</button></div></div>';
  });
}
function toggleAddContact(){var f=document.getElementById('add-contact-form');f.style.display=f.style.display==='none'?'block':'none';}
function addContact(){
  var n=document.getElementById('contact-name').value.trim();var p=document.getElementById('contact-phone').value.trim();
  if(!n||!p){showToast('⚠️','相手先名と電話番号を入力');return;}
  customContacts.push({name:n,phone:p});_saveContacts();document.getElementById('contact-name').value='';document.getElementById('contact-phone').value='';
  document.getElementById('add-contact-form').style.display='none';renderCustomContacts();showToast('✅','連絡先を追加しました');
}
function removeContact(i){customContacts.splice(i,1);_saveContacts();renderCustomContacts();}
function showPhoneDialog(){renderPhoneMain();renderCustomContacts();document.getElementById('phone-overlay').style.display='flex';if(!_myCompany)loadMyCompany().then(renderPhoneMain);}
function closePhoneDialog(){document.getElementById('phone-overlay').style.display='none';}
function printScreen(scrId){
  var scr=document.getElementById(scrId);if(!scr)return;
  var s=CLIENT_SITES[curSiteIdx];
  if(!s)return; /* v3.16.30 */
  var title=scr.querySelector('.h-title').textContent;
  var pa=document.getElementById('print-area');
  var now=new Date();var dateStr=now.getFullYear()+'年'+(now.getMonth()+1)+'月'+now.getDate()+'日';
  pa.innerHTML='<div class="print-header">'+escapeHtml(title)+'</div>'
    +'<div class="print-site">現場: '+escapeHtml(s.name)+' ／ '+escapeHtml(s.addr)+'　　出力日: '+dateStr+'</div>'
    +scr.querySelector('.stats-body').innerHTML;
  pa.style.display='block';
  setTimeout(function(){window.print();pa.style.display='none';},100);
}
function showUnavailableDlg(){
  showDlg('😞','手配不可','条件に合った警備員が手配できませんでした。<br>申し訳ございません。<br><br>警備会社側で条件を再確認中です。',
    [{label:'了解',cls:'dlg-btn-cancel',action:function(){closeDlg();goScreen('calendar');}}],'');
}
function showToast(a,b){var m=b?a+' '+b:a;var e=document.getElementById('toast');e.textContent=m;e.style.opacity='1';setTimeout(function(){e.style.opacity='0'},2500);}

// === J-GUARD Push Subscription helper (v3.10.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 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 apiPost('/api/device-tokens', {
    subject_type: subjectType,
    subject_id: subjectId,
    web_push_subscription: subJson,
    platform: 'web',
    app_version: 'jguard-v3.301',
  });
  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 apiPost('/api/device-tokens/deactivate', { endpoint: endpoint });
  } catch (_) {}
  await sub.unsubscribe();
  return { ok: true };
}

async function togglePush() {
  if (!('serviceWorker' in navigator) || !('PushManager' in window)) {
    showToast('⚠️ このブラウザは通知非対応です');
    return;
  }
  var btn = document.getElementById('push-toggle-btn');
  if (!btn) return;
  var cuId = (_session && _session.user && (_session.user.client_user_id || _session.user.id)) || null;
  if (!cuId) { showToast('⚠️ ログインしてください'); 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 = '通知を受け取る';
      showToast('🔕 通知を解除しました');
    } else {
      btn.disabled = true; btn.textContent = '設定中…';
      var r = await jGuardEnablePush('client_user', cuId);
      btn.disabled = false;
      if (r.ok) {
        btn.textContent = '通知ON (タップでOFF)';
        showToast('🔔 通知を有効化しました');
      } else {
        btn.textContent = r.reason === 'denied' ? '通知ブロック中' : '通知不可';
        showToast('⚠️ 通知を有効化できません: ' + (r.reason || 'error'));
      }
    }
  } catch (e) {
    btn.disabled = false;
    btn.textContent = '通知エラー';
    showToast('⚠️ ' + (e && e.message ? e.message : 'エラー'));
  }
}

// 設定画面表示時にボタンステータス反映 (loadSettings 末尾 or scr 切替時に呼ぶ)
async function refreshPushToggleBtn() {
  var btn = document.getElementById('push-toggle-btn');
  if (!btn || !('serviceWorker' in navigator) || !('PushManager' in window)) return;
  try {
    var reg = await navigator.serviceWorker.ready;
    var sub = await reg.pushManager.getSubscription();
    btn.textContent = sub ? '通知ON (タップでOFF)' : '通知を受け取る';
  } catch (_) {}
}
</script>
<div id="print-area"></div>
</body>
</html>