/* MIRA WORK — 取引先・自社プロジェクト・案件・伝票 (2026-10-10). Mac window (.ws-body.wk) and iPhone screen (.t-body.wk.wk-m). */
.wk { --wk-ink: #e4f2ff; --wk-sub: #8eabc3; --wk-line: rgba(120, 180, 225, .22); --wk-glass: rgba(18, 42, 66, .42); --wk-glass2: rgba(30, 70, 108, .38);
  --wk-acc: #8fdcff; --wk-ok: #7ee2b8; --wk-warn: #ffcf7a; --wk-ng: #ff8a9b; color: var(--wk-ink); font: 400 13.5px/1.55 var(--f-ui, -apple-system, "Hiragino Sans", sans-serif); }
.wk * { box-sizing: border-box; }
.wk ul { list-style: none; margin: 0; padding: 0; }
.wk li, .ws-body.wk li { padding: 0; border: 0; } .wk li::before, .ws-body.wk li::before { content: none; display: none; }
.wk p { margin: 0; color: inherit; font: inherit; }
.wk h2 { margin: 0; font: 600 21px/1.3 var(--f-ui, sans-serif); letter-spacing: .01em; color: #fff; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wk .wk-h { margin: 22px 0 10px; font: 600 12px/1 var(--f-ui, sans-serif); letter-spacing: .12em; color: #86bfe8; display: flex; gap: 8px; align-items: baseline; }
.wk .wk-h small { color: var(--wk-sub); letter-spacing: 0; font-weight: 500; }
.wk .wk-fh { margin-top: 26px; padding-bottom: 8px; border-bottom: 1px solid var(--wk-line); }
.wk .wk-sub { color: var(--wk-sub); font-size: 12.5px; }
.wk .wk-over { color: var(--wk-acc); font-size: 11px; letter-spacing: .1em; margin-bottom: 4px; }
.wk .wk-empty, .wk .wk-foot { color: var(--wk-sub); font-size: 12.5px; padding: 10px 2px; }
.wk .wk-foot { padding-top: 14px; }
.wk .wk-msg { margin: 0 0 12px; padding: 9px 12px; border-radius: 10px; background: rgba(143, 220, 255, .1); border: 1px solid rgba(143, 220, 255, .35); color: #dff6ff; font-size: 12.5px; }

/* crumbs */
.wk-crumbs { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: -2px 0 16px; font-size: 12px; color: var(--wk-sub); }
.wk-crumbs i { font-style: normal; opacity: .5; }
.wk-crumbs b { color: var(--wk-ink); font-weight: 600; }
.wk .wk-cr, .wk .wk-back { all: unset; cursor: pointer; color: var(--wk-acc); border-radius: 6px; padding: 2px 4px; }
.wk .wk-cr:hover, .wk .wk-back:hover { background: rgba(143, 220, 255, .12); }
.wk .wk-back { font-size: 20px; line-height: 1; padding: 0 8px 2px; margin-right: 2px; border: 1px solid var(--wk-line); }

/* buttons */
.wk .wk-b { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 13px; min-height: 32px; border-radius: 9px;
  font: 500 12.5px/1.2 var(--f-ui, sans-serif); color: #dff2ff; background: rgba(40, 100, 150, .22); border: 1px solid rgba(120, 180, 225, .32); transition: background .15s, border-color .15s, transform .1s; white-space: nowrap; }
.wk .wk-b:hover { background: rgba(60, 140, 210, .32); border-color: rgba(143, 220, 255, .6); }
.wk .wk-b:active { transform: scale(.97); }
.wk .wk-b:focus-visible, .wk .wk-row:focus-visible, .wk .wk-nb:focus-visible, .wk-seg button:focus-visible { outline: 2px solid var(--wk-acc); outline-offset: 2px; }
.wk .wk-p { background: linear-gradient(180deg, rgba(90, 190, 255, .42), rgba(40, 120, 200, .42)); border-color: rgba(143, 220, 255, .7); color: #fff; font-weight: 600; }
.wk .wk-ng { color: #ffd0d7; border-color: rgba(255, 138, 155, .4); background: rgba(255, 91, 114, .1); }
.wk .wk-ng:hover { background: rgba(255, 91, 114, .2); border-color: rgba(255, 138, 155, .7); }
.wk .wk-sm { min-height: 28px; padding: 5px 10px; font-size: 12px; margin-top: 10px; }

/* layout bits */
.wk-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.wk-head > div:first-child { min-width: 0; flex: 1 1 260px; }
.wk-acts, .wk-tools, .wk-fa { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.wk-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: 4px 0 12px; }
.wk-grow { flex: 1; } .wk-sep { width: 1px; height: 22px; background: var(--wk-line); margin: 0 4px; } .wk-lab { color: var(--wk-sub); font-size: 12px; }
.wk .wk-tag { font-style: normal; font: 600 10.5px/1 var(--f-ui, sans-serif); color: var(--wk-warn); border: 1px solid rgba(255, 207, 122, .45); border-radius: 20px; padding: 4px 8px; margin-left: 8px; letter-spacing: .02em; vertical-align: middle; }

.wk-seg { display: inline-flex; padding: 3px; border-radius: 12px; background: rgba(8, 22, 38, .55); border: 1px solid var(--wk-line); margin: 0 0 14px; }
.wk-seg button { all: unset; cursor: pointer; padding: 8px 16px; border-radius: 9px; font: 600 13px/1 var(--f-ui, sans-serif); color: var(--wk-sub); transition: background .2s, color .2s; }
.wk-seg button small { font-weight: 500; opacity: .8; margin-left: 4px; }
.wk-seg button.on { background: rgba(90, 170, 230, .3); color: #fff; box-shadow: inset 0 0 0 1px rgba(143, 220, 255, .45); }

.wk-warn { all: unset; box-sizing: border-box; cursor: pointer; display: flex; justify-content: space-between; gap: 10px; width: 100%; margin: 0 0 14px; padding: 10px 14px; border-radius: 11px;
  background: rgba(255, 190, 90, .09); border: 1px solid rgba(255, 207, 122, .4); color: #ffe6b8; font-size: 12.5px; line-height: 1.5; }
.wk-warn em { font-style: normal; color: var(--wk-warn); font-size: 18px; line-height: 1; }

.wk-zero { padding: 30px 20px; border-radius: 14px; border: 1px dashed rgba(120, 180, 225, .35); text-align: center; display: grid; gap: 8px; justify-items: center; }
.wk-zero b { font-size: 15px; color: #fff; } .wk-zero p { color: var(--wk-sub); font-size: 12.5px; max-width: 34em; }
.wk-zero .wk-b { margin-top: 6px; }

/* rows */
.wk-list { display: grid; gap: 8px; }
.wk .wk-row { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px;
  background: var(--wk-glass); border: 1px solid var(--wk-line); transition: background .15s, border-color .15s, transform .1s; }
.wk .wk-row:hover { background: var(--wk-glass2); border-color: rgba(143, 220, 255, .5); }
.wk .wk-row:active { transform: scale(.995); }
.wk .wk-row > em { font-style: normal; color: var(--wk-acc); font-size: 20px; line-height: 1; }
.wk-av { flex: none; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; font: 700 15px/1 var(--f-ui, sans-serif); color: #fff;
  background: linear-gradient(145deg, rgba(110, 200, 255, .55), rgba(40, 100, 170, .5)); box-shadow: inset 0 0 0 1px rgba(200, 240, 255, .35); }
.wk-rt { flex: 1; min-width: 0; display: grid; gap: 2px; }
.wk-rt b { font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wk-rt small { color: var(--wk-sub); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wk-rn { flex: none; display: grid; justify-items: center; min-width: 44px; } .wk-rn b { font: 600 16px/1.1 var(--f-ui, sans-serif); color: #fff; font-variant-numeric: tabular-nums; } .wk-rn small { font-size: 10.5px; color: var(--wk-sub); }
.wk-amt { flex: none; font-weight: 600; font-variant-numeric: tabular-nums; color: #fff; }
.wk-st, .wk-dt { flex: none; font: 600 11px/1 var(--f-ui, sans-serif); padding: 5px 9px; border-radius: 20px; border: 1px solid; letter-spacing: .02em; }
.wk-st.s0, .wk-st.s-1 { color: var(--wk-ok); border-color: rgba(126, 226, 184, .45); } .wk-st.s1 { color: var(--wk-warn); border-color: rgba(255, 207, 122, .45); } .wk-st.s2 { color: var(--wk-sub); border-color: rgba(142, 171, 195, .4); }
.wk-dt { color: var(--wk-acc); border-color: rgba(143, 220, 255, .45); } .wk-dt.t-invoice { color: #ffd38f; border-color: rgba(255, 211, 143, .45); } .wk-dt.t-receipt { color: var(--wk-ok); border-color: rgba(126, 226, 184, .45); } .wk-dt.t-quote { color: #c7b8ff; border-color: rgba(199, 184, 255, .45); }

/* client detail */
.wk-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
.wk-card, .wk-person { padding: 4px 16px 14px; border-radius: 13px; background: var(--wk-glass); border: 1px solid var(--wk-line); min-width: 0; }
.wk-card .wk-h { margin-top: 14px; }
.wk-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.wk-person { padding-top: 14px; } .wk-person > b { display: block; font-size: 15px; color: #fff; margin-bottom: 8px; } .wk-person > b small { color: var(--wk-sub); font-weight: 500; font-size: 12px; }
.wk-dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 0; font-size: 12.5px; }
.wk-dl dt { color: var(--wk-sub); } .wk-dl dd { margin: 0; color: var(--wk-ink); overflow-wrap: anywhere; white-space: pre-wrap; }
.wk-note { white-space: pre-wrap; padding: 12px 14px; border-radius: 12px; background: var(--wk-glass); border: 1px solid var(--wk-line); }

/* case */
.wk-kpi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.wk-kpi div { padding: 12px 14px; border-radius: 12px; background: var(--wk-glass); border: 1px solid var(--wk-line); display: grid; gap: 4px; }
.wk-kpi small { color: var(--wk-sub); font-size: 11.5px; } .wk-kpi b { font: 600 18px/1.2 var(--f-ui, sans-serif); color: #fff; font-variant-numeric: tabular-nums; }
.wk-new { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.wk .wk-nb { all: unset; box-sizing: border-box; cursor: pointer; padding: 14px; border-radius: 13px; display: grid; gap: 4px; text-align: left;
  background: linear-gradient(160deg, rgba(60, 140, 210, .26), rgba(14, 38, 62, .4)); border: 1px solid rgba(120, 180, 225, .34); transition: border-color .15s, transform .1s; }
.wk .wk-nb:hover { border-color: rgba(143, 220, 255, .7); } .wk .wk-nb:active { transform: scale(.98); }
.wk .wk-nb b { font-size: 15px; color: #fff; } .wk .wk-nb small { color: var(--wk-sub); font-size: 11.5px; }

/* paper preview */
.wk-tools { padding: 10px 12px; border-radius: 12px; background: var(--wk-glass); border: 1px solid var(--wk-line); }
.wk-sheet { position: relative; margin-top: 10px; overflow: hidden; border-radius: 4px; }
.wk-scale { transform-origin: 0 0; width: max-content; }
.wk-sheet .wk-paper { box-shadow: 0 10px 40px rgba(0, 0, 0, .35); }

/* forms */
.wk-form { display: grid; gap: 10px; }
.wk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px 12px; }
.wk-f { display: grid; gap: 5px; min-width: 0; } .wk-f.wide { grid-column: 1 / -1; }
.wk-f > span { font-size: 11.5px; color: var(--wk-sub); letter-spacing: .02em; } .wk-f > span:empty { display: none; }
.wk-f > span i { font-style: normal; color: var(--wk-warn); font-size: 10.5px; margin-left: 4px; }
.wk-f small { color: var(--wk-sub); font-size: 11px; }
.wk input:not([type=checkbox]), .wk select, .wk textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 8px 10px; border-radius: 9px; font: 400 13.5px/1.35 var(--f-ui, sans-serif);
  color: #eaf6ff; background: rgba(6, 18, 32, .6); border: 1px solid rgba(120, 180, 225, .3); color-scheme: dark; }
.wk input:focus, .wk select:focus, .wk textarea:focus { outline: none; border-color: rgba(143, 220, 255, .8); box-shadow: 0 0 0 3px rgba(143, 220, 255, .14); }
.wk textarea { resize: vertical; }
.wk-chk { display: flex; gap: 8px; align-items: center; font-size: 12.5px; color: var(--wk-ink); cursor: pointer; }
.wk-chk input { width: 16px; height: 16px; accent-color: #5db7ff; }
.wk-dp { margin: 0; padding: 12px 14px 14px; border-radius: 13px; border: 1px solid var(--wk-line); background: rgba(10, 28, 46, .35); }
.wk-dp legend { padding: 0 6px; font-size: 11.5px; color: var(--wk-acc); letter-spacing: .06em; }
.wk-fa { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--wk-line); }
.wk-ih, .wk-it { display: grid; grid-template-columns: minmax(0, 3fr) 70px 64px minmax(0, 1.3fr) 82px minmax(0, 1.1fr) 30px; gap: 6px; align-items: center; }
.wk-ih span { font-size: 11px; color: var(--wk-sub); }
.wk-ia { text-align: right; font-variant-numeric: tabular-nums; color: #fff; font-size: 13px; }
.wk .wk-x { all: unset; cursor: pointer; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: var(--wk-sub); }
.wk .wk-x:hover { color: #ffd0d7; background: rgba(255, 91, 114, .16); }
.wk-tot { display: flex; justify-content: flex-end; gap: 16px; flex-wrap: wrap; align-items: baseline; padding: 10px 2px; color: var(--wk-sub); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.wk-tot b { color: #fff; font-size: 16px; }
.wk-confirm { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 10px; padding: 10px 12px; border-radius: 11px; background: rgba(255, 91, 114, .08); border: 1px solid rgba(255, 138, 155, .35); }
.wk-confirm p { flex: 1 1 200px; color: #ffe0e5 !important; font-size: 12.5px !important; }

/* iPhone */
.wk-m { padding-bottom: 200px; }
.wk-m .wk-new { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wk-m .wk-seg { display: flex; } .wk-m .wk-seg button { flex: 1; text-align: center; }
@media (max-width: 640px) {
  .wk-new { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wk-kpi { grid-template-columns: 1fr 1fr; }
  .wk-ih { display: none; }
  .wk-it { grid-template-columns: 1fr 1fr 1fr 30px; padding: 10px; border-radius: 11px; border: 1px solid var(--wk-line); background: rgba(10, 28, 46, .35); }
  .wk-it input[name="it.name"] { grid-column: 1 / -1; }
  .wk-it .wk-ia { grid-column: 1 / 4; }
  .wk-rn small { display: none; }
}
/* 郵便番号 → 住所, 国内／海外 (2026-10-10) */
.wk-zipc { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.wk-zipc:empty { display: none; }
.wk-zipc .wk-sm { margin-top: 0; }
.wk .wk-zipn { color: var(--wk-warn); }
.wk-region { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.wk-region .wk-seg { margin: 0; }

/* ---------- iPhone: 入力画面を大きく・ヘッダーに隠れない (owner review 2026-10-10) ---------- */
.tview { padding-top: calc(var(--sat, 0px) + 60px) !important; padding-bottom: calc(var(--nav-h, 64px) + var(--ask-h, 60px) + var(--sab, 0px) + 40px) !important; }
.tview .t-head { top: 0; margin: 0 -16px; padding: 12px 16px; background: rgb(4, 11, 22); }
.tview .t-head::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: calc(var(--sat, 0px) + 64px); background: rgb(4, 11, 22); pointer-events: none; }
body:has(#viewWork.on) .ask { display: none; }
#viewWork { padding-bottom: calc(var(--nav-h, 64px) + var(--sab, 0px)) !important; }
.wk-m { font-size: 16px; padding-bottom: 24px; }
.wk-m .wk-crumbs { font-size: 14px; margin: 6px 0 18px; gap: 8px; }
.wk-m .wk-back { font-size: 24px; padding: 4px 12px 6px; }
.wk-m h2 { font-size: 24px; }
.wk-m .wk-sub, .wk-m .wk-empty, .wk-m .wk-foot { font-size: 14.5px; line-height: 1.6; }
.wk-m .wk-h { font-size: 14px; margin: 26px 0 12px; }
.wk-m .wk-fh { font-size: 15px; color: #a9dcff; margin-top: 30px; }
.wk-m .wk-grid { grid-template-columns: 1fr; gap: 16px; }
.wk-m .wk-f { gap: 7px; }
.wk-m .wk-f > span { font-size: 14px; color: #b9d3e8; }
.wk-m .wk-f small { font-size: 13px; }
.wk-m input:not([type=checkbox]), .wk-m select, .wk-m textarea { font-size: 17px; min-height: 52px; padding: 12px 14px; border-radius: 12px; background: rgba(4, 14, 26, .82); border-color: rgba(143, 200, 240, .42); }
.wk-m textarea { min-height: 96px; }
.wk-m .wk-chk { font-size: 15px; gap: 12px; padding: 6px 0; }
.wk-m .wk-chk input { width: 22px; height: 22px; }
.wk-m .wk-b { min-height: 46px; padding: 11px 18px; font-size: 15px; border-radius: 12px; }
.wk-m .wk-sm { min-height: 40px; font-size: 14px; }
.wk-m .wk-seg { width: 100%; } .wk-m .wk-seg button { padding: 13px 10px; font-size: 15px; }
.wk-m .wk-region { display: grid; gap: 10px; }
.wk-m .wk-dp { padding: 14px 14px 16px; } .wk-m .wk-dp legend { font-size: 14px; }
.wk-m .wk-row { padding: 16px; gap: 14px; } .wk-m .wk-rt b { font-size: 16.5px; } .wk-m .wk-rt small { font-size: 13.5px; }
.wk-m .wk-av { width: 42px; height: 42px; font-size: 17px; }
.wk-m .wk-head { flex-direction: column; align-items: stretch; }
.wk-m .wk-acts { display: grid; grid-template-columns: 1fr 1fr; } .wk-m .wk-acts .wk-b:only-child { grid-column: 1 / -1; }
.wk-m .wk-bar { flex-direction: column; align-items: stretch; }
.wk-m .wk-dl { font-size: 15px; gap: 8px 14px; }
.wk-m .wk-fa { position: sticky; bottom: 0; z-index: 2; margin: 18px -16px 0; padding: 12px 16px; background: rgba(3, 10, 20, .97); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.wk-m .wk-fa .wk-b { flex: 1; } .wk-m .wk-fa .wk-grow { display: none; }
.wk-m .wk-warn { font-size: 14px; padding: 14px; }
.wk-m .wk-msg { font-size: 14.5px; }
.wk-m .wk-it input, .wk-m .wk-it select { min-height: 46px; font-size: 16px; }
.wk-m .wk-tools { display: grid; grid-template-columns: 1fr 1fr; } .wk-m .wk-tools .wk-sep, .wk-m .wk-tools .wk-grow { display: none; } .wk-m .wk-tools .wk-lab { grid-column: 1 / -1; font-size: 13px; }
/* iPhone: no empty block under the title (flex-basis became a height in a column) */
.wk-m .wk-head > div:first-child { flex: none; }
.wk-m .wk-home { flex-direction: row; align-items: center; margin-bottom: 12px; }
.wk-m .wk-home h2 { display: none; }
.wk-m .wk-home .wk-acts { display: flex; width: 100%; } .wk-m .wk-home .wk-acts .wk-b { flex: 1; }
.wk-m .wk-zero { padding: 26px 18px; } .wk-m .wk-zero b { font-size: 17px; } .wk-m .wk-zero p { font-size: 14.5px; }

/* ---------- 案件：状態・見積内容・案件フォルダ (2026-10-10) ---------- */
.wk-st.sx { color: var(--wk-ng); border-color: rgba(255, 138, 155, .45); }
.wk .wk-b[disabled] { opacity: .55; pointer-events: none; }
.wk-steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.wk-steps button { all: unset; cursor: pointer; padding: 7px 11px; border-radius: 20px; font: 600 12px/1 var(--f-ui, sans-serif); color: var(--wk-sub); border: 1px solid var(--wk-line); background: rgba(8, 22, 38, .5); transition: background .15s, color .15s; }
.wk-steps button.done { color: #bfe9d6; border-color: rgba(126, 226, 184, .35); background: rgba(60, 160, 120, .12); }
.wk-steps button.on { color: #fff; border-color: rgba(143, 220, 255, .8); background: rgba(70, 160, 230, .35); }
.wk-steps button.side { margin-left: 0; opacity: .8; }
.wk-steps button.side:first-of-type { margin-left: 10px; }
.wk-steps button:hover { border-color: rgba(143, 220, 255, .6); }
.wk-info { padding: 12px 16px; border-radius: 13px; background: var(--wk-glass); border: 1px solid var(--wk-line); grid-template-columns: max-content 1fr max-content 1fr; }
.wk-tbl { overflow-x: auto; border-radius: 12px; border: 1px solid var(--wk-line); }
.wk-tbl table { width: 100%; border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.wk-tbl th { text-align: left; font-weight: 600; color: var(--wk-sub); padding: 8px 10px; background: rgba(8, 22, 38, .6); white-space: nowrap; }
.wk-tbl td { padding: 8px 10px; border-top: 1px solid var(--wk-line); color: var(--wk-ink); }
.wk-tbl td.n { text-align: right; white-space: nowrap; }
.wk-tbl + .wk-kpi { margin-top: 10px; }
.wk-rate { font-style: normal; font-size: 12px; color: var(--wk-ok); margin-left: 4px; }
.wk-folder { padding: 12px; border-radius: 13px; border: 1px solid var(--wk-line); background: rgba(10, 28, 46, .35); display: grid; gap: 10px; }
.wk-files { display: grid; gap: 6px; }
.wk-files li { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; background: var(--wk-glass); border: 1px solid var(--wk-line); }
.wk-fk { flex: none; font: 600 11px/1 var(--f-ui, sans-serif); padding: 5px 8px; border-radius: 6px; color: #dff2ff; background: rgba(90, 160, 220, .22); }
.wk-fk.k-order { background: rgba(255, 190, 90, .2); color: #ffe2b0; } .wk-fk.k-invoice { background: rgba(126, 226, 184, .18); color: #c9f5e1; }
.wk-fn { flex: 1; min-width: 0; display: grid; gap: 2px; } .wk-fn b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; } .wk-fn small { color: var(--wk-sub); font-size: 11px; }
.wk-fa2 { display: flex; gap: 6px; align-items: center; } .wk-fa2 .wk-sm { margin-top: 0; text-decoration: none; }
.wk-up { position: relative; }
.wk-q, .wk-qh { display: grid; grid-template-columns: minmax(0, 2.6fr) 64px 56px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) 30px; gap: 6px; align-items: center; }
.wk-qh span { font-size: 11px; color: var(--wk-sub); }
.wk-new.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wk-copybox { width: 100%; margin: 0 0 12px; font: 13px/1.6 var(--f-ui, sans-serif); }
@media (max-width: 640px) {
  .wk-qh { display: none; }
  .wk-q { grid-template-columns: 1fr 1fr 1fr 30px; padding: 10px; border-radius: 11px; border: 1px solid var(--wk-line); background: rgba(10, 28, 46, .35); }
  .wk-q input[name="q.name"], .wk-q input[name="q.supplier"] { grid-column: 1 / 4; }
  .wk-info { grid-template-columns: max-content 1fr; }
  .wk-new.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wk-files li { flex-wrap: wrap; } .wk-fa2 { width: 100%; justify-content: flex-end; }
}
.wk-m .wk-steps button { padding: 10px 13px; font-size: 13.5px; }
.wk-m .wk-q input { min-height: 46px; font-size: 16px; }
.wk-m .wk-fn b { font-size: 14.5px; } .wk-m .wk-fk { font-size: 12.5px; }
.wk-m .wk-tbl table { font-size: 14px; }
.wk-m .wk-folder .wk-acts { grid-template-columns: 1fr 1fr; }

/* FINANCE · SCHEDULE · メモ · レポート (js/work/hub.js) */
.hb .hb-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 16px 0 6px; }
.hb .hb-kpi { padding: 12px 14px; border-radius: 12px; background: var(--wk-glass); border: 1px solid var(--wk-line); display: grid; gap: 4px; }
.hb .hb-kpi span { font-size: 11.5px; color: var(--wk-sub); }
.hb .hb-kpi b { font: 600 22px/1.15 var(--f-ui, sans-serif); color: #fff; font-variant-numeric: tabular-nums; }
.hb .hb-kpi.hb-ng { border-color: rgba(255, 138, 155, .5); } .hb .hb-kpi.hb-ng b { color: var(--wk-ng); }
.hb .hb-kpi.hb-warn b { color: var(--wk-warn); } .hb .hb-kpi.hb-ok b { color: var(--wk-ok); }
.hb .hb-list { display: grid; gap: 8px; }
.hb .hb-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 11px; background: var(--wk-glass); border: 1px solid var(--wk-line); }
.hb .hb-main { flex: 1; min-width: 0; display: grid; } .hb .hb-main small { color: var(--wk-sub); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hb .hb-amt { font-weight: 600; font-variant-numeric: tabular-nums; }
.hb .hb-tag { flex: none; font-size: 11.5px; font-weight: 600; padding: 3px 8px; border-radius: 7px; }
.hb .hb-tag.ok { color: var(--wk-ok); background: rgba(126, 226, 184, .12); } .hb .hb-tag.ng { color: var(--wk-ng); background: rgba(255, 138, 155, .14); }
.hb .hb-next { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
.hb .hb-next div { padding: 10px 12px; border-radius: 11px; border: 1px dashed rgba(255, 207, 122, .45); display: grid; gap: 2px; }
.hb .hb-next b { color: var(--wk-warn); font-size: 13px; } .hb .hb-next span { color: var(--wk-sub); font-size: 12px; }
.hb .hb-soon { margin-top: 18px; padding: 9px 12px; border-radius: 10px; border: 1px dashed rgba(255, 207, 122, .4); color: #ffe3ad; font-size: 12.5px; }
.hb .hb-seg { margin: 12px 0 8px; }
.hb .hb-day { display: grid; grid-template-columns: 74px 1fr; gap: 12px; padding: 10px 0; border-top: 1px solid var(--wk-line); }
.hb .hb-day.past { opacity: .55; } .hb .hb-day.today .hb-date b { color: var(--wk-acc); }
.hb .hb-date { display: grid; } .hb .hb-date b { font: 600 20px/1.1 var(--f-ui, sans-serif); color: #fff; font-variant-numeric: tabular-nums; } .hb .hb-date span { font-size: 11.5px; color: var(--wk-sub); }
.hb .hb-day ul { display: grid; gap: 6px; }
.hb .hb-ev { display: grid; padding: 7px 10px; border-radius: 9px; background: var(--wk-glass); border-left: 3px solid var(--wk-acc); }
.hb .hb-ev.hb-warn { border-left-color: var(--wk-warn); } .hb .hb-ev.hb-ok { border-left-color: var(--wk-ok); }
.hb .hb-ev span { font-size: 12px; color: var(--wk-sub); }
.hb .hb-family { margin-top: 14px; padding: 16px; border-radius: 12px; background: var(--wk-glass); border: 1px solid var(--wk-line); display: grid; gap: 10px; justify-items: start; }
.hb .hb-memoform { display: grid; gap: 8px; margin: 14px 0; }
.hb .hb-memoform textarea { width: 100%; resize: vertical; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--wk-line); background: rgba(6, 20, 36, .6); color: var(--wk-ink); font: inherit; font-size: 14px; }
.hb .hb-memoform button { justify-self: end; }
.hb .hb-memos { display: grid; gap: 8px; }
.hb .hb-memos li { padding: 10px 12px; border-radius: 11px; background: var(--wk-glass); border: 1px solid var(--wk-line); display: grid; gap: 8px; }
.hb .hb-mfoot { display: flex; align-items: center; gap: 8px; } .hb .hb-mfoot small { color: var(--wk-sub); flex: 1; }
.hb .hb-mfoot select { background: rgba(6, 20, 36, .6); color: var(--wk-ink); border: 1px solid var(--wk-line); border-radius: 8px; padding: 4px 8px; font: inherit; font-size: 12px; }
.hb .hb-del { margin-top: 0; }
.hb .hb-bars { display: grid; gap: 7px; }
.hb .hb-bar { display: grid; grid-template-columns: 90px 1fr 32px; align-items: center; gap: 10px; font-size: 12.5px; }
.hb .hb-bar span { color: var(--wk-sub); } .hb .hb-bar b { text-align: right; font-variant-numeric: tabular-nums; }
.hb .hb-bar i { display: block; height: 10px; min-width: 2px; border-radius: 5px; background: linear-gradient(90deg, rgba(90, 190, 255, .5), var(--wk-acc)); }
.wk-m.hb .hb-kpi b { font-size: 24px; } .wk-m.hb .hb-memoform textarea { font-size: 17px; }
/* launcher: icon-only chambers (FINANCE $ · SCHEDULE · メモ · レポート) */
.rl-ch.rl-io em, .mrl-ch.mrl-io em { display: none; }
.rl-ch.rl-io svg { width: 40px; height: 40px; }
.mrl-ch.mrl-io svg { width: 28px; height: 28px; }
.wk-m.hb > h2 { display: none; }
/* one mode only (2026-10-10): AMBIENT/DASHBOARD switch retired */
#viewModeSwitch,.vm-switch{display:none!important}
/* お知らせ: only when something happens, never a permanent panel */
.mn-box{position:fixed;left:50%;top:100px;transform:translateX(-50%);z-index:9000;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none}
.mn-box.m{top:calc(env(safe-area-inset-top,0px) + 56px)}
.mn{pointer-events:auto;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid rgba(120,200,255,.28);background:rgba(6,20,36,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#e6f4ff;font:inherit;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s;cursor:pointer}
.mn.on{opacity:1;transform:none}
.mn i{font-style:normal;flex:0 0 34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:16px;background:rgba(80,170,255,.18);color:#7cc8ff}
.mn.mail i{background:rgba(80,170,255,.2);color:#7cc8ff}.mn.time i{background:rgba(255,184,77,.2);color:#ffc266}
.mn span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mn b{font-weight:600;font-size:14px}.mn small{font-size:12px;color:#9fbdd6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mn em{font-style:normal;color:#7f9bb3;font-size:16px;padding:0 4px}