/* =====================================================================
   土台をそろえる（2026-10-11）
   矢澤さん「ポータルのデザイン性と管理性能を上げたい」。第1歩は見た目の土台。
   画面ごとにばらばらだった 地の色・札（カード）・節の見出し を、第5弾（LINE WORKS の型）の1つにそろえる。
     ・地：ホームと、数字や札を並べる画面（経営・紹介営業・ネット集客・実績・対応）は薄い灰。
           一覧・カルテ・入力の画面は白のまま（LINE WORKS の一覧＝白い地）
     ・札：白・角丸16・細い縁＋うすい影。左の太い色の帯はやめる（色は「注意」にだけ＝急ぎの札の細い赤）
     ・節の見出し：小さな灰色の見出し（eg-sec・yr-sec）を h2 と同じ大きさ・色に
   中身と機能は変えない。style.css の後に読む。
   ===================================================================== */
:root{--page:var(--ground);--card-r:16px;
  --card-sh:0 1px 2px rgba(20,28,45,.04),0 3px 10px rgba(20,28,45,.05)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--card-sh:none}}

/* 地の色 */
body.p-home,body.p-keiei,body.p-eigyo,body.p-net,body.p-jisseki,body.p-taiou,body.p-shukyaku{--page:var(--lw-bg);background:var(--page)}
.head{background:var(--page)}

/* 札（画面の中の <style> より後から効かせるため、頭に body を付ける） */
body :is(.lw-card,.yr,.pj,.eg-card,.eg-top,.eg-plan,.eg-tile,.eg-task,.eg-todo,.eg-ref,.gb-rv){
  background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--card-r);box-shadow:var(--card-sh)}
body .lw-card{padding:18px 18px 14px}
body .lw-card .ch b{font-size:22px}
body :is(.yr,.pj,.eg-task,.eg-todo,.eg-ref,.gb-z){border-left:1px solid var(--line-soft)}
body :is(.yr.hot,.eg-task.hot,.eg-todo.hot,.gb-z){border-left:3px solid var(--alert)}

/* 節の見出し */
body :is(.eg-sec,.yr-sec){font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.005em;margin:26px 0 8px}

/* 数字の帯・件数の切り替え：灰の地では白い面に載せる。白い札の中では薄い灰 */
body:is(.p-home,.p-keiei,.p-eigyo,.p-net,.p-jisseki,.p-taiou,.p-shukyaku) .nums>div{background:var(--surface);border-left:0;border-radius:12px;padding:8px 10px}
body:is(.p-home,.p-keiei,.p-eigyo,.p-net,.p-jisseki,.p-taiou,.p-shukyaku) .yr-sum a:not(.on){background:var(--surface)}
body .lw-card .nums>div{background:var(--sunk)}

/* 経営のホーム「現在地」（2026-10-11） */
.gz-big{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 2px}
.gz-big>div{background:var(--sunk);border-radius:12px;padding:10px 12px}
.gz-big .n{font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.gz-big .n small{font-size:14px;font-weight:700;margin-left:2px;color:var(--ink-2)}
.gz-big .sub{font-size:12px}
.gz-bar{height:8px;background:var(--sunk);border-radius:99px;margin-top:12px;overflow:hidden}
.gz-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;min-width:4px}
.gz-fn{width:100%;border-collapse:collapse;font-size:14.5px}
.gz-fn th{font-size:11.5px;color:var(--ink-3);font-weight:700;text-align:right;padding:4px 6px 6px;border-bottom:1px solid var(--line)}
.gz-fn th:first-child,.gz-fn td:first-child{text-align:left;padding-left:0}
.gz-fn td{text-align:right;padding:9px 6px;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;font-weight:700}
.gz-fn td:first-child{font-weight:600}
.gz-fn td small{display:block;font-size:11.5px;font-weight:600;color:var(--accent)}
.gz-fn tfoot td{border-bottom:0;font-weight:800;padding-top:10px}

/* 2026-10-12 テキスト記録（読むだけの欄。コピーして次回の相談に使う） */
.tr-view{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:#fafbfd;font:inherit;font-size:14.5px;line-height:1.7;padding:10px 12px;resize:vertical}
/* 2026-10-12 次回への AI の提案（_teian.html） */
.teian .tn-wait{font-size:14px;font-weight:700;color:var(--accent);margin:6px 0}
.teian .tn-err{font-size:14px;color:#b42318}
.teian .tn-again{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0 4px}
.kr-draft{background:#fff6d6;border:1px solid #ecd28a;border-radius:14px;padding:14px 16px;margin:4px 0 14px}
.kr-draft .nm{font-weight:800;font-size:16px}
.kr-draft .kr-acts{display:flex;gap:10px;margin-top:10px}
.save button.draft{flex:0 1 auto;background:#fff;color:var(--accent);border:1.5px solid var(--accent)}
.save button.draft:hover{background:var(--accent-soft)}
.teian .tn-chip{display:inline-block;margin-left:8px;font-size:11.5px;font-weight:800;color:#fff;background:var(--accent);border-radius:999px;padding:1px 9px;vertical-align:2px;animation:tn-blink 1.6s ease-in-out infinite}
@keyframes tn-blink{50%{opacity:.45}}
.kr-sub{background:#eef1fb;border:1px solid #c9d0f0;border-radius:14px;padding:14px 16px;margin:4px 0 14px}
.kr-sub .nm{font-weight:800;font-size:16px;color:var(--accent)}
.kr-draft .kr-mi{margin-left:8px;font-size:12px;font-weight:700;color:#8a6d1f}
