/* ===========================================================================
   無料簡易版（Free）の上乗せスタイル
   ---------------------------------------------------------------------------
   [feat 2026-09-09] index.html は長計の正規版をそのままコピーしたものである。
   本体を書き換えると、長計が更新されるたびに手作業の差分が増える。そこで
   「本体は触らず、上から被せる」形にした。index.html への変更は </body> 直前の
   2行（この CSS と kani.js の読み込み）だけである。
   → 長計が新しくなったら、index.html を上書きコピーして2行を足し直すだけでよい。

   CLAUDE.md 1章：見た目・基本構成は正規版と全く一緒。変えるのは入れ方だけ。
   =========================================================================== */

/* --- ① ログインさせない（CLAUDE.md 6章「ログインさせない・保存しない」）-------
   正規版は起動時にセッションが無いと #auth-overlay を出す（index.html:17802）。
   無料版は保存しないのでログインが要らない。overlay を殺すだけでよい——
   アプリ本体はその裏で既に描かれている。
   ★本体のJSは触っていないので、保存・読込を押せば失敗する。②で鍵をかける。 */
#auth-overlay { display: none !important; }

/* --- ② 課金版の鍵（2026年3月25日の料金表どおり）----------------------------
   Free で使えないのは 収支計画シミュレーション（A〜E案）／収支比較グラフ／
   物件データの保存・読込／複数プランの比較。
   → 正規版 Standard の applyPlanLock() と同じ形にしてある
     （過去資料\【スタンダード】\長期修繕計画システム【Standard】.html:6667）。
   ★タブは消さない。「場所は同じところにあって、中身が課金版」（CLAUDE.md 6章④）。 */
