/* 内製CRM スタイル — 配色「海図（ライト）」
docs/design.md §11。色は必ずこの :root のトークンを通す。直接 hex を書かない。 */
:root{
/* 01 海図（ライト）— 水路図の配色。地は冷たい紙、主色は藍、サービスは等深線の階調 */
--bg:#E7EEF2; --surface:#FFFFFF; --surface-2:#DCE7ED; --surface-3:#F3F7F9;
--line:#BFD1DB; --line-soft:#E3EDF1;
--ink:#0E2130; --ink-2:#4E6675; --ink-3:#6A8492;
--accent:#1E5F7E; --accent-ink:#FFFFFF; --accent-soft:#D3E4EE; --accent-line:#84AEC6;
--good:#2A6B54; --good-soft:#D8E8E1;
--warn:#8E5F18; --warn-soft:#F2E7D3;
--crit:#9C3A2C; --crit-soft:#F4DED9;
/* サービスは浅瀬→深場の階調。BuddyDive だけ階調の外（砂） */
--sv-dwg:#4E6E3F; --sv-dwg-bg:#DFE9D8;
--sv-umiban:#276B69; --sv-umiban-bg:#D5E8E6;
--sv-okaban:#1E5F7E; --sv-okaban-bg:#D3E4EE;
--sv-dhp:#4A5580; --sv-dhp-bg:#DEE1EF;
--sv-bd:#7A5529; --sv-bd-bg:#EFE4D4;
/* 事業のチップの色（2026-09-21 秋元さん決定）。見本は枝 tonmana-colors（77bbc56、未 push）の
mockup/core-colors.html で、この枝の mockup/ には無い。
グラフの色と同じ色相で、文字は OKLCH の明るさ 0.43・彩度＝事業の色×0.85（上限 0.13）、
地は明るさ 0.955・彩度＝事業の色×0.30。
**--sv-* とは別に持つ。**--sv-* はチップのほかに取込元の印（.src.okaban / .src.umiban / .src.dwg）と
連携先の登録の印（.pill.reg）にも使っており、まとめて差し替えると取込元の印どうしが
見分けにくくなる（OKABAN-陸番- と BowNow の文字の色差が 3.8 → 1.0）。
**サービス別の契約の棒（src/index.php）は、チップと同じ枠に並ぶので --chip-* に揃えた**
（2026-09-21 秋元さん決定。見本が「差し替えるときに決める」と残した宿題）。
これで --sv-* を使うルールは4つ（.src.okaban / .src.dwg / .src.umiban / .pill.reg）だけになった。
ghost（その他）の棒は --chip-ghost も --sv-ghost も無いので transparent に落ちて見えない（前からの不具合）。
MORIBITO-守り人- のチップは作らない——contracts.service の ENUM に moribito が無いので
ショップの「利用サービス」には出ない。ただし サービスとプランの画面（src/index.php 4070 付近）は
services() を回してプラン0件でもチップを出すので、そこでは .chip.ghost（灰色）で描かれる。
--sv-dhp / --sv-dhp-bg / --sv-bd / --sv-bd-bg は、この差し替えで var() から参照されなくなる
（残して使っているのは okaban / umiban / dwg の3つだけ）。消すかは別の判断 */
--chip-okaban:#025872; --chip-okaban-bg:#DEF5FE;
--chip-umiban:#1C4F8E; --chip-umiban-bg:#E7F1FF;
--chip-dhp:#035F43; --chip-dhp-bg:#DBF8EA;
--chip-dwg:#6D4704; --chip-dwg-bg:#FEEDD9;
--chip-bd:#4D477E; --chip-bd-bg:#EFEEFD;
/* レポートのグラフの色（2026-09-15 秋元さん決定）。事業は「1 パステル」、区分は見本の4案から B（赤＋深緑）。
上の --sv-*（「海図」の暗い色）はチップの文字色に使っていてグラフでは見分けられないので、別に持つ。
灰色は3つとも文字色に使わない（白地で 4.5:1 に届かない）。塗りのすぐ下の地は白にする */
--g-house:#9D0900; --g-okaban:#61C2E7; --g-umiban:#3E7CCB; --g-dhp:#5CC99D;
--g-dwg:#C18D44; --g-bd:#8882C9; --g-moribito:#C36574; --g-jutaku:#0F641D;
--g-hoka:#C9D2D8; --g-other:#A3B3BD; --g-none:#6E7A85;
--shadow:0 1px 2px rgba(14,33,48,.06),0 4px 14px rgba(14,33,48,.05);
--r:6px;
--f-ui:"Zen Kaku Gothic New",-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
--f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
/* hidden は常に効かせる。display を直に当てた要素（display:flex など）が
ブラウザ既定の [hidden]{display:none} に勝ってしまい、
ラベルだけ消えて中身が残る、という崩れ方をする。 */
[hidden]{display:none!important}
body{
margin:0; background:var(--bg); color:var(--ink);
font-family:var(--f-ui); font-size:14px; line-height:1.65;
-webkit-font-smoothing:antialiased;
}
h1,h2,h3{margin:0; text-wrap:balance; font-weight:700; line-height:1.35}
p{margin:0}
a{color:var(--accent)}
button{font:inherit; color:inherit; cursor:pointer}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}
.num{font-family:var(--f-mono); font-variant-numeric:tabular-nums}
/* ---------- notice ---------- */
.notice{
background:var(--warn-soft); color:var(--warn); border-bottom:1px solid var(--line);
padding:7px 20px; font-size:12px; letter-spacing:.02em; display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}
.notice b{font-weight:700}
/* ---------- shell ---------- */
.shell{display:grid; grid-template-columns:216px 1fr; min-height:100vh}
.rail{
background:var(--surface); border-right:1px solid var(--line);
display:flex; flex-direction:column; gap:2px; padding:16px 10px; position:sticky; top:0; height:100vh; overflow:auto;
}
.brand{padding:4px 10px 16px; display:flex; flex-direction:column; gap:2px}
.brand .bn{font-weight:700; font-size:15px; letter-spacing:.01em}
.brand .bs{font-size:11px; color:var(--ink-3); font-family:var(--f-mono)}
/* いまいる領域（CRM / MA / 管理）。名前から CRM が消えたぶんをここで示す */
.brand .ba{font-size:11px; font-weight:600; letter-spacing:.06em;
color:var(--ink-2); font-family:var(--f-mono)}
/* ローカルだけ色を変える。本番と取り違えないための印 */
.brand .bs.dev{color:var(--accent)}
.railgroup{font-size:10px; letter-spacing:.14em; color:var(--ink-3); padding:14px 10px 6px; font-weight:500}
.navb{
display:flex; align-items:center; gap:9px; width:100%; text-align:left;
background:none; border:0; padding:8px 10px; border-radius:var(--r); color:var(--ink-2); font-size:13px;
}
.navb:hover{background:var(--surface-2); color:var(--ink)}
.navb[aria-current="true"]{background:var(--accent-soft); color:var(--accent); font-weight:500}
.navb .dot{width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.55; flex:none}
.navb .cnt{margin-left:auto; font-family:var(--f-mono); font-size:11px; color:var(--ink-3)}
.navb[aria-current="true"] .cnt{color:var(--accent)}
/* ダッシュボードの新着の件数（087）。赤い丸に白い数字。幅が狭いとき（スマホ）も出す（2026-09-14、秋元さん決定） */
.navb .cnt.alert{min-width:19px; height:19px; padding:0 5px; border-radius:99px; background:var(--crit); color:#fff;
display:inline-flex; align-items:center; justify-content:center; font-weight:600; line-height:1}
.navb[aria-current="true"] .cnt.alert{color:#fff}
/* 件数そのものが別の行き先を持つ項目（業務日報の入力漏れ → 入力漏れのタブ）。リンクの中にリンクは置けないので、
項目のリンクと件数のリンクを .navi に並べ、件数を右端に重ねる。見た目は上の .navb .cnt.alert と同じ */
.navi{position:relative}
.navi > .navb{padding-right:40px}
.navi > .cnt.alert{position:absolute; right:10px; top:50%; transform:translateY(-50%);
min-width:19px; height:19px; padding:0 5px; border-radius:99px; background:var(--crit); color:#fff;
display:inline-flex; align-items:center; justify-content:center; font-family:var(--f-mono); font-size:11px; font-weight:600; line-height:1;
text-decoration:none}
.navi > .cnt.alert:hover{filter:brightness(.9)}
.main{min-width:0; display:flex; flex-direction:column}
.topbar{
display:flex; align-items:center; gap:14px; padding:16px 26px; border-bottom:1px solid var(--line);
background:var(--surface); position:sticky; top:0; z-index:5; flex-wrap:wrap;
}
.topbar h1{font-size:17px}
.topbar .sub{font-size:12px; color:var(--ink-3)}
.spacer{flex:1}
.tgl{
display:flex; align-items:center; gap:7px; font-size:12px; color:var(--ink-2);
background:var(--surface-2); border:1px solid var(--line); padding:5px 11px; border-radius:99px;
}
.tgl input{accent-color:var(--accent); margin:0}
.body{padding:22px 26px 60px; display:flex; flex-direction:column; gap:20px}
/* カードを包む form の中でも、ページと同じ間隔でカードを並べる（.body の gap は直下の子にしか効かない） */
.stack{display:flex; flex-direction:column; gap:20px}
/* ---------- field annotation ---------- */
.fld{display:none}
body.showfld .fld{
display:inline-block; font-family:var(--f-mono); font-size:9.5px; line-height:1.5;
background:var(--accent-soft); color:var(--accent); border:1px solid var(--accent-line);
padding:0 4px; border-radius:3px; margin-left:5px; vertical-align:middle; white-space:nowrap;
}
body.showfld th .fld,body.showfld .k .fld{display:block; margin:2px 0 0}
/* ---------- cards ---------- */
.card{background:var(--surface); border:1px solid var(--line); border-radius:9px; box-shadow:var(--shadow)}
.card>header{
padding:13px 16px; border-bottom:1px solid var(--line-soft); display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.card>header h2{font-size:13px; letter-spacing:.03em}
.card>header .hint{font-size:11px; color:var(--ink-3)}
/* 見出しの右端に寄せる。**.hint 全部には効かせない**——全画面のカードの
見出しが動いてしまうため、付けたところだけに効かせる */
.card>header .hint.right{margin-left:auto}
/* 表の一番上に置く合計の行。
th は既に position:sticky（top:0）なので、2行目もそのままだと月の見出しと重なる。
**貼り付くのは月の見出しだけ**にして、合計は普通の行として一番上に置く。 */
.sumrow th{
position:static; background:var(--surface-2); color:var(--ink);
font-size:12px; letter-spacing:0; font-weight:700;
}
.sumrow th .smeta{font-weight:400}
.card .pad{padding:16px}
.tiles{display:grid; grid-template-columns:repeat(auto-fit,minmax(158px,1fr)); gap:12px}
.tile{background:var(--surface); border:1px solid var(--line); border-radius:9px; padding:14px 15px; display:flex; flex-direction:column; gap:3px; box-shadow:var(--shadow)}
.tile .lb{font-size:11px; color:var(--ink-3); letter-spacing:.03em}
.tile .vl{font-family:var(--f-mono); font-size:25px; font-weight:600; letter-spacing:-.02em; line-height:1.2}
.tile .df{font-size:11px; color:var(--ink-3)}
.tile.hl{border-color:var(--accent-line); background:linear-gradient(180deg,var(--accent-soft),var(--surface) 70%)}
.tile.hl .vl{color:var(--accent)}
/* ---------- chips ---------- */
.chip{
display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:500;
padding:2px 8px; border-radius:99px; border:1px solid transparent; white-space:nowrap;
}
.chip.okaban{color:var(--chip-okaban); background:var(--chip-okaban-bg)}
.chip.umiban{color:var(--chip-umiban); background:var(--chip-umiban-bg)}
.chip.dhp{color:var(--chip-dhp); background:var(--chip-dhp-bg)}
.chip.dwg{color:var(--chip-dwg); background:var(--chip-dwg-bg)}
.chip.bd{color:var(--chip-bd); background:var(--chip-bd-bg)}
.chip.ghost{color:var(--ink-3); background:transparent; border-color:var(--line)}
.chip b{font-weight:600}
.chip i{font-style:normal; margin-left:7px; padding-left:7px; position:relative; font-weight:400}
.chip i::before{content:""; position:absolute; left:0; top:14%; bottom:14%; width:1px; background:currentColor; opacity:.38}
.chip.off{opacity:.5}
.svc{display:flex; flex-direction:column; gap:3px; align-items:flex-start}
.st{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:500; white-space:nowrap}
.st::before{content:""; width:7px; height:7px; border-radius:2px; background:currentColor}
.st.active{color:var(--good)} .st.prospect{color:var(--warn)}
.st.lead{color:var(--ink-3)} .st.churned{color:var(--crit)} .st.paused{color:var(--ink-3)}
.st.excluded{color:var(--ink-3); text-decoration:line-through}
tbody tr:has(.st.excluded){opacity:.55}
.pill{font-size:10.5px; font-family:var(--f-mono); padding:1px 6px; border-radius:4px; background:var(--surface-2); color:var(--ink-2); border:1px solid var(--line-soft)}
.pill.co{background:var(--accent-soft); color:var(--accent); border-color:var(--accent-line)}
.pill.miss{background:var(--crit-soft); color:var(--crit); border-color:transparent}
.pill.ok{background:var(--good-soft); color:var(--good); border-color:transparent}
/* 良し悪しではなく「承知のうえ」。◯希望しない（配信停止を承知で送ったぶん）に使う */
.pill.warn{background:var(--warn-soft); color:var(--warn); border-color:transparent}
/* 押すと一覧から出し入れする欄。外したものは**取り消し線**で示す——
色を薄くするだけだと、0 件で押せない欄（opacity を落としてある）と見分けが付かない */
button.pill.pf{cursor:pointer; font-family:var(--f-mono)}
button.pill.pf:hover{filter:brightness(.95)}
button.pill.pf[aria-pressed="false"]{
background:var(--surface-2); color:var(--ink-3); border-color:var(--line);
text-decoration:line-through;
}
/* 取込元。どのシステム由来の値かを示す。
2つ並ぶことが多い（kintone と BowNow の両方から来た店舗が403件）ので、
隣り合っても1語に見えないよう間隔と枠をはっきりさせる。 */
.src{
display:inline-flex; align-items:center; font-family:var(--f-mono); font-size:9.5px;
letter-spacing:.03em; padding:1px 6px; border-radius:3px; white-space:nowrap;
border:1px solid; vertical-align:middle; line-height:1.5;
}
.src.kintone{color:#6B5416; background:#F5EDD6; border-color:#D6C089}
.src.bownow{color:#14556F; background:#D2E6F0; border-color:#8FBBD1}
.src.okaban{color:var(--sv-okaban); background:var(--sv-okaban-bg); border-color:var(--sv-okaban)}
.src.dwg{color:var(--sv-dwg); background:var(--sv-dwg-bg); border-color:var(--sv-dwg)}
.src.umiban{color:var(--sv-umiban); background:var(--sv-umiban-bg); border-color:var(--sv-umiban)}
.src.manual{color:var(--accent); background:var(--accent-soft); border-color:var(--accent-line)}
.src.other{color:var(--ink-3); background:var(--surface-2); border-color:var(--line)}
.srcs{display:inline-flex; gap:5px; flex-wrap:wrap; align-items:center}
/* 要確認のチェック。押した時点で保存するので、保存できたことが分かるようにする */
td.chk{text-align:center; vertical-align:top; padding-top:12px}
td.chk input{accent-color:var(--accent); width:15px; height:15px; cursor:pointer}
td.chk.saved{background:var(--good-soft); transition:background .2s}
td.chk.failed{background:var(--crit-soft)}
/* ショップ一覧の「まとめて操作」。1件以上選んだときだけ出す。
hidden で消すので、display はここに書く（インラインだと hidden に勝ってしまう） */
.bulkbar{
display:flex; gap:9px; flex-wrap:wrap; align-items:center;
background:var(--surface-2); border-bottom:1px solid var(--line-soft);
}
.bulkbar[hidden]{display:none}
/* まとめて操作のために選んだ行 */
tbody tr:has(.selbox:checked){background:var(--warn-soft)}
tbody tr:has(.selbox:checked):hover{background:var(--warn-soft); filter:brightness(.98)}
/* ---------- table ---------- */
.tw{overflow-x:auto}
table{border-collapse:collapse; width:100%; font-size:13px; min-width:760px}
th{
text-align:left; font-size:10.5px; letter-spacing:.09em; color:var(--ink-3); font-weight:500;
padding:9px 12px; border-bottom:1px solid var(--line); background:var(--surface-3); position:sticky; top:0;
}
td{padding:10px 12px; border-bottom:1px solid var(--line-soft); vertical-align:top}
/* 未送信の候補。**まだ記録ではなく見込み**なので、記録された行と見分けが付くようにする。
背景では示さない——tbody tr:hover が同じ層を使っていて、なぞると消える */
tbody tr.cand>td:first-child{box-shadow:inset 3px 0 0 var(--line)}
tbody tr:hover{background:var(--surface-3)}
tbody tr:last-child td{border-bottom:0}
td.n{font-family:var(--f-mono); font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap}
.sname{font-weight:500}
.smeta{font-size:11px; color:var(--ink-3)}
/* ---------- filter bar ---------- */
.filters{display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding:12px 16px; border-bottom:1px solid var(--line-soft)}
.sel,.inp{
background:var(--surface-3); border:1px solid var(--line); color:var(--ink);
padding:5px 10px; border-radius:6px; font:inherit; font-size:12.5px;
box-sizing:border-box; max-width:100%;
}
.inp{min-width:190px}
.btn{background:var(--accent); color:var(--accent-ink); border:0; padding:6px 14px; border-radius:6px; font-size:12.5px; font-weight:500}
.btn.sec{background:var(--surface-2); color:var(--ink-2); border:1px solid var(--line)}
.btn:hover{filter:brightness(1.08)}
/* 案件月別の CSV の帯（月のチェックとボタン） */
.csvbar form{display:flex; gap:12px; flex-wrap:wrap; align-items:center}
.csvbar label{display:inline-flex; gap:4px; align-items:center; font-size:12.5px; white-space:nowrap}
.csvbar{background:var(--surface-2); border-bottom:1px solid var(--line-soft)}
/* Redmine の URL。長いので折り返す。段を落とすのは `
` の役目（重ねない） */
.rmurl{word-break:break-all; line-height:1.35}
/* 案件月別の表の列幅。見出しの1行目だけで決まる（本文と合計行は同じ列に従う）。
`width` は「この幅にしたい」、`min-width` は下限。両方書かないと、月が少ないときは
数字の列に余りが回り、月が多いときは下限より潰れる */
.mtx thead tr:first-child th:first-child{min-width:340px}
.mtx thead tr:first-child th.num{width:86px; min-width:86px}
.mtx thead tr:first-child th.num.sum{width:92px; min-width:92px}
/* 請求書タブの月の一覧（094）。列幅と、確定の印 */
.mlist{min-width:560px}
.mlist .mly{width:150px} .mlist .mln{width:80px} .mlist .mle{width:100px} .mlist .mlk{width:120px}
.st.fixedm{color:var(--good)}
/* 案件の編集の、月別の見積 */
.emlist{min-width:420px}
.emlist .emd{width:170px} .emlist .emm{width:150px} .emlist .emv{width:110px}
a.btn{display:inline-block; text-decoration:none; line-height:1.55}
.fold summary{
display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none;
padding:11px 16px; border-bottom:1px solid transparent;
}
.fold summary::-webkit-details-marker{display:none}
.fold summary::before{content:'▸'; color:var(--ink-3); font-size:11px}
.fold[open] summary::before{content:'▾'}
.fold[open] summary{border-bottom-color:var(--line-soft)}
.fold summary h2{margin:0; font-size:13px; font-weight:600}
.fold summary:hover{background:var(--surface-2)}
/* 契約の編集。列幅を指定どおりにするため table-layout を固定する。
auto のままだと、日付入力が実寸で広がった分だけサービス列が潰れる。 */
table.fixed{table-layout:fixed}
/* .inp の min-width:190px が効くと、150px の列からはみ出して切れる */
table.fixed .sel,table.fixed .inp{width:100%; min-width:0}
/* 日付・時刻の入力はブラウザ既定の実寸が広い。固定幅からはみ出さないように締める */
table.fixed input[type="date"],table.fixed input[type="time"]{min-width:0; padding-right:4px}
table.fixed th,table.fixed td{overflow:hidden}
table.fixed textarea.inp{resize:vertical; line-height:1.5; min-height:30px}
/* プランは主、オプションは従。行の強さで区別する */
tr.optrow td{color:var(--ink-3); font-size:11.5px; border-top:1px dashed var(--line-soft)}
tr.optrow td.n{color:var(--ink-2)}
.who{display:flex; gap:8px; align-items:center; font-size:12px; color:var(--ink-2)}
/* ヘッダーの氏名。ホバーで権限・二要素認証・ログアウトを出す。キーボードで選んでも開く（:focus-within）。
指で触る端末は押して開く（core.js が .open を付ける） */
.me{position:relative}
.mebtn{font:inherit; font-size:12px; color:var(--ink-1); background:none; border:1px solid transparent; border-radius:6px;
padding:3px 8px; cursor:pointer; display:inline-flex; align-items:center; gap:5px}
.mebtn::after{content:"▾"; font-size:10px; color:var(--ink-3)}
.me:hover .mebtn,.me.open .mebtn{border-color:var(--line); background:var(--surface-3)}
/* 上に 6px の透明な帯を持たせる。ボタンからメニューへマウスを動かすあいだにホバーが切れて閉じないように */
.memenu{display:none; position:absolute; right:0; top:100%; z-index:30; padding-top:6px; min-width:160px}
.me:hover .memenu,.me:focus-within .memenu,.me.open .memenu{display:block}
.memenu>div{background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:0 12px 30px rgba(16,32,48,.16);
padding:10px; display:flex; flex-direction:column; gap:8px; align-items:flex-start}
.memenu form{margin:0; width:100%}
.memenu .btn{width:100%}
.navfind{position:relative}
.navfind .inp{min-width:0; width:270px; font-size:12px; padding:4px 10px}
.navfind .inp:focus{outline:2px solid var(--accent-line); outline-offset:-1px}
.navfind .hits{
position:absolute; right:0; top:calc(100% + 5px); z-index:20; width:330px; max-height:320px;
background:var(--surface); box-shadow:0 12px 30px rgba(16,32,48,.16); margin:0;
}
.hit.on{background:var(--accent-soft)}
/* URL は折り返さず1行。長いものは見切れてよい（リンクで開ければ足りる） */
.kv .v.oneline{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
/* メモは改行をそのまま出す */
.kv .v.pre{white-space:pre-wrap}
/* ---------- モーダル ---------- */
.dlg{
border:1px solid var(--line); border-radius:12px; padding:0; width:min(520px, calc(100vw - 32px));
background:var(--surface); color:var(--ink); box-shadow:0 18px 50px rgba(16,32,48,.18);
}
.dlg::backdrop{background:rgba(16,32,48,.34)}
/* .pad は「.card .pad」でしか効かないので、モーダルの中にも同じ余白を与える */
.dlg .pad{padding:20px 22px}
.dlg header{padding:16px 22px; border-bottom:1px solid var(--line-soft)}
.dlg header h2{font-size:14px; font-weight:600}
.dlg label.smeta{display:block; margin-bottom:4px}
.hits{max-height:190px; overflow-y:auto; margin-top:5px}
.hits:not(:empty){border:1px solid var(--line); border-radius:6px}
.hit{display:flex; flex-direction:column; gap:1px; padding:6px 10px; cursor:pointer; font-size:12.5px}
.hit+.hit{border-top:1px solid var(--line-soft)}
.hit:hover,.hit:focus{background:var(--accent-soft); outline:0}
.hit.none{color:var(--ink-3); cursor:default}
.hit.none:hover{background:transparent}
/* 業務日報の案件選び。候補の窓は画面基準で出す——表は .tw（overflow-x:auto）の中にあり、
中に置くと窓が切れる。位置と幅は JS が入力欄に合わせる */
.pickhits{
position:fixed; z-index:30; max-height:320px; margin:0;
background:var(--surface); box-shadow:0 12px 30px rgba(16,32,48,.16);
}
/* 名前を打ったまま候補から選んでいない。保存すると「案件なし」になるので止める */
.inp.ng{border-color:var(--crit); background:var(--crit-soft)}
/* ---------- タスク（104） ---------- */
/* 登録の1段目。**横いっぱいに均等**（2026-10-02、秋元さん指示）。
ラベルは必ず1行——2行になると、その欄だけ下にずれて隣に重なる */
.taskrow{display:grid; gap:10px; align-items:end; margin-bottom:10px}
.taskrow.one{grid-template-columns:repeat(6, 1fr)}
/* 編集のときは**ステータスと実工数が増えて8列**（2026-10-09、秋元さん指示
「すべての項目を編集可能にして」→ 上のフォームにまとめる）。
**パネルの中では2列**（下の `.drawer`） */
.taskrow.one.eight{grid-template-columns:repeat(8, 1fr)}
/* ---- 右から出る編集のパネル（2026-10-09、秋元さん指示）----
「編集を押したことが分かりづらい」。`