.kani-lock-tab { opacity: 0.45; }
.kani-lock-overlay {
  position: absolute; inset: 0; z-index: 50;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; text-align: center;
  /* ★「見せるけど見えづらく」（2026-09-10 中島さん）。
     以前は 0.93 のほぼ白で、下に何があるか分からなかった＝ただ消えているのと同じ。
     薄くしてブラーを強めると、**表やグラフの形は見えるが数字は読めない。**
     「ここに何かある。読みたければ有料版」が成立する。 */
  background: rgba(244, 248, 253, 0.62); backdrop-filter: blur(7px);
}
.kani-lock-overlay .lock-icon { font-size: 2.6rem; }
.kani-lock-overlay .lock-text { font-size: 1.05rem; font-weight: 700; color: #1e3a5f; }
.kani-lock-overlay .lock-sub  { font-size: 0.85rem; color: #5b6b7f; line-height: 1.9; }
/* ★2026-09-11 出口が「元に戻る」だけになったので、CTA の見た目も落とす。
   中島さん「そこまで誘導するとなんだか興醒めしそう」——鍵の下に濃紺の大きなボタンが
   あると、それ自体が売り込みに見える。**枠線だけの控えめなものにする。** */
.kani-lock-overlay .lock-cta {
  margin-top: 6px; padding: 9px 20px; border: 1px solid #b9c6d8; border-radius: 6px;
  cursor: pointer; background: #fff; color: #46586e; font-size: 0.86rem; font-weight: 600;
}
.kani-lock-overlay .lock-cta:hover { border-color: #1e3a5f; color: #1e3a5f; background: #f4f8fd; }

/* ★2026-09-11 保存・読込・削除は**消す**（薄くするだけでは足りなかった）。
   2026-09-10 に決めた段1「消す … 作る側の操作。作業モードバー・⛶戻す・自社の管理・
   **保存/読込/削除**」に対して、実装は opacity 0.4 にしていただけで**見えていた。**
   記録と実装の食い違いなので、記録のほうに揃える。
   ★スマホ（375px）では、この3つがヘッダの文字に覆いかぶさっていた。消すと解消する。 */
.kani-disabled { display: none !important; }

/* --- ②-2 作業モードバーを丸ごと隠す（2026-09-10 中島さん）-------------------
   中島さん「このアプリでは全表示ボタンと機能は要らない気がする」「内訳書・設定もいるかな？」
   → 4つとも要らない。全表示／⚙設定／📝内訳書／📄仕上がり確認 は
     **作る側（管理会社）が使う画面の切替**であって、区分所有者は使わない。
     設定も内訳書も、①で答えた内容から裏で埋まる（CLAUDE.md 6章）。
   ★消すのは「見せ方の切替」だけで、内訳書そのものは残っている（6章「内訳書は消さない」）。
     管理会社が正規版で開けば、同じ場所に同じ行がある。 */
.work-mode-bar { display: none !important; }

/* ★モードが1つしか無くなったので、その切替に付いていたものも要らない（2026-09-10）。
   中島さん「そうなると仕上がり確認って言葉は変だね」——そのとおりで、
   **無料版には「仕上がり確認」という状態が無い。**画面はいつもその状態である。
   ・#doc-expand-btn … 「⛶ 戻す」（計画書の幅を広げる／戻すトグル）。常に広くてよい
   ★正規版の内部の名前（'doc' / mode-doc / #doc-viewer）は触らない。
     index.html:2355 のコメントのとおり、内部名を変えると保存済みデータの
     currentWorkMode と食い違って画面が復元されなくなる。 */
#doc-expand-btn { display: none !important; }

/* 「🏢 自社の管理」はテナント（管理会社）の設定画面。区分所有者には意味がないので出さない。
   ★収支計画のように鍵をかけないのは、これが「課金版で見られるもの」ではなく
     **そもそも別の相手のための画面**だからである（CLAUDE.md 6章④の対象外）。 */
.doc-tab[onclick*="'tenant'"] { display: none !important; }
#doc-tenant { display: none !important; }

/* --- ②-3 どこまで外すかの線（2026-09-10 中島さん）--------------------------
   中島さん「あまり機能を外しすぎると、そもそもシステムの導入動線で作っているものだから
   意味なくなっちゃうよね」→ ★参謀はいったん「工事履歴・見直しポイント・プレゼンも
   要らない」と提案したが、それは行き過ぎだった。**外すと入口として死ぬ**（1章）。

   中島さん「工事履歴、見直しポイントは要らないのよ。むしろ設定の部分とそれとつながる部分」
   「建物概要は設定とつながっていない？」→ **つながっている。**7番の設備チェックが
   そのまま建物概要の設備欄に出る（getEqText → renderBldg。2026-09-10 実測）。

   ★そして最終的に、外すのは**作る側の操作だけ**になった（同日・中島さん）。
     「収支計画の画面は見せるけど見えづらくして、ここから先は有料版でみたいにしたいよね。
       内訳書も同じ考えで良いかも。工事履歴も見直しポイントも同じ考えのほうが良いか。
       印刷はPDFのみで画面が見えづらいものは印刷できない」

   ── 決着した線（3段階で動いたので、最後のものだけが生きている）──
   1. **消す**   … 作る側の操作。作業モードバー・⛶戻す・自社の管理・保存/読込/削除
   2. **鍵**     … 収支計画・内訳書・工事履歴・見直しポイント。**見せて・ぼかして・誘導する**
   3. **見せる** … 設定とつながるもの。かんたん入力・建物概要・計画の考え方・長期修繕計画表

   → 2と3の線は「誰のためか」で引く。中島さん「内訳書はそもそも長期修繕計画を作成する側の
     人だけが必要」。ただし**作る側のものでも、消さずに鍵にする**——そこが導入動線になる。
   → 鍵をかける先は kani.js の LOCKED が唯一の出どころ（画面と紙が必ず一致する）。 */

/* --- ③ かんたん入力（①物件概要・基本情報）--------------------------------
   CLAUDE.md 6章：素人が答えられる9項目。どの問いにも「わからない」を置く。 */
#doc-kani .kani-wrap { max-width: 880px; margin: 0 auto; padding: 28px 24px 60px; }
#doc-kani h2 { font-size: 1.35rem; color: #1e3a5f; margin: 0 0 6px; }
#doc-kani .kani-lead { font-size: 0.86rem; color: #5b6b7f; line-height: 1.9; margin-bottom: 22px; }
#doc-kani .kani-q { border-top: 1px solid #e3e9f2; padding: 16px 2px; }
#doc-kani .kani-q:last-of-type { border-bottom: 1px solid #e3e9f2; }
#doc-kani .kani-qhead { display: flex; align-items: baseline; gap: 10px; margin-bottom: 9px; }
#doc-kani .kani-num {
  flex: none; width: 22px; height: 22px; border-radius: 50%; background: #1e3a5f; color: #fff;
  font-size: 0.72rem; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
#doc-kani .kani-label { font-size: 0.98rem; font-weight: 700; color: #23334a; }
#doc-kani .kani-hint { font-size: 0.76rem; color: #7b8a9e; }
#doc-kani .kani-body { padding-left: 32px; }
#doc-kani input[type="number"], #doc-kani input[type="text"] {
  width: 150px; padding: 8px 10px; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 0.95rem;
}
#doc-kani .kani-unit { margin-left: 7px; font-size: 0.85rem; color: #5b6b7f; }

/* 札のあとに続く小さな数の欄（基数・台数）。問いを10個にせず、同じ問いの中に置く
   （CLAUDE.md 6章の表は7番を「チェック ＋ 基数」、8番を「チェック ＋ 台数」としている）。 */
#doc-kani .kani-sub { display: flex; align-items: center; gap: 9px; margin-top: 11px; padding-left: 2px; }
#doc-kani .kani-sublabel { font-size: 0.8rem; color: #5b6b7f; }
#doc-kani .kani-sub input[type="number"] { width: 110px; padding: 6px 9px; font-size: 0.88rem; }
#doc-kani .kani-sub input::placeholder { font-size: 0.76rem; color: #a7b3c2; }

/* 設備チェック（7番）。★正規版と同じ一覧をそのまま並べる（2026-09-10 中島さん
   「今の長期修繕計画システムみたいにすべて並べてチェックボックスにすればいい。
     それくらいは自分のマンションの事だもんやるでしょ」）。 */
#doc-kani .kani-eqgrp { margin-bottom: 14px; }
#doc-kani .kani-eqhd {
  font-size: 0.74rem; font-weight: 700; color: #1e3a5f; letter-spacing: 0.04em;
  border-left: 3px solid #1e3a5f; padding-left: 7px; margin-bottom: 7px;
}
#doc-kani .kani-eqitems { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
#doc-kani .kani-eqit {
  display: flex; align-items: center; gap: 7px; cursor: pointer;
  border: 1px solid #dbe3ee; border-radius: 6px; background: #fff;
  padding: 7px 11px 7px 9px; min-width: 168px;
}
#doc-kani .kani-eqit:hover { border-color: #9db4d1; background: #f7fafd; }
#doc-kani .kani-eqit.on { border-color: #1e3a5f; background: #eef3fa; }
#doc-kani .kani-eqit input { accent-color: #1e3a5f; width: 15px; height: 15px; flex: none; margin: 0; }
#doc-kani .kani-eqit .ic { font-size: 1.15rem; line-height: 1; flex: none; }
#doc-kani .kani-eqit .nm { font-size: 0.82rem; font-weight: 700; color: #23334a; line-height: 1.5; }
#doc-kani .kani-eqit .sb { display: block; font-size: 0.7rem; font-weight: 400; color: #7b8a9e; }
/* 基数・台数はチェックのすぐ隣に置く（別の問いにしない） */
#doc-kani .kani-eqcnt { display: flex; align-items: center; gap: 6px; margin-right: 4px; }
#doc-kani .kani-eqcnt input[type="number"] { width: 92px; padding: 6px 8px; font-size: 0.85rem; }
#doc-kani .kani-eqcnt input::placeholder { font-size: 0.72rem; color: #a7b3c2; }

/* 選択肢はアイコンの札で選ぶ（中島さん「アイコンとかあると分かりやすい」）。
   ★アイコンは飾りではなく、答えられない問いを答えられるようにする道具である
     （CLAUDE.md 6章・9番の受水槽がその典型）。 */
#doc-kani .kani-cards { display: flex; flex-wrap: wrap; gap: 10px; }
#doc-kani .kani-card {
  flex: 1 1 150px; min-width: 140px; max-width: 230px;
  border: 2px solid #dbe3ee; border-radius: 8px; background: #fff;
  padding: 13px 11px; cursor: pointer; text-align: center; transition: all .12s;
}
#doc-kani .kani-card:hover { border-color: #9db4d1; background: #f7fafd; }
#doc-kani .kani-card.on { border-color: #1e3a5f; background: #eef3fa; box-shadow: 0 0 0 1px #1e3a5f inset; }
#doc-kani .kani-card .ic { font-size: 1.7rem; line-height: 1.3; }
#doc-kani .kani-card .tx { font-size: 0.86rem; font-weight: 700; color: #23334a; margin-top: 3px; }
#doc-kani .kani-card .sb { font-size: 0.72rem; color: #7b8a9e; margin-top: 2px; line-height: 1.6; }

#doc-kani .kani-run {
  margin-top: 26px; width: 100%; padding: 15px; border: 0; border-radius: 7px; cursor: pointer;
  background: #1e3a5f; color: #fff; font-size: 1.05rem; font-weight: 700;
}
#doc-kani .kani-run:hover { background: #2c5282; }
#doc-kani .kani-note {
  margin-top: 16px; padding: 13px 15px; border-left: 3px solid #c9d6e6; background: #f7fafd;
  font-size: 0.78rem; color: #5b6b7f; line-height: 1.9;
}

/* --- ④ 結果の見出し（幅で出す。CLAUDE.md 4-6「必ず幅で出す」）------------- */
.kani-result {
  margin: 0 0 18px; padding: 18px 20px; border-radius: 8px;
  background: linear-gradient(180deg, #f4f8fd 0%, #eaf1f9 100%); border: 1px solid #d5e0ee;
}
.kani-result .r-lead { font-size: 0.8rem; color: #5b6b7f; }
.kani-result .r-amt { font-size: 1.55rem; font-weight: 700; color: #1e3a5f; margin: 4px 0 2px; }
.kani-result .r-sub { font-size: 0.78rem; color: #7b8a9e; line-height: 1.9; }
.kani-result .r-next { margin-top: 10px; font-size: 0.92rem; font-weight: 700; color: #a04a00; }

/* 設備で次に来るもの。★金額の表より、この数行のほうが素人に効く（CLAUDE.md 6章）。 */
.kani-result .r-eq { margin-top: 13px; border-top: 1px dashed #cdd8e6; padding-top: 11px; }
.kani-result .r-eq-hd { font-size: 0.76rem; font-weight: 700; color: #5b6b7f; margin-bottom: 6px; }
.kani-result .r-eq-row {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 9px;
  font-size: 0.84rem; padding: 3px 0; line-height: 1.8;
}
.kani-result .r-eq-when { font-weight: 700; color: #a04a00; min-width: 72px; }
.kani-result .r-eq-y  { color: #7b8a9e; font-size: 0.78rem; min-width: 66px; }
.kani-result .r-eq-nm { color: #23334a; font-weight: 700; flex: 1 1 160px; }
.kani-result .r-eq-amt { color: #1e3a5f; }

/* --- ⑤ ログインしていないことで出る飾りを消す（2026-09-09 実測で判明）------
   正規版はログイン前提なので、無料版では次のものが宙に浮く。
   ★実際に動かして見つけたものだけを消している。当て推量で消さない。 */
#bk-kyo-note, .bk-kbar-note { display: none !important; }   /* 「単価BANKに繋がりませんでした／ログインが切れています」 */
#th-plan-badge   { display: none !important; }               /* ADMIN バッジ */
#th-user-name    { display: none !important; }               /* ログイン中のメールアドレス */
.th-logout-btn   { display: none !important; }               /* ログアウト（ログインしていない） */

/* --- ⑤ ログインしていないことで出る飾りを消す（2026-09-09 実測で判明）------
   正規版はログイン前提なので、無料版では次のものが宙に浮く。
   ★実際に動かして見つけたものだけを消している。当て推量で消さない。 */
#bk-kyo-note, .bk-kbar-note { display: none !important; }   /* 「単価BANKに繋がりませんでした／ログインが切れています」 */
#th-plan-badge   { display: none !important; }               /* ADMIN バッジ */
#th-user-name    { display: none !important; }               /* ログイン中のメールアドレス */
.th-logout-btn   { display: none !important; }               /* ログアウト（ログインしていない） */

/* 大規模修繕の周期の選択（12〜18年）。問いを増やさず5番の中に置く。 */
#doc-kani .kani-sub select {
  padding: 6px 9px; border: 1px solid #cbd5e1; border-radius: 5px;
  font-size: 0.88rem; background: #fff; color: #23334a;
}

/* 鍵の中の「戻る」。★内訳書のモードに入るとタブバーが消えるので、これが無いと出られない。 */
.kani-lock-overlay .lock-back {
  margin-top: 4px; padding: 7px 16px; border: 1px solid #9db4d1; border-radius: 6px;
  cursor: pointer; background: rgba(255,255,255,0.9); color: #1e3a5f; font-size: 0.8rem;
}
.kani-lock-overlay .lock-back:hover { background: #fff; border-color: #1e3a5f; }

/* 建物概要の入口（2026-09-10 中島さん「建物概要の部分は全部入力出来るようにしたらいい」）。
   ★2段構え——7問だけでも概算は出る。総会に出すならここを詳しく埋める。 */
.kani-bldg-edit {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  margin: 0 0 16px; padding: 14px 18px; border-radius: 8px;
  background: #f4f8fd; border: 1px solid #d5e0ee;
}
.kani-bldg-edit .kb-txt { flex: 1 1 320px; font-size: 0.82rem; color: #5b6b7f; line-height: 1.9; }
.kani-bldg-edit .kb-note { display: block; font-size: 0.72rem; color: #7b8a9e; }
.kani-bldg-edit .kb-btn {
  flex: none; padding: 10px 20px; border: 0; border-radius: 6px; cursor: pointer;
  background: #1e3a5f; color: #fff; font-size: 0.86rem; font-weight: 700;
}
.kani-bldg-edit .kb-btn:hover { background: #2c5282; }

/* 設定パネルから戻る道。★これが無いと、入力画面に入ったきり出られない（実測）。 */
.kani-sp-back {
  margin: 10px 14px; padding: 8px 16px; border: 1px solid #9db4d1; border-radius: 6px;
  cursor: pointer; background: #fff; color: #1e3a5f; font-size: 0.82rem; font-weight: 700;
}
.kani-sp-back:hover { border-color: #1e3a5f; background: #f4f8fd; }

/* ★2026-09-11 表紙の案内。マンション名・管理組合名が空のとき、
   「—」だけで終わらせずに、どこで入れられるかを出す。
   ★紙には出さない——刷ったものに操作の案内が載るのはおかしい。 */
.kani-cover-hint {
  margin: 28px auto 0; max-width: 460px;
  padding: 12px 16px; border: 1px dashed rgba(255, 255, 255, 0.22); border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.62); font-size: 12.5px; line-height: 1.8; text-align: center;
}
/* ★表紙は濃紺なので、案内も濃紺に載る色にする（2026-09-11 実測で白背景が浮いた） */
.kani-cover-hint b { color: rgba(255, 255, 255, 0.88); font-weight: 600; }
@media print { .kani-cover-hint { display: none !important; } }

/* --- ⑤ スマホ（2026-09-11 実測）-------------------------------------------
   区分所有者は集客の入口としてスマホで開く。375px で確かめたところ、
   かんたん入力そのものは崩れないが、**ヘッダの題字にツールバーが重なっていた。**
   → 題字を縮め、重なる前に隠す。★正規版のクラス名は触らず、上から当てるだけ。 */
@media (max-width: 640px) {
  .kani-lock-overlay { padding: 22px 16px; }
  .kani-lock-overlay .lock-text { font-size: 0.98rem; }
  #doc-kani .kani-wrap { padding: 20px 14px 48px; }
  #doc-kani .kani-body { padding-left: 0; }
  #doc-kani input[type="number"], #doc-kani input[type="text"] { width: 100%; max-width: 220px; }
}

/* --- ⑤ 「工事中」の帯（2026-09-11 中島さん）---------------------------------
   「金額は確定値じゃなくて今後も変動していくもの。だとするならばHPに乗せても良いのでは？
     その上で工事中とでもしておけばいい」
   ★画面だけに出す。**紙には出さない**（中島さんの選択）。印刷で消えることが要件なので
     @media print を必ず対にして置く。
   ★タブバーの直下に置いてあるので、どのタブを見ていても目に入る。 */
.kani-wip {
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  margin: 0 auto; padding: 7px 16px; max-width: 1400px;
  background: #fff8e6; border: 1px solid #f0dda8; border-radius: 6px;
  color: #7a5c12; font-size: 0.78rem; line-height: 1.5;
}
.kani-wip b { font-weight: 700; white-space: nowrap; }
.kani-wip span { color: #93762c; }
@media (max-width: 640px) { .kani-wip { margin: 0 8px; padding: 6px 10px; font-size: 0.72rem; } }
@media print { .kani-wip { display: none !important; } }