/* =========================================================
   coreflow-desk-cards.css ─ 作り込んだカードの見た目（全アプリ共通）
   ---------------------------------------------------------
   🔴 **本体はここ（_shared）だけ。** 各アプリの css\ にあるのは配られた写し。
      直す時は必ず _shared を直して sync-shared.ps1 を走らせる。

   🗣 ゆうた 2026-09-19「コアフローのダッシュボード、Flowデスク、スマホFlow（仮）で
      **全部同じ部品、同じ仕組み**にしたい。何かで変えたり、新規で作る時に3本に分かれるのはだるい」
   ＝ もとは FlowDesk の desk.css の後半（377行目以降）にあった物を、そのまま出した。

   ⚠ **色の名前（--s1 / --t1 / --hair …）はここでは決めない。** 借りる側が用意する。
      ・FlowDesk … desk.css の :root（ダーク／ホワイト両方）
      ・CoreFlow ダッシュボード … dash.css の「FlowDesk のカード部品が使う色の名前」
      ＝ こうしておくと、同じカードがそれぞれの画面の地の色になじむ。
   ========================================================= */
/* =========================================================
   🆕 v1.10.0 表示の作り込んだカード（desk-rich.js）＝モック FlowDesk\モック_FlowDesk_表示.html で決めた形
   🔴 左の色の線はカードの上から下まで（開いた時も）＝.fd-card::before をそのまま使う
   ========================================================= */
.fd-card.rc { padding: 0; overflow: hidden; }
.rc-h { width: 100%; display: flex; align-items: center; gap: 10px; border: 0; background: none; padding: 14px 14px 6px 20px; text-align: left; font: inherit; color: var(--t1); }
button.rc-h { cursor: pointer; }
.rc-h b { font-size: 14px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-h small { margin-left: auto; font-size: 11.5px; color: var(--t3); white-space: nowrap; }
.rc-h small em { font-style: normal; font: 700 12px var(--num); color: var(--t1); }
.rc-h small.late { color: var(--todo); }
.rc-chev { flex: none; display: inline-flex; color: var(--t3); transition: transform .15s; }
.rc-h[aria-expanded="true"] > .rc-chev, .rc-it-h[aria-expanded="true"] > .rc-chev, .rc-sc-tm[aria-expanded="true"] > .rc-chev { transform: rotate(180deg); }
.rc-msg { padding: 2px 14px 14px 20px; font-size: 12px; color: var(--t3); }
.rc-pad { padding: 4px 14px 12px 20px; }
.rc-foot { display: flex; align-items: center; gap: 10px; padding: 10px 14px 12px 20px; font-size: 11px; color: var(--t3); }
.rc-link { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; border: 0; background: none; color: var(--t2); font: inherit; font-size: 11.5px; font-weight: 600; border-radius: 6px; padding: 3px 8px; box-shadow: inset 0 0 0 1px var(--hair2); white-space: nowrap; cursor: pointer; }
.rc-link:hover { color: var(--t1); }
.fd-exp-err { font-size: 12px; color: var(--urgent); padding: 2px 0; }

/* ── 承認待ち ── */
.rc-ap-h { min-height: 58px; padding: 14px 14px 14px 20px; gap: 12px; }   /* 🔴 ゆうた「1行でいいのだがもうちょい厚みを」＝58px */
.rc-ap-h:hover { background: color-mix(in srgb, var(--t1) 3%, transparent); }
.rc-ap-h b { font-size: 14.5px; }
.rc-n { font: 700 13px/24px var(--num); min-width: 26px; padding: 0 8px; border-radius: 999px; background: color-mix(in srgb, var(--app) 22%, var(--s1)); color: color-mix(in srgb, var(--app) 60%, var(--t1)); text-align: center; }
.rc-ap-list { border-top: 1px solid var(--hair); padding: 4px 6px 6px; }
.rc-it { border-radius: 8px; }
.rc-it + .rc-it { margin-top: 2px; }
.rc-it.open { background: var(--s2); }
.rc-it-h { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto 14px; gap: 2px 10px; align-items: center; border: 0; background: none; padding: 8px 8px 8px 12px; border-radius: 8px; cursor: pointer; text-align: left; font: inherit; color: var(--t1); }
.rc-it-h:hover { background: var(--s2); }
.rc-it-h .t { font-size: 12.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-it-h .s { grid-column: 1; font-size: 11.5px; color: var(--t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-it-h .w { grid-column: 2; grid-row: 1 / 3; font: 500 11.5px var(--num); color: var(--t3); }
.rc-it-h .w.late { color: var(--todo); }
.rc-it-h .rc-chev { grid-column: 3; grid-row: 1 / 3; }
.fd-exp.rc-exp { margin: 0; padding: 2px 12px 12px; border-top: 0; }
.rc-it.open .fd-exp-a { background: var(--s1); }
/* 承認待ちの中身（通知の「押すと開く」と同じ部品） */
.fd-exp-lab em.ed { color: var(--fd); }
.fd-exp-a.ap-fixed { box-shadow: inset 3px 0 0 var(--fd); }
textarea.ap-edit { display: block; width: 100%; resize: vertical; min-height: 140px; max-height: none; font: inherit; font-size: 12.5px; line-height: 1.75; color: var(--t1); border: 0; outline: none; box-shadow: inset 3px 0 0 var(--app), 0 0 0 1.5px var(--fd); }
.fd-exp-btns.ap-3 { display: grid; grid-template-columns: 1fr 1fr 1.4fr; }
.fd-exp-btns.ap-3 .fd-exp-btn { justify-content: center; padding: 0 8px; }
.ap-confirm { margin-top: 6px; border-radius: 8px; background: var(--fd-soft); padding: 9px 10px; font-size: 12px; color: var(--t1); line-height: 1.6; }
.ap-confirm .fd-exp-btns { margin-top: 8px; }

/* ── 最短入庫日の案内（国産＝緑・輸入＝ピンクを少し。PitFlow と同じ） ── */
.rc-el { --dom: #1db97a; --imp: #ec4899; --loan: #3b82f6; }
:root[data-theme="light"] .rc-el { --dom: #12875a; --imp: #d0317f; --loan: #2563eb; }
.rc-el .rc-h { padding-bottom: 2px; }
.rc-el-g { display: grid; grid-template-columns: 48px repeat(3, minmax(0, 1fr)); gap: 6px; padding: 8px 14px 0 20px; }
.rc-el-g .ch { font-size: 11px; font-weight: 600; color: var(--t3); padding-left: 10px; white-space: nowrap; }
.rc-el-g .ch.loan { color: color-mix(in srgb, var(--loan) 70%, var(--t2)); }
.rc-el-k { display: flex; align-items: center; gap: 6px; font: inherit; font-size: 12.5px; font-weight: 700; color: var(--t2); border: 0; background: none; padding: 0; cursor: pointer; border-radius: 6px; text-align: left; }
.rc-el-k i { width: 7px; height: 7px; border-radius: 50%; flex: none; }
.rc-el-k.dom i { background: var(--dom); }
.rc-el-k.imp i { background: var(--imp); }
.rc-el-k:hover { color: var(--t1); }
.rc-el-c { --c: var(--dom); position: relative; display: flex; align-items: baseline; gap: 4px; min-width: 0; border: 0; cursor: pointer; text-align: left; padding: 8px 10px; border-radius: 8px; font: inherit; color: var(--t1);
  background: color-mix(in srgb, var(--c) 7%, var(--s2)); box-shadow: inset 2px 0 0 color-mix(in srgb, var(--c) 70%, transparent); transition: background .12s, box-shadow .12s; }
.rc-el-c.imp { --c: var(--imp); }
.rc-el-c:hover { background: color-mix(in srgb, var(--c) 14%, var(--s2)); }
.rc-el-c.loanc { box-shadow: inset 2px 0 0 color-mix(in srgb, var(--c) 70%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--loan) 22%, transparent); }
.rc-el-c.on.z-dom { box-shadow: inset 0 0 0 1.5px var(--dom); }
.rc-el-c.on.z-imp { box-shadow: inset 0 0 0 1.5px var(--imp); }
.rc-el-c.on.z-loan { box-shadow: inset 0 0 0 1.5px var(--loan); }
.rc-el-d { font: 700 16px/1.2 var(--num); font-variant-numeric: tabular-nums; white-space: nowrap; }
.rc-el-d small { font: 600 11px var(--fs); color: var(--t3); margin-left: 3px; }
.rc-el-d.today { color: var(--fd); }
.rc-el-d.none { color: var(--t3); font-weight: 600; font-size: 13px; }
.rc-el-more { --z: var(--dom); margin-top: 10px; border-top: 1px solid var(--hair); padding: 10px 14px 4px 20px; box-shadow: inset 3px 0 0 var(--z); }
.rc-el-more.z-imp { --z: var(--imp); }
.rc-el-more.z-loan { --z: var(--loan); }
.rc-el-more h5 { margin: 0 0 8px; font-size: 12px; font-weight: 700; color: var(--t1); display: flex; align-items: center; gap: 8px; }
.rc-el-more h5 i { width: 8px; height: 8px; border-radius: 50%; background: var(--z); }
.rc-el-more h5 span { margin-left: auto; display: flex; gap: 10px; font-size: 11px; font-weight: 600; color: var(--t3); }
.rc-el-more h5 span em { font-style: normal; display: inline-flex; align-items: center; gap: 4px; }
.rc-el-more h5 span em::before { content: ''; width: 8px; height: 8px; border-radius: 2px; background: var(--todo); }
.rc-el-more h5 span em.full::before { background: var(--urgent); }
.rc-el-more h5 button { border: 0; background: none; color: var(--t3); cursor: pointer; padding: 2px 4px; border-radius: 5px; display: inline-flex; }
.rc-el-more h5 button:hover { color: var(--t1); background: var(--s2); }
.rc-el-cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.rc-el-cal div { border-radius: 6px; background: var(--s2); padding: 4px 0 5px; text-align: center; position: relative; }
.rc-el-cal div b { display: block; font: 600 12px/1.2 var(--num); }
.rc-el-cal div small { display: block; font-size: 9.5px; color: var(--t3); line-height: 1.3; font-variant-numeric: tabular-nums; }
.rc-el-cal div.sun b { color: var(--urgent); }
.rc-el-cal div.near { box-shadow: inset 0 -3px 0 var(--todo); }
.rc-el-cal div.full { background: color-mix(in srgb, var(--urgent) 16%, var(--s2)); box-shadow: inset 0 -3px 0 var(--urgent); }
.rc-el-cal div.closed { background: none; box-shadow: inset 0 0 0 1px var(--hair); }
.rc-el-cal div.closed b { color: var(--t3); }
.rc-el-cal div.today { outline: 1.5px solid var(--fd); outline-offset: -1.5px; }

/* ── 自分のスケジュール ── */
.rc-sc-next { width: calc(100% - 24px); margin: 2px 12px 12px; display: grid; grid-template-columns: auto 52px minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 0; cursor: pointer; text-align: left;
  padding: 10px 12px; border-radius: 9px; background: var(--fd-soft); font: inherit; color: var(--t1); }
.rc-sc-next:hover { background: color-mix(in srgb, var(--fd) 20%, var(--s1)); }
.rc-sc-next .rc-sc-t { font-size: 15px; color: var(--t1); }
.rc-sc-next .rc-sc-m b { font-size: 14px; }
.rc-sc-next .left { font: 600 11.5px var(--num); color: var(--fd); white-space: nowrap; }
.rc-sc-next.none { grid-template-columns: 1fr; background: var(--s2); color: var(--t3); font-size: 12.5px; font-weight: 600; }
.rc-tag { font-size: 10.5px; font-weight: 700; border-radius: 5px; padding: 1px 7px; white-space: nowrap; color: var(--fd-ink); background: var(--fd); }
.rc-sc-list { padding: 2px 8px 4px 12px; }
.rc-sc-it { position: relative; width: 100%; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 0; background: none; text-align: left; padding: 7px 8px; border-radius: 8px; cursor: pointer; font: inherit; color: var(--t1); }
.rc-sc-it:hover { background: var(--s2); }
.rc-sc-it.past { opacity: .45; }
.rc-sc-it.next { background: var(--fd-soft); }
.rc-sc-it.topen { background: var(--s2); }
.rc-sc-t { font: 600 13px var(--num); font-variant-numeric: tabular-nums; color: var(--t2); white-space: nowrap; }
.rc-sc-t.all { font: 600 11px var(--fs); color: var(--t3); }
.rc-sc-m { min-width: 0; }
.rc-sc-m b { display: block; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-sc-m small { display: flex; align-items: center; gap: 4px; font-size: 11px; color: var(--t3); }
.rc-sc-m small::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ec, var(--t3)); flex: none; }
.rc-lock { display: inline-flex; font-style: normal; }
.rc-sc-r { display: inline-flex; align-items: center; gap: 6px; }
.rc-now { display: flex; align-items: center; gap: 8px; margin: 2px 8px; font: 600 10.5px var(--num); color: var(--fd); }
.rc-now::after { content: ''; flex: 1; height: 1.5px; background: var(--fd); border-radius: 1px; }
.rc-todo { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 700; border-radius: 5px; padding: 1px 7px; white-space: nowrap; }
.rc-todo.open::before, .rc-todo.over::before { content: ''; width: 9px; height: 9px; border-radius: 2px; box-shadow: inset 0 0 0 1.5px currentColor; }
.rc-todo.open { color: var(--fd); box-shadow: inset 0 0 0 1px var(--fd-line); }
.rc-todo.over { color: var(--todo); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--todo) 50%, transparent); }
.rc-todo.reported { color: var(--todo); background: color-mix(in srgb, var(--todo) 12%, transparent); }
.rc-todo.reported::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.rc-todo.done { color: var(--t3); }
.rc-tp { margin: 2px 4px 8px 62px; padding: 10px 12px; border-radius: 9px; background: var(--s2); font-size: 12px; color: var(--t2); line-height: 1.6; }
.rc-tp b { color: var(--t1); }
.rc-tp input { display: block; width: 100%; margin: 8px 0 0; height: 32px; border-radius: 7px; border: 0; background: var(--s1); color: var(--t1); padding: 0 10px; font: inherit; font-size: 12.5px; box-shadow: inset 0 0 0 1px var(--hair2); outline: none; }
.rc-tp input:focus { box-shadow: inset 0 0 0 1.5px var(--fd); }
.rc-tp .fd-exp-btns { margin-top: 8px; }
.rc-off { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 5px; margin: 6px 14px 4px 20px; padding: 7px 0 2px; border-top: 1px dashed var(--hair2); }
.rc-off > span { font-size: 11px; font-weight: 600; color: var(--t3); margin-right: 2px; }
.rc-off.none em { font-style: normal; font-size: 12px; color: var(--t3); }
.rc-av { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 10.5px; font-weight: 700; font-style: normal; color: #fff; background-size: cover; background-position: center; }
.rc-line { height: 1px; background: var(--hair); margin: 8px 10px 0; }
.rc-sc-tm { width: calc(100% - 20px); margin: 4px 10px 0; display: flex; align-items: center; gap: 8px; border: 0; background: none; padding: 10px 10px 8px; cursor: pointer; text-align: left; font: inherit; font-size: 12px; font-weight: 600; color: var(--t2); }
.rc-sc-tm em { font-style: normal; font: 700 12px var(--num); color: var(--t1); }
.rc-sc-tm .rc-chev { margin-left: auto; }
.rc-sc-tml { padding: 0 8px 4px 12px; }
.rc-sc-tml .rc-off { margin-left: 10px; margin-right: 6px; }
.rc-sc-tml .rc-msg { padding: 4px 8px; }
.rc-sc-req { display: flex; align-items: center; gap: 8px; margin: 4px 14px 0 20px; padding: 7px 10px; border-radius: 8px; background: color-mix(in srgb, var(--todo) 10%, var(--s2)); font: inherit; font-size: 12px; color: var(--t1); border: 0; width: calc(100% - 34px); cursor: pointer; text-align: left; }
.rc-sc-req b { font: 700 12px var(--num); color: var(--todo); }
.rc-sc-req span { margin-left: auto; font-size: 11px; color: var(--t3); white-space: nowrap; }
.rc-end { height: 10px; }

/* 🆕 v1.11.0 部署・全社のスケジュール＝入っている人の顔（3人まで） */
.rc-faces { display: inline-flex; align-items: center; }
.rc-face { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-size: 9px; font-weight: 700; font-style: normal; color: #fff; background-size: cover; background-position: center; box-shadow: 0 0 0 1.5px var(--s1); }
.rc-face + .rc-face { margin-left: -4px; }
.rc-face.more { background: var(--s3); color: var(--t2); }
.rc-sc-next .left { display: inline-flex; align-items: center; gap: 8px; }
.rc-sc-it.next .rc-face, .rc-sc-next .rc-face { box-shadow: 0 0 0 1.5px var(--s2); }

/* =========================================================
   🆕 v1.13.0 売上・PitFlow のフロントと課・在庫アラート（desk-sales.js）＝モックの「決まった」をそのまま
   ========================================================= */
/* ── 🆕 在庫アラート（2026-09-17 案1）──
   🗣 ゆうた「モックの方は在庫アラートを詰めたい」
   承認待ちと同じ形＝閉じた1行（件数）→ 押すと一覧 → 1件を押すと中身（通知の「在庫リミット」を開いた時と同じ） */
.sa{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.sa::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:var(--stock)}
.sa-h{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;border:0;background:none;padding:14px 14px 14px 20px;cursor:pointer;text-align:left}
.sa-h:hover{background:color-mix(in srgb,var(--t1) 3%,transparent)}
.sa-h b{font-size:14.5px;font-weight:700}
.sa-n{font:700 13px/24px var(--num);min-width:26px;padding:0 8px;border-radius:999px;text-align:center;background:color-mix(in srgb,var(--urgent) 20%,var(--s1));color:color-mix(in srgb,var(--urgent) 70%,var(--t1))}
.sa-h small{margin-left:auto;font-size:12px;color:var(--t3);white-space:nowrap}
.sa-h small em{font-style:normal;font:700 12px var(--num)}
.sa-h small em.zero{color:var(--urgent)}
.sa-h small em.soon{color:var(--todo)}
.sa-h[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
.sa-body{border-top:1px solid var(--hair);padding:8px 6px 6px}
.sa-it{border-radius:8px}
.sa-it + .sa-it{margin-top:2px}
.sa-it.open{background:var(--s2)}
.sa-ih{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 96px 14px;gap:10px;align-items:center;border:0;background:none;padding:7px 8px;border-radius:8px;cursor:pointer;text-align:left}
.sa-ih:hover{background:var(--s2)}
.sa-nm{min-width:0}
.sa-nm b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-nm small{display:block;font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 残り／リミットの目盛り＝リミットの線まで何個あるか */
.sa-mt{display:flex;flex-direction:column;gap:4px}
.sa-mt span{font:600 11.5px var(--num);color:var(--t3);text-align:right;white-space:nowrap}
.sa-mt span b{font:700 14px var(--num);color:var(--t1);margin-right:2px}
.sa-mt span b.zero{color:var(--urgent)}
.sa-mt span b.low{color:var(--todo)}
.sa-mt i{position:relative;display:block;height:4px;border-radius:2px;background:var(--s3);overflow:hidden}
.sa-mt i::before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--c);border-radius:2px}
.sa-ih[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
.sa-d{padding:4px 12px 12px}
.sa-line{height:1px;background:var(--hair);margin:6px 4px 0}
.sa-soon{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:10px 10px 8px;cursor:pointer;text-align:left;font-size:12px;font-weight:600;color:var(--t2)}
.sa-soon em{font-style:normal;font:700 12px var(--num);color:var(--todo)}
.sa-soon .rc-chev{margin-left:auto}
.sa-soon[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
.sa-none{font-size:12.5px;color:var(--t3);font-weight:600}
.sa-h:disabled{cursor:default}
.sa-h:disabled:hover{background:none}

/* ── 🆕 売上 4枚（2026-09-17 案1）──
   🗣 ゆうた「売上を作ろうか これは総合 PitFlow CarFlow StockFlow の4枚独立で」「それぞれインフォグラフィックな今の本体ページを意識して」 */
.sl{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:0 0 12px}
.sl::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:var(--c)}
.sl-h{display:flex;align-items:baseline;gap:8px;padding:13px 14px 4px 20px}
.sl-h b{font-size:14px;font-weight:700}
.sl-h small{margin-left:auto;font-size:11px;color:var(--t3);white-space:nowrap}
.sl-num{font-family:var(--num);font-variant-numeric:tabular-nums}
.sl-pad{padding:0 14px 0 20px}
/* 大きい数字 */
.sl-big em{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--t3);margin-bottom:1px}
.sl-big b{display:block;font:800 30px/1.1 var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sl-big b small{font:600 13px var(--fs);color:var(--t2);margin-left:3px;letter-spacing:0}
.sl-big span{display:block;font-size:11.5px;color:var(--t2);margin-top:3px}
.sl-big span i{font-style:normal;font-weight:800;color:var(--t1)}
.sl-row{display:flex;align-items:flex-end;gap:10px}
.sl-row .sl-big{flex:1;min-width:0}
/* 本日ペース（PitFlow と同じ3段の色） */
.sl-pace{flex:none;text-align:center;border-radius:10px;padding:7px 10px 6px;min-width:84px}
.sl-pace em{display:block;font-style:normal;font-size:10px;font-weight:700;opacity:.9}
.sl-pace b{display:block;font:800 22px/1.15 var(--num)}
.sl-pace small{display:block;font-size:9.5px;opacity:.85}
.sl-pace.ok{color:#1db97a;background:rgba(29,185,122,.13)}
.sl-pace.near{color:#eab308;background:rgba(234,179,8,.13)}
.sl-pace.warn{color:#ef4444;background:rgba(239,68,68,.11)}
/* 積み上げの帯 */
.sl-bar{position:relative;height:18px;border-radius:6px;background:var(--s3);display:flex;overflow:visible;margin-top:10px}
.sl-bar > i{display:block;height:100%;background:var(--c)}
.sl-bar > i:first-child{border-radius:6px 0 0 6px}
.sl-bar > i.last{border-radius:0 6px 6px 0}
.sl-tick{position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:1px;background:var(--c)}
.sl-tick span{position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);font:600 9.5px var(--num);color:var(--t3);white-space:nowrap}
.sl-ticks{height:14px}
.sl-thin{height:8px;margin-top:6px;border-radius:4px}
.sl-thin > i:first-child{border-radius:4px 0 0 4px}
.sl-thin > i.last{border-radius:0 4px 4px 0}
.sl-thin .sl-tick{top:-3px;bottom:-3px}
/* 段の凡例（3×2） */
.sl-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;margin-top:8px}
.sl-tiers div{display:flex;align-items:baseline;gap:5px;font-size:11px;color:var(--t2);white-space:nowrap;min-width:0}
.sl-tiers div::before{content:'';width:8px;height:8px;border-radius:2px;background:var(--c);flex:none;align-self:center}
.sl-tiers b{margin-left:auto;font:700 12px var(--num);color:var(--t1)}
/* 🆕 2026-09-26 積み上げの合計（実績 › ほぼ確実 › 確度高 › 着地） */
.sl-lad{display:flex;align-items:stretch;gap:3px;margin-top:8px}
.sl-lad > div{flex:1;min-width:0;border-radius:8px;background:var(--s2);padding:5px 7px;text-align:center}
.sl-lad > i{align-self:center;font-style:normal;color:var(--t3);font-size:12px}
.sl-lad em{display:block;font-style:normal;font-size:9.5px;font-weight:700;color:var(--t3);white-space:nowrap}
.sl-lad b{display:block;font:800 14px/1.2 var(--num);color:var(--t1);white-space:nowrap}
.sl-lad b small{font:600 9.5px var(--fs);color:var(--t3);margin-left:1px}
.sl-lad span{display:block;font-size:9.5px;color:var(--t3);white-space:nowrap}
.sl-lad span.ok{color:#1db97a;font-weight:700}
.sl-land{display:flex;align-items:baseline;gap:8px;margin-top:9px;padding:7px 10px;border-radius:8px;background:var(--s2);font-size:11.5px;color:var(--t2)}
.sl-land b{font:800 15px var(--num);color:var(--t1)}
.sl-land small{margin-left:auto;font-size:11px}
.sl-land small.ok{color:#1db97a}.sl-land small.ng{color:#f59e0b}
/* 課（1課 国産・2課 輸入） */
.sl-divs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.sl-div{border-radius:8px;background:var(--s2);padding:7px 9px 8px;box-shadow:inset 3px 0 0 var(--c)}
.sl-div > div{display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--t2)}
.sl-div > div i{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);border-radius:999px;padding:0 7px}
.sl-div > div b{margin-left:auto;font:800 14px var(--num);color:var(--t1)}
/* CarFlow：台数・売上の2本の帯 */
.sl-goal{display:flex;justify-content:space-between;font-size:11.5px;color:var(--t2);margin-top:4px}
.sl-goal b{color:var(--t1);font-family:var(--num)}
.sl-cbar{display:grid;grid-template-columns:30px minmax(0,1fr) 92px;gap:8px;align-items:center;margin-top:7px}
.sl-cbar > span{font-size:11px;font-weight:700;color:var(--t2)}
.sl-cbar > small{font:600 11px var(--num);color:var(--t2);text-align:right;white-space:nowrap}
.sl-cbar > small b{color:var(--t1)}
.sl-cb{display:flex;height:24px;border-radius:7px;overflow:hidden;background:var(--s3)}
.sl-cb i{display:flex;align-items:center;justify-content:center;font:700 10.5px var(--num);font-style:normal;color:#fff;background:var(--c);white-space:nowrap;overflow:hidden}
.sl-cb i.dark{color:#1a1d27}
.sl-cb i.rest{background:none;color:var(--t3)}
.sl-leg{display:flex;gap:12px;margin-top:7px;font-size:11px;color:var(--t2)}
.sl-leg span{display:inline-flex;align-items:center;gap:5px}
.sl-leg span::before{content:'';width:9px;height:9px;border-radius:2px;background:var(--c)}
.sl-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}
.sl-tile{border-radius:8px;background:var(--s2);padding:7px 8px}
.sl-tile em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-tile b{display:block;font:800 16px/1.25 var(--num);white-space:nowrap}
.sl-tile b small{font:600 10px var(--fs);color:var(--t3);margin-left:2px}
.sl-tile span{display:block;font-size:10px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-tile span.am{color:#f59e0b}
.sl-cmp{display:flex;gap:14px;margin-top:8px;font-size:11px;color:var(--t3)}
.sl-cmp b{font:700 12px var(--num)}
.sl-cmp b.up{color:#1db97a}.sl-cmp b.dn{color:#ef4444}
/* StockFlow：サマリーの帯とチャネル */
.sl-heroS{margin:4px 14px 0 20px;border-radius:12px;padding:10px 12px 11px;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 18%,var(--s1)),var(--s2))}
.sl-chs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.sl-ch{border-radius:8px;background:var(--s2);padding:6px 9px 7px;box-shadow:inset 0 2px 0 var(--c)}
.sl-ch > div{display:flex;align-items:baseline;gap:6px;font-size:11px;font-weight:700;color:var(--t2)}
.sl-ch > div b{margin-left:auto;font:800 14px var(--num);color:var(--c)}
.sl-ch > span{display:flex;gap:6px;font-size:10.5px;color:var(--t3);margin-top:1px}
.sl-ch > span em{font-style:normal;margin-left:auto;font-weight:700;color:var(--c)}
/* 総合：部門ごと */
.sl-status{font-size:10.5px;font-weight:700;border-radius:999px;padding:1px 8px;white-space:nowrap}
.sl-status.ok{color:#25c08c;background:rgba(37,192,140,.14)}
.sl-status.slow{color:#f5b53c;background:rgba(245,181,60,.14)}
.sl-status.ng{color:#ff5d6c;background:rgba(255,93,108,.13)}
.sl-status.none{color:var(--t3);background:var(--s2)}
.sl-depts{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.sl-dept{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 8px;align-items:center}
.sl-dept > i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.sl-dept > span{font-size:12px;font-weight:700;display:flex;gap:6px;align-items:center;min-width:0}
.sl-dept > b{font:800 14px var(--num);text-align:right;white-space:nowrap}
.sl-dept > b small{font:600 10.5px var(--fs);color:var(--t3);margin-left:2px}
.sl-dept > .sl-bar{grid-column:2 / 4;margin-top:1px}
.sl-note{margin-top:8px;font-size:10.5px;color:var(--t3)}

/* 売上 案2：開く形 */
.sl{padding:0}
.sl-top{width:100%;display:block;border:0;background:none;text-align:left;cursor:pointer;padding:12px 14px 13px 20px;color:var(--t1)}
.sl-top:hover{background:color-mix(in srgb,var(--t1) 3%,transparent)}
.sl-t1{display:flex;align-items:center;gap:8px}
.sl-t1 .rc-chev{margin-left:2px}
.sl-t1 b{font-size:13px;font-weight:700;color:var(--t2)}
.sl-t1 small{margin-left:auto;font-size:11px;color:var(--t3);white-space:nowrap}
.sl-top[aria-expanded="true"] .rc-chev,.sl-deep[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
.sl-t2{display:flex;align-items:baseline;gap:6px;margin-top:3px;min-width:0}
.sl-v{font:800 24px/1.15 var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.sl-v small{font:600 12px var(--fs);color:var(--t2);margin-left:2px;letter-spacing:0}
.sl-g{font-size:11.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sl-r{margin-left:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sl-r b{font:800 15px var(--num)}
.sl-r b.up{color:#1db97a}
.sl-t3{display:block}
.sl-mid{height:10px;margin-top:7px;border-radius:5px}
.sl-mid > i:first-child{border-radius:5px 0 0 5px}
.sl-mid > i.last{border-radius:0 5px 5px 0}
.sl-mid .sl-tick{top:-3px;bottom:-3px}
.sl-body{border-top:1px solid var(--hair);padding:10px 14px 4px 20px}
.sl-line{height:1px;background:var(--hair);margin:10px -4px 0}
.sl-deep{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:9px 0 8px;cursor:pointer;text-align:left;font-size:12px;font-weight:600;color:var(--t2)}
.sl-deep em{font-style:normal;font:700 12px var(--num);color:var(--t1)}
.sl-deep .rc-chev{margin-left:auto}
.sl-deepb{padding:0 0 10px}
.sl-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sl-kv > div{border-radius:8px;background:var(--s2);padding:6px 8px}
.sl-heroS .sl-kv > div{background:color-mix(in srgb,var(--s1) 60%,transparent)}
.sl-kv em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3)}
.sl-kv b{display:block;font:800 15px/1.25 var(--num);white-space:nowrap}
.sl-kv b small{font:600 10px var(--fs);color:var(--t3);margin-left:2px}
.sl-kv span{display:block;font-size:10px;color:var(--t3)}
.sl-leg{flex-wrap:wrap;gap:6px 12px}
.sl-leg span.line::before{width:3px;height:11px;border-radius:1px}
.sl-row2{display:flex;gap:8px;align-items:stretch}
.sl-land2{flex:1;border-radius:10px;background:var(--s2);padding:7px 10px}
.sl-land2 em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3)}
.sl-land2 b{display:block;font:800 20px/1.2 var(--num)}
.sl-land2 b small{font:600 11px var(--fs);color:var(--t3);margin-left:2px}
.sl-land2 span{font-size:10.5px}
.sl-land2 span.ok{color:#1db97a}.sl-land2 span.ng{color:#f59e0b}
.sl-heroS{margin:0;padding:8px}
.sl-subh{font-size:11px;font-weight:700;color:var(--t3);margin:12px 0 4px}
.sl-list > div{display:grid;grid-template-columns:62px minmax(0,1fr) auto 34px;gap:8px;align-items:center;padding:4px 0;font-size:12px;border-top:1px dashed var(--hair)}
.sl-list > div:first-child{border-top:0}
.sl-list > div > span{font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap}
.sl-list > div > span::before{content:'';width:7px;height:7px;border-radius:2px;background:var(--c)}
.sl-list small{font-size:10.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-list b{font:700 12.5px var(--num);text-align:right;white-space:nowrap}
.sl-list em{font-style:normal;font:600 11px var(--num);color:var(--t3);text-align:right}
.sl-pb{display:block;height:6px;border-radius:3px;background:var(--s3);overflow:hidden}
.sl-pb i{display:block;height:100%;background:var(--c);border-radius:3px}
.sl-dept{grid-template-columns:auto minmax(0,1fr) auto auto}
.sl-dept > span{flex-direction:column;align-items:flex-start;gap:0}
.sl-dept > span small{font-size:10px;font-weight:500;color:var(--t3)}
.sl-dept > .sl-bar{grid-column:2 / 5}
.sl-chs{grid-template-columns:1fr;margin-top:0}
.sl-ch ol{margin:5px 0 0;padding:0;list-style:none}
.sl-ch li{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:6px;font-size:11px;padding:2px 0;border-top:1px dashed var(--hair)}
.sl-ch li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t2)}
.sl-ch li small{color:var(--t3)}
.sl-ch li b{font:700 11px var(--num);text-align:right}

/* 売上 案3：PitFlow の課ごと */
.sl-dv{border-radius:10px;background:var(--s2);padding:9px 10px 10px;box-shadow:inset 3px 0 0 var(--c)}
.sl-dv + .sl-dv{margin-top:8px}
.sl-dvh{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--t2)}
.sl-dvh i{font-style:normal;font-size:10.5px;font-weight:700;color:#fff;background:var(--c);border-radius:999px;padding:0 8px}
.sl-dvh small{margin-left:auto;font:600 11px var(--num);color:var(--t3)}
.sl-dv .sl-bar{background:var(--s3)}
.sl-dv .sl-kv{margin-top:2px}
.sl-dv .sl-kv > div{background:var(--s1)}
.sl-kv b.pc-ok{color:#1db97a}.sl-kv b.pc-near{color:#eab308}.sl-kv b.pc-warn{color:#ef4444}
.sl-kv span.ok{color:#1db97a}.sl-kv span.ng{color:#f59e0b}

/* PitFlow 3枚 */
.sl-dow{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;height:74px;align-items:end}
.sl-dow > div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:2px}
.sl-dow i{display:block;width:60%;min-height:3px;border-radius:3px 3px 0 0;background:#1db97a}
.sl-dow b{font:700 10.5px var(--num);order:-1}
.sl-dow span{font-size:10px;color:var(--t3)}
.sl-rank > div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:1px 8px;align-items:center;padding:6px 6px 7px;border-radius:8px}
.sl-rank > div + div{margin-top:2px}
.sl-rank > div.me{background:var(--fd-soft)}
.sl-rank em{font-style:normal;font:800 12px var(--num);color:var(--t3);text-align:center}
.sl-rank > div > span:not(.sl-rbar){font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:6px;min-width:0}
.sl-rank span small{font-size:10px;font-weight:700;color:var(--fd-ink);background:var(--fd);border-radius:4px;padding:0 5px}
.sl-rank b{font:800 13px var(--num);text-align:right}
.sl-rbar{grid-column:2 / 4;display:block}
.sl-rbar .sl-bar{margin-top:2px}
.sl-rank small.n{grid-column:2 / 4;font-size:10.5px;color:var(--t3)}

.sl-vs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sl-vs > div{border-radius:8px;background:var(--s2);padding:6px 8px}
.sl-vs em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3);white-space:nowrap}
.sl-vs b{display:block;font:800 15px/1.25 var(--num)}
.sl-vs span{display:block;font-size:10px;color:var(--t3);white-space:nowrap}
.sl-vs i{display:inline-block;font-style:normal;font:700 11px var(--num);margin-top:2px;border-radius:5px;padding:0 6px;color:var(--t2);background:var(--s3)}
.sl-vs i.up{color:#1db97a;background:rgba(29,185,122,.13)}
.sl-vs i.dn{color:#ef4444;background:rgba(239,68,68,.11)}


/* 本物だけの足し（モックに無い物） */
.fd-card.sl, .fd-card.sa { padding: 0; overflow: hidden; }
.fd-card.sl::before, .fd-card.sa::before { top: 12px; bottom: 12px; }
.sl-end { height: 10px; }
.sl-old { font-size: 10.5px; color: var(--todo); padding: 0 0 10px; }
.sa-ih { grid-template-columns: minmax(0, 1fr) 96px 14px; }
.sa-d.fd-exp { margin: 0; padding: 6px 12px 12px; border-top: 0; }
.sa-h small { margin-left: auto; }
.sa-h small + .rc-chev { margin-left: 2px; }

/* =========================================================
   🆕 v1.14.0 入庫・返車／タスクボード 4種（desk-pit.js）＝モックの「決まった」をそのまま
   ========================================================= */
/* ── 🆕 入庫・返車（2026-09-17 案1）──
   🗣 ゆうた「ちょっと分解しよう まず入庫返車で1枠」「見やすくデザインとかは再構築してほしい」「1段目で数だけの表示 展開で詳細の2段階」 */
.io{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.io::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#1db97a}
.io-top{padding:12px 14px 13px 20px;color:var(--t1)}
.io-t1{display:flex;align-items:center;gap:8px}
.io-t1 b{font-size:13px;font-weight:700;color:var(--t2)}
.io-t1 small{margin-left:auto;font-size:11px;color:var(--t3)}
.io-n{position:relative;display:block;width:100%;min-width:0;border:0;text-align:left;cursor:pointer;color:var(--t1);font:inherit}
.io-n:hover{background:color-mix(in srgb,var(--c) 15%,var(--s2))}
.io-n.on{box-shadow:inset 0 0 0 1.5px var(--c);background:color-mix(in srgb,var(--c) 16%,var(--s2))}
.io-n .rc-chev{position:absolute;right:7px;bottom:9px;width:12px;height:12px;color:var(--t3)}
.io-n.on .rc-chev{transform:rotate(180deg);color:var(--c)}
.io-body{box-shadow:inset 3px 0 0 var(--c)}
.io-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.io-n{border-radius:10px;padding:8px 10px 9px;background:color-mix(in srgb,var(--c) 9%,var(--s2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}
.io-n > div{display:flex;align-items:baseline;gap:6px}
/* 🆕 2026-09-19 スマホの幅だと「入庫」が 入／庫 に割れ、「台」も行を変えてしまう。
   2文字の見出しと数字は割らない（PCでも割れて良い所ではないので、幅に関係なく止める）。 */
.io-n em{font-style:normal;font-size:12px;font-weight:700;color:var(--c);white-space:nowrap}
.io-n b{font:800 26px/1.05 var(--num);color:var(--t1);white-space:nowrap}
.io-n b small{font:600 11px var(--fs);color:var(--t3);margin-left:2px}
.io-n span{margin-left:auto;font-size:11px;color:var(--t2);white-space:nowrap}
.io-n span i{font-style:normal;font:800 13px var(--num);color:var(--c)}
.io-n .io-pb{display:flex;gap:3px;margin-top:7px;margin-right:16px}
.io-n .io-pb i{flex:1;height:5px;border-radius:3px;background:color-mix(in srgb,var(--c) 22%,var(--s3))}
.io-n .io-pb i.d{background:var(--c)}
.io-body{border-top:1px solid var(--hair);padding:4px 10px 10px 16px}
/* 🆕 v1.17.6 詳細の頭＝1段目に日付・2段目に入庫／返車（どちらも ‹ › で送る）
   🗣 ゆうた 2026-09-19「どちらにもやじるしがあって入庫返車を切り替えられるのと同時に、日付も変えられる」
   🔴 矢印は タスクボードの工程送りと同じ .pl-arr。並びも .pl-nav と同じ（34px｜題｜34px） */
.io-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:6px;margin:8px 2px 6px}
.io-nav + .io-nav{margin-top:-2px}
.io-navh{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;font-size:12px;font-weight:700;color:var(--c)}
.io-dayh b{font:800 15px/1 var(--num);color:var(--t1)}
.io-dayh small{font-size:11px;font-weight:600;color:var(--t3)}
.io-kind i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.io-kind small{font:600 11px var(--num);color:var(--t3)}
.io-kind small b{color:var(--t1)}
.io-tdy{border:0;border-radius:999px;background:color-mix(in srgb,var(--c) 16%,var(--s2));color:var(--c);font:700 10.5px var(--fs);padding:3px 9px;cursor:pointer}
.io-tdy:hover{background:color-mix(in srgb,var(--c) 28%,var(--s2))}
/* 🔴 v1.17.7 その日をまだ読めていない間の場所取り（形を保って中だけ待つ）
   🗣 ゆうた 2026-09-19「日にちを変えるとガクッと読み出し直す挙動が気になる そのまま切替わってほしい」 */
.io-skw{padding:2px 0}
.io-sk{height:46px;border-radius:9px;background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 37%,var(--s2) 63%);background-size:400% 100%;animation:ioSk 1.2s ease-in-out infinite}
.io-sk + .io-sk{margin-top:2px}
@keyframes ioSk{from{background-position:100% 0}to{background-position:0 0}}
@media (prefers-reduced-motion: reduce){.io-sk{animation:none}}
/* 1台 */
.io-row{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:8px 8px 8px 12px;border-radius:9px;cursor:pointer}
.io-row + .io-row{margin-top:2px}
.io-row::before{content:'';position:absolute;left:3px;top:9px;bottom:9px;width:3px;border-radius:2px;background:var(--team)}
.io-row:hover{background:var(--s2)}
.io-tm{grid-row:1 / 3;font:800 14px/1.15 var(--num);font-variant-numeric:tabular-nums;color:var(--t1)}
.io-tm small{display:block;font:600 10.5px var(--num);color:var(--t3)}
.io-l1{display:flex;align-items:baseline;gap:6px;min-width:0}
.io-l1 b{font-size:13.5px;font-weight:700;white-space:nowrap}
.io-l1 b small{font-size:10.5px;font-weight:600;color:var(--t3);margin-left:1px}
.io-l1 span{font-size:12.5px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.io-l2{grid-column:2 / 4;display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:var(--t3)}
.io-l2 .fr{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.io-l2 .fr::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--fc,#8390a6)}
.io-l2 .memo{color:#ef4444;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.io-r{display:flex;gap:4px;align-items:center;justify-content:flex-end}
.io-tag{font-size:10.5px;font-weight:700;border-radius:5px;padding:1px 6px;white-space:nowrap;line-height:1.5}
.io-tag.work{color:var(--w);background:color-mix(in srgb,var(--w) 14%,transparent)}
.io-tag.drop{color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.io-tag.sd{color:var(--t2);background:var(--s3)}
.io-row.done{opacity:.5}
.io-row.done .io-l1 b{text-decoration:line-through}
.io-done{font-size:10.5px;font-weight:800;color:#1db97a}
.io-brk{display:flex;align-items:center;gap:8px;margin:4px 8px;font:600 10.5px var(--num);color:var(--t3)}
.io-brk::before,.io-brk::after{content:'';flex:1;border-top:1px dashed var(--hair2)}
.io-now{display:flex;align-items:center;gap:8px;margin:3px 8px;font:700 10.5px var(--num);color:var(--fd)}
.io-now::after{content:'';flex:1;height:1.5px;background:var(--fd);border-radius:1px}
.io-late{font-size:10.5px;font-weight:800;color:var(--todo)}
.io-leg{display:flex;flex-wrap:wrap;gap:4px 12px;margin:10px 4px 0;font-size:10.5px;color:var(--t3)}
.io-leg span{display:inline-flex;align-items:center;gap:5px}
.io-leg span::before{content:'';width:3px;height:10px;border-radius:2px;background:var(--c)}

/* ── 🆕 お客様の行を押した窓（2026-09-17）＝PitFlow の当日画面（today.js pitTodayTap・polish.css .ta-*）と同じ並び・同じ言葉 ──
   🗣 ゆうた「各客をクリックした場合はPOPアップがでて入庫済みとか PitFlowの当日画面の挙動に合わせてほしい」
   真ん中に出る窓（下から出る物ではない）。色の面だけ FlowDesk のダーク／ホワイト */
.ta-bd{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px}
:root[data-theme="light"] .ta-bd{background:rgba(16,24,32,.32)}
.ta-sheet{width:min(92%,360px);background:var(--s1);border:1px solid var(--hair2);border-radius:16px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:taIn .14s ease-out}
@keyframes taIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.ta-head{font-size:14px;line-height:1.5;padding:4px 4px 12px;border-bottom:1px solid var(--hair2);margin-bottom:12px}
.ta-head b{font-size:16px}
.ta-plate{font-size:12px;color:var(--t2);margin-left:8px}
.ta-sub{font-size:12px;color:var(--t3);margin-top:4px;display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.ta-note{margin:-4px 0 12px;padding:7px 9px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.45);border-radius:7px;font-size:11.5px;color:var(--t2)}
.ta-btn{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:var(--s2);border:1px solid var(--hair2);border-radius:11px;padding:11px 14px;margin-bottom:9px;cursor:pointer;color:var(--t1);font:inherit;transition:border-color .12s,transform .12s}
.ta-btn:hover{border-color:#1db97a;transform:translateY(-1px)}
.ta-btn b{font-size:14.5px;display:inline-flex;align-items:center;gap:6px}
.ta-btn span{font-size:11.5px;color:var(--t3)}
.ta-btn.primary{background:rgba(29,185,122,.12);border-color:#1db97a}
.ta-btn.primary b{color:#1db97a}
.ta-btn.danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.4)}
.ta-btn.danger b{color:#ef4444}
.ta-btn.is-off{opacity:.45;cursor:not-allowed;background:var(--s1)}
.ta-btn.is-off b{color:var(--t2)}
.ta-btn.is-off:hover{border-color:var(--hair2);transform:none}
.ta-why{display:block;color:#f59e0b;margin-top:5px}
:root[data-theme="light"] .ta-why{color:#b45309}
.ta-cancel{display:block;width:100%;background:transparent;border:0;color:var(--t2);font:inherit;font-size:13px;padding:8px;margin-top:2px;cursor:pointer}
.ta-cancel:hover{color:var(--t1)}
.ta-f{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-bottom:10px}
.ta-f input{flex:1;min-width:0;background:var(--s2);border:1px solid var(--hair2);border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;color:var(--t1);color-scheme:inherit}
.ta-ic{display:inline-flex}
.ta-ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ret-pend{display:inline-block;font-size:10.5px;font-weight:800;color:#f59e0b;border:1px solid rgba(245,158,11,.6);border-radius:5px;padding:0 5px}
.io-pend{font-size:10.5px;font-weight:800;color:#f59e0b;border:1px solid rgba(245,158,11,.6);border-radius:5px;padding:0 5px}
/* 確認（PitFlow の UI.confirm と同じ言葉） */
.ta-cf h4{margin:0 0 6px;font-size:15px}
.ta-cf p{margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--t1)}
.ta-cf pre{margin:0 0 14px;font:inherit;font-size:11.5px;line-height:1.7;color:var(--t2);white-space:pre-wrap;background:var(--s2);border-radius:8px;padding:8px 10px}
.ta-cfb{display:flex;gap:8px;justify-content:flex-end}
.ta-cfb button{border:0;border-radius:9px;padding:9px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;background:var(--s3);color:var(--t1)}
.ta-cfb button.ok{background:#1db97a;color:#fff}
.ta-cfb button.ok.danger{background:#ef4444}

.io-next{display:flex;align-items:baseline;gap:5px;margin-top:6px;padding-right:16px;min-width:0;font-size:11.5px;color:var(--t2)}
.io-next em{flex:none;font-style:normal;font-size:10px;font-weight:800;color:var(--fd-ink);background:var(--c);border-radius:4px;padding:0 5px}
.io-next b{flex:none;font:800 12.5px var(--num);color:var(--t1)}
.io-next span{margin-left:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.io-next.none{color:var(--t3)}

/* ── 🆕 ピットリスト（2026-09-17 案1）──
   🗣 ゆうた「PITリストはPitFlowの表示の感じを完全に再現できる？」「カード自体はもっと小さくしてクリックでカードの詳細が見れて、さらにボタンでPitFlowに飛ぶ」
   車のカード＝PitFlow のタスクボードの .pit-card.pcm（reserve.js cardHtml compact）を小さく。工程の色＝task.js stageColor */
.pl{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.pl::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#1db97a}
.pl-h{display:flex;align-items:baseline;gap:8px}
.pl-h b{font-size:13px;font-weight:700;color:var(--t2)}
.pl-h span{font:800 22px/1 var(--num);color:var(--t1)}
.pl-h span small{font:600 11px var(--fs);color:var(--t3);margin-left:2px}
.pl-h em{margin-left:auto;font-style:normal;font-size:11px;color:var(--todo)}
.pl-st{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:9px}
.pl-sb{position:relative;border:0;cursor:pointer;border-radius:8px;padding:6px 2px 5px;text-align:center;font:inherit;color:var(--t1);
  background:color-mix(in srgb,var(--c) 10%,var(--s2));box-shadow:inset 0 3px 0 var(--c)}
.pl-sb:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-sb.on{box-shadow:inset 0 3px 0 var(--c),inset 0 0 0 1.5px var(--c);background:color-mix(in srgb,var(--c) 20%,var(--s2))}
.pl-sb.zero{opacity:.5}
.pl-sb i{display:block;font-style:normal;font-size:12px;line-height:1.2}
.pl-sb b{display:block;font:800 17px/1.15 var(--num);color:var(--c)}
.pl-sb span{display:block;font-size:10px;font-weight:700;color:var(--t2);white-space:nowrap}
.pl-body{margin-top:10px;border-top:1px solid var(--hair);padding-top:9px}
.pl-colh{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;margin-bottom:7px}
.pl-colh .cnt{font:700 11px var(--num);color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);border-radius:10px;padding:1px 8px}
.pl-colh small{margin-left:auto;font-size:10.5px;color:var(--t3);font-weight:500}
.pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
/* 車のカード（PitFlow の .pit-card.pcm を小さく） */
.pcm{position:relative;min-width:0;background:var(--s2);border:1px solid var(--hair2);border-left:3px solid var(--team);border-radius:7px;padding:5px 7px 6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.22);transition:transform .12s}
:root[data-theme="light"] .pcm{box-shadow:0 1px 3px rgba(16,24,40,.10)}
.pcm:hover{transform:translateY(-1px);border-color:var(--hair3)}
.pcm.appr{border-left-style:double;border-left-width:5px}
.pcm.kari{border-left-style:dashed}
.pcm-r{display:flex;align-items:center;gap:4px;min-width:0}
.pcm-r + .pcm-r{margin-top:2px}
.pcm-nm{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pcm-nm small{font-size:10.5px;margin-left:1px}
.pcm-car{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcm-bd{margin-left:auto;display:flex;gap:2px;flex:none}
.pcm-bg{font-size:10px;line-height:1.45;padding:0 4px;border-radius:4px;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.pcm-bg.dead{background:#ef4444;color:#fff;box-shadow:none}
.pcm-fr{flex:none;font-size:10px;font-weight:700;padding:0 4px;border-radius:4px;background:var(--s3);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pcm-day{flex:none;font:700 10px var(--num);color:var(--t3)}
.pcm-day.warn{color:#ef4444}
.pcm-circ{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:9px;font-weight:800;color:#fff;flex:none}
.pl-empty{font-size:12px;color:var(--t3);text-align:center;padding:14px;border:1px dashed var(--hair2);border-radius:8px}
.pl-leg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:10.5px;color:var(--t3)}
.pl-leg span{display:inline-flex;align-items:center;gap:4px}
.pl-leg span::before{content:'';width:3px;height:10px;border-radius:2px;background:var(--c)}
/* 詳細の窓（PitFlow のカードを開いた時の上の部分を小さく） */
.pd-sheet{width:min(94%,380px);max-height:92%;overflow:auto;background:var(--s1);border:1px solid var(--hair2);border-radius:16px;padding:14px 16px 12px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 4px 0 0 var(--team);animation:taIn .14s ease-out}
.pd-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--t3)}
.pd-top b{font-size:12px;color:var(--t2)}
.pd-pill{font-size:11px;font-weight:700;border-radius:999px;padding:1px 9px;color:#fff;background:var(--c)}
.pd-tag{font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.pd-x{margin-left:auto;border:0;background:none;color:var(--t3);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.pd-name{margin:8px 0 0;font-size:18px;font-weight:800;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pd-name small{font-size:12px}
.pd-name em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:#1db97a;box-shadow:inset 0 0 0 1px #1db97a}
.pd-kana{font-size:11px;color:var(--t3)}
.pd-car{margin-top:4px;font-size:13px;font-weight:700}
.pd-car span{font-size:11.5px;font-weight:500;color:var(--t2);margin-left:6px}
.pd-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.pd-pills span{font-size:11px;font-weight:600;border-radius:999px;padding:1px 9px;background:var(--s2);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-work{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:7px 8px;border-radius:8px;background:var(--s2)}
.pd-loan{display:flex;align-items:baseline;gap:8px;margin-top:8px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--c) 10%,var(--s2));font-size:11.5px;color:var(--t2)}
.pd-loan b{font:800 15px var(--num);color:var(--c)}
.pd-days{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.pd-days div{border-radius:8px;background:var(--s2);padding:5px 9px}
.pd-days em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3)}
.pd-days b{font:800 15px var(--num)}
.pd-days b.warn{color:#ef4444}
.pd-days span{font-size:10.5px;color:var(--t3);margin-left:4px}
.pd-prog{display:flex;align-items:center;margin:12px 2px 2px}
.pd-prog i{flex:1;height:3px;background:var(--s3)}
.pd-prog i.on{background:#1db97a}
.pd-prog span{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:var(--t3);width:32px}
.pd-prog span::before{content:'';width:11px;height:11px;border-radius:50%;background:var(--s3);box-shadow:inset 0 0 0 2px var(--s1)}
.pd-prog span.on{color:var(--t1);font-weight:700}
.pd-prog span.on::before{background:#1db97a}
.pd-prog span.cur::before{background:#1db97a;box-shadow:0 0 0 3px rgba(29,185,122,.3)}
.pd-memo{margin-top:8px;font-size:11.5px;color:var(--t2);background:var(--s2);border-radius:8px;padding:6px 9px;white-space:pre-wrap}
.pd-go{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;border:0;border-radius:10px;padding:10px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;background:#1db97a;color:#fff}
.pd-go:hover{background:#18a56c}


.pl-who{display:flex;gap:2px;margin-left:auto}
.pl-who i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c)}
.pl-line{height:1px;background:var(--hair);margin:10px 0 0}
.pl-side{width:100%;display:flex;align-items:center;gap:6px;border:0;background:none;padding:9px 2px 4px;cursor:pointer;text-align:left;font:inherit;font-size:12px;font-weight:600;color:var(--t2)}
.pl-side em{font-style:normal;font:700 12px var(--num);color:var(--t1)}
.pl-side .rc-chev{margin-left:auto}
.pl-side[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
/* 設定の見本：人を選ぶ */
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pick button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;cursor:pointer;font:inherit;font-size:11px;color:var(--t2);padding:2px}
.pick button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:14px;font-weight:700;color:#fff;background:var(--c);opacity:.45;box-shadow:0 0 0 2px transparent}
.pick button.on i{opacity:1;box-shadow:0 0 0 2px var(--s1),0 0 0 4px var(--fd)}
.pick button.on{color:var(--t1);font-weight:700}

.pl-ttl{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.pl-av{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);margin:0 3px 0 2px}
.pl-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;margin-bottom:8px}
.pl-nav .pl-colh{justify-content:center;margin:0;font-size:13.5px}
.pl-arr{height:34px;border:0;border-radius:9px;background:var(--s2);color:var(--c);font:700 24px/1 var(--num);cursor:pointer;padding:0 0 3px}
.pl-arr:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-slide{overflow:hidden}
.pl-slide.from-r > *{animation:plR .2s ease-out}
.pl-slide.from-l > *{animation:plL .2s ease-out}
@keyframes plR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes plL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}

/* ── 🆕 お客様の行を押した窓（2026-09-17）＝PitFlow の当日画面（today.js pitTodayTap・polish.css .ta-*）と同じ並び・同じ言葉 ──
   🗣 ゆうた「各客をクリックした場合はPOPアップがでて入庫済みとか PitFlowの当日画面の挙動に合わせてほしい」
   真ん中に出る窓（下から出る物ではない）。色の面だけ FlowDesk のダーク／ホワイト */
.ta-bd{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px}
:root[data-theme="light"] .ta-bd{background:rgba(16,24,32,.32)}
.ta-sheet{width:min(92%,360px);background:var(--s1);border:1px solid var(--hair2);border-radius:16px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:taIn .14s ease-out}
@keyframes taIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.ta-head{font-size:14px;line-height:1.5;padding:4px 4px 12px;border-bottom:1px solid var(--hair2);margin-bottom:12px}
.ta-head b{font-size:16px}
.ta-plate{font-size:12px;color:var(--t2);margin-left:8px}
.ta-sub{font-size:12px;color:var(--t3);margin-top:4px;display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.ta-note{margin:-4px 0 12px;padding:7px 9px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.45);border-radius:7px;font-size:11.5px;color:var(--t2)}
.ta-btn{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:var(--s2);border:1px solid var(--hair2);border-radius:11px;padding:11px 14px;margin-bottom:9px;cursor:pointer;color:var(--t1);font:inherit;transition:border-color .12s,transform .12s}
.ta-btn:hover{border-color:#1db97a;transform:translateY(-1px)}
.ta-btn b{font-size:14.5px;display:inline-flex;align-items:center;gap:6px}
.ta-btn span{font-size:11.5px;color:var(--t3)}
.ta-btn.primary{background:rgba(29,185,122,.12);border-color:#1db97a}
.ta-btn.primary b{color:#1db97a}
.ta-btn.danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.4)}
.ta-btn.danger b{color:#ef4444}
.ta-btn.is-off{opacity:.45;cursor:not-allowed;background:var(--s1)}
.ta-btn.is-off b{color:var(--t2)}
.ta-btn.is-off:hover{border-color:var(--hair2);transform:none}
.ta-why{display:block;color:#f59e0b;margin-top:5px}
:root[data-theme="light"] .ta-why{color:#b45309}
.ta-cancel{display:block;width:100%;background:transparent;border:0;color:var(--t2);font:inherit;font-size:13px;padding:8px;margin-top:2px;cursor:pointer}
.ta-cancel:hover{color:var(--t1)}
.ta-f{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-bottom:10px}
.ta-f input{flex:1;min-width:0;background:var(--s2);border:1px solid var(--hair2);border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;color:var(--t1);color-scheme:inherit}
.ta-ic{display:inline-flex}
.ta-ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ret-pend{display:inline-block;font-size:10.5px;font-weight:800;color:#f59e0b;border:1px solid rgba(245,158,11,.6);border-radius:5px;padding:0 5px}
.io-pend{font-size:10.5px;font-weight:800;color:#f59e0b;border:1px solid rgba(245,158,11,.6);border-radius:5px;padding:0 5px}
/* 確認（PitFlow の UI.confirm と同じ言葉） */
.ta-cf h4{margin:0 0 6px;font-size:15px}
.ta-cf p{margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--t1)}
.ta-cf pre{margin:0 0 14px;font:inherit;font-size:11.5px;line-height:1.7;color:var(--t2);white-space:pre-wrap;background:var(--s2);border-radius:8px;padding:8px 10px}
.ta-cfb{display:flex;gap:8px;justify-content:flex-end}
.ta-cfb button{border:0;border-radius:9px;padding:9px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;background:var(--s3);color:var(--t1)}
.ta-cfb button.ok{background:#1db97a;color:#fff}
.ta-cfb button.ok.danger{background:#ef4444}

.io-next{display:flex;align-items:baseline;gap:5px;margin-top:6px;padding-right:16px;min-width:0;font-size:11.5px;color:var(--t2)}
.io-next em{flex:none;font-style:normal;font-size:10px;font-weight:800;color:var(--fd-ink);background:var(--c);border-radius:4px;padding:0 5px}
.io-next b{flex:none;font:800 12.5px var(--num);color:var(--t1)}
.io-next span{margin-left:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.io-next.none{color:var(--t3)}

/* ── 🆕 ピットリスト（2026-09-17 案1）──
   🗣 ゆうた「PITリストはPitFlowの表示の感じを完全に再現できる？」「カード自体はもっと小さくしてクリックでカードの詳細が見れて、さらにボタンでPitFlowに飛ぶ」
   車のカード＝PitFlow のタスクボードの .pit-card.pcm（reserve.js cardHtml compact）を小さく。工程の色＝task.js stageColor */
.pl{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.pl::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#1db97a}
.pl-h{display:flex;align-items:baseline;gap:8px}
.pl-h b{font-size:13px;font-weight:700;color:var(--t2)}
.pl-h span{font:800 22px/1 var(--num);color:var(--t1)}
.pl-h span small{font:600 11px var(--fs);color:var(--t3);margin-left:2px}
.pl-h em{margin-left:auto;font-style:normal;font-size:11px;color:var(--todo)}
.pl-st{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:9px}
.pl-sb{position:relative;border:0;cursor:pointer;border-radius:8px;padding:6px 2px 5px;text-align:center;font:inherit;color:var(--t1);
  background:color-mix(in srgb,var(--c) 10%,var(--s2));box-shadow:inset 0 3px 0 var(--c)}
.pl-sb:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-sb.on{box-shadow:inset 0 3px 0 var(--c),inset 0 0 0 1.5px var(--c);background:color-mix(in srgb,var(--c) 20%,var(--s2))}
.pl-sb.zero{opacity:.5}
.pl-sb i{display:block;font-style:normal;font-size:12px;line-height:1.2}
.pl-sb b{display:block;font:800 17px/1.15 var(--num);color:var(--c)}
.pl-sb span{display:block;font-size:10px;font-weight:700;color:var(--t2);white-space:nowrap}
.pl-body{margin-top:10px;border-top:1px solid var(--hair);padding-top:9px}
.pl-colh{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;margin-bottom:7px}
.pl-colh .cnt{font:700 11px var(--num);color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);border-radius:10px;padding:1px 8px}
.pl-colh small{margin-left:auto;font-size:10.5px;color:var(--t3);font-weight:500}
.pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
/* 車のカード（PitFlow の .pit-card.pcm を小さく） */
.pcm{position:relative;min-width:0;background:var(--s2);border:1px solid var(--hair2);border-left:3px solid var(--team);border-radius:7px;padding:5px 7px 6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.22);transition:transform .12s}
:root[data-theme="light"] .pcm{box-shadow:0 1px 3px rgba(16,24,40,.10)}
.pcm:hover{transform:translateY(-1px);border-color:var(--hair3)}
.pcm.appr{border-left-style:double;border-left-width:5px}
.pcm.kari{border-left-style:dashed}
.pcm-r{display:flex;align-items:center;gap:4px;min-width:0}
.pcm-r + .pcm-r{margin-top:2px}
.pcm-nm{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pcm-nm small{font-size:10.5px;margin-left:1px}
.pcm-car{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcm-bd{margin-left:auto;display:flex;gap:2px;flex:none}
.pcm-bg{font-size:10px;line-height:1.45;padding:0 4px;border-radius:4px;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.pcm-bg.dead{background:#ef4444;color:#fff;box-shadow:none}
.pcm-fr{flex:none;font-size:10px;font-weight:700;padding:0 4px;border-radius:4px;background:var(--s3);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pcm-day{flex:none;font:700 10px var(--num);color:var(--t3)}
.pcm-day.warn{color:#ef4444}
.pcm-circ{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:9px;font-weight:800;color:#fff;flex:none}
.pl-empty{font-size:12px;color:var(--t3);text-align:center;padding:14px;border:1px dashed var(--hair2);border-radius:8px}
.pl-leg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:10.5px;color:var(--t3)}
.pl-leg span{display:inline-flex;align-items:center;gap:4px}
.pl-leg span::before{content:'';width:3px;height:10px;border-radius:2px;background:var(--c)}
/* 詳細の窓（PitFlow のカードを開いた時の上の部分を小さく） */
.pd-sheet{width:min(94%,380px);max-height:92%;overflow:auto;background:var(--s1);border:1px solid var(--hair2);border-radius:16px;padding:14px 16px 12px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 4px 0 0 var(--team);animation:taIn .14s ease-out}
.pd-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--t3)}
.pd-top b{font-size:12px;color:var(--t2)}
.pd-pill{font-size:11px;font-weight:700;border-radius:999px;padding:1px 9px;color:#fff;background:var(--c)}
.pd-tag{font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.pd-x{margin-left:auto;border:0;background:none;color:var(--t3);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.pd-name{margin:8px 0 0;font-size:18px;font-weight:800;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pd-name small{font-size:12px}
.pd-name em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:#1db97a;box-shadow:inset 0 0 0 1px #1db97a}
.pd-kana{font-size:11px;color:var(--t3)}
.pd-car{margin-top:4px;font-size:13px;font-weight:700}
.pd-car span{font-size:11.5px;font-weight:500;color:var(--t2);margin-left:6px}
.pd-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.pd-pills span{font-size:11px;font-weight:600;border-radius:999px;padding:1px 9px;background:var(--s2);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-work{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:7px 8px;border-radius:8px;background:var(--s2)}
.pd-loan{display:flex;align-items:baseline;gap:8px;margin-top:8px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--c) 10%,var(--s2));font-size:11.5px;color:var(--t2)}
.pd-loan b{font:800 15px var(--num);color:var(--c)}
.pd-days{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.pd-days div{border-radius:8px;background:var(--s2);padding:5px 9px}
.pd-days em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3)}
.pd-days b{font:800 15px var(--num)}
.pd-days b.warn{color:#ef4444}
.pd-days span{font-size:10.5px;color:var(--t3);margin-left:4px}
.pd-prog{display:flex;align-items:center;margin:12px 2px 2px}
.pd-prog i{flex:1;height:3px;background:var(--s3)}
.pd-prog i.on{background:#1db97a}
.pd-prog span{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:var(--t3);width:32px}
.pd-prog span::before{content:'';width:11px;height:11px;border-radius:50%;background:var(--s3);box-shadow:inset 0 0 0 2px var(--s1)}
.pd-prog span.on{color:var(--t1);font-weight:700}
.pd-prog span.on::before{background:#1db97a}
.pd-prog span.cur::before{background:#1db97a;box-shadow:0 0 0 3px rgba(29,185,122,.3)}
.pd-memo{margin-top:8px;font-size:11.5px;color:var(--t2);background:var(--s2);border-radius:8px;padding:6px 9px;white-space:pre-wrap}
.pd-go{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;border:0;border-radius:10px;padding:10px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;background:#1db97a;color:#fff}
.pd-go:hover{background:#18a56c}


.pl-who{display:flex;gap:2px;margin-left:auto}
.pl-who i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c)}
.pl-line{height:1px;background:var(--hair);margin:10px 0 0}
.pl-side{width:100%;display:flex;align-items:center;gap:6px;border:0;background:none;padding:9px 2px 4px;cursor:pointer;text-align:left;font:inherit;font-size:12px;font-weight:600;color:var(--t2)}
.pl-side em{font-style:normal;font:700 12px var(--num);color:var(--t1)}
.pl-side .rc-chev{margin-left:auto}
.pl-side[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
/* 設定の見本：人を選ぶ */
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pick button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;cursor:pointer;font:inherit;font-size:11px;color:var(--t2);padding:2px}
.pick button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:14px;font-weight:700;color:#fff;background:var(--c);opacity:.45;box-shadow:0 0 0 2px transparent}
.pick button.on i{opacity:1;box-shadow:0 0 0 2px var(--s1),0 0 0 4px var(--fd)}
.pick button.on{color:var(--t1);font-weight:700}

.pl-ttl{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.pl-av{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);margin:0 3px 0 2px}
.pl-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;margin-bottom:8px}
.pl-nav .pl-colh{justify-content:center;margin:0;font-size:13.5px}
.pl-arr{height:34px;border:0;border-radius:9px;background:var(--s2);color:var(--c);font:700 24px/1 var(--num);cursor:pointer;padding:0 0 3px}
.pl-arr:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-slide{overflow:hidden}
.pl-slide.from-r > *{animation:plR .2s ease-out}
.pl-slide.from-l > *{animation:plL .2s ease-out}
@keyframes plR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes plL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}

/* ── 🆕 ピットリスト（2026-09-17 案1）──
   🗣 ゆうた「PITリストはPitFlowの表示の感じを完全に再現できる？」「カード自体はもっと小さくしてクリックでカードの詳細が見れて、さらにボタンでPitFlowに飛ぶ」
   車のカード＝PitFlow のタスクボードの .pit-card.pcm（reserve.js cardHtml compact）を小さく。工程の色＝task.js stageColor */
.pl{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.pl::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#1db97a}
.pl-h{display:flex;align-items:baseline;gap:8px}
.pl-h b{font-size:13px;font-weight:700;color:var(--t2)}
.pl-h span{font:800 22px/1 var(--num);color:var(--t1)}
.pl-h span small{font:600 11px var(--fs);color:var(--t3);margin-left:2px}
.pl-h em{margin-left:auto;font-style:normal;font-size:11px;color:var(--todo)}
.pl-st{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:9px}
.pl-sb{position:relative;border:0;cursor:pointer;border-radius:8px;padding:6px 2px 5px;text-align:center;font:inherit;color:var(--t1);
  background:color-mix(in srgb,var(--c) 10%,var(--s2));box-shadow:inset 0 3px 0 var(--c)}
.pl-sb:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-sb.on{box-shadow:inset 0 3px 0 var(--c),inset 0 0 0 1.5px var(--c);background:color-mix(in srgb,var(--c) 20%,var(--s2))}
.pl-sb.zero{opacity:.5}
.pl-sb i{display:block;font-style:normal;font-size:12px;line-height:1.2}
.pl-sb b{display:block;font:800 17px/1.15 var(--num);color:var(--c)}
.pl-sb span{display:block;font-size:10px;font-weight:700;color:var(--t2);white-space:nowrap}
.pl-body{margin-top:10px;border-top:1px solid var(--hair);padding-top:9px}
.pl-colh{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;margin-bottom:7px}
.pl-colh .cnt{font:700 11px var(--num);color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);border-radius:10px;padding:1px 8px}
.pl-colh small{margin-left:auto;font-size:10.5px;color:var(--t3);font-weight:500}
.pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
/* 車のカード（PitFlow の .pit-card.pcm を小さく） */
.pcm{position:relative;min-width:0;background:var(--s2);border:1px solid var(--hair2);border-left:3px solid var(--team);border-radius:7px;padding:5px 7px 6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.22);transition:transform .12s}
:root[data-theme="light"] .pcm{box-shadow:0 1px 3px rgba(16,24,40,.10)}
.pcm:hover{transform:translateY(-1px);border-color:var(--hair3)}
.pcm.appr{border-left-style:double;border-left-width:5px}
.pcm.kari{border-left-style:dashed}
.pcm-r{display:flex;align-items:center;gap:4px;min-width:0}
.pcm-r + .pcm-r{margin-top:2px}
.pcm-nm{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pcm-nm small{font-size:10.5px;margin-left:1px}
.pcm-car{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcm-bd{margin-left:auto;display:flex;gap:2px;flex:none}
.pcm-bg{font-size:10px;line-height:1.45;padding:0 4px;border-radius:4px;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.pcm-bg.dead{background:#ef4444;color:#fff;box-shadow:none}
.pcm-fr{flex:none;font-size:10px;font-weight:700;padding:0 4px;border-radius:4px;background:var(--s3);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pcm-day{flex:none;font:700 10px var(--num);color:var(--t3)}
.pcm-day.warn{color:#ef4444}
.pcm-circ{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:9px;font-weight:800;color:#fff;flex:none}
.pl-empty{font-size:12px;color:var(--t3);text-align:center;padding:14px;border:1px dashed var(--hair2);border-radius:8px}
.pl-leg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:10.5px;color:var(--t3)}
.pl-leg span{display:inline-flex;align-items:center;gap:4px}
.pl-leg span::before{content:'';width:3px;height:10px;border-radius:2px;background:var(--c)}
/* 詳細の窓（PitFlow のカードを開いた時の上の部分を小さく） */
.pd-sheet{width:min(94%,380px);max-height:92%;overflow:auto;background:var(--s1);border:1px solid var(--hair2);border-radius:16px;padding:14px 16px 12px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 4px 0 0 var(--team);animation:taIn .14s ease-out}
.pd-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--t3)}
.pd-top b{font-size:12px;color:var(--t2)}
.pd-pill{font-size:11px;font-weight:700;border-radius:999px;padding:1px 9px;color:#fff;background:var(--c)}
.pd-tag{font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.pd-x{margin-left:auto;border:0;background:none;color:var(--t3);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.pd-name{margin:8px 0 0;font-size:18px;font-weight:800;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pd-name small{font-size:12px}
.pd-name em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:#1db97a;box-shadow:inset 0 0 0 1px #1db97a}
.pd-kana{font-size:11px;color:var(--t3)}
.pd-car{margin-top:4px;font-size:13px;font-weight:700}
.pd-car span{font-size:11.5px;font-weight:500;color:var(--t2);margin-left:6px}
.pd-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.pd-pills span{font-size:11px;font-weight:600;border-radius:999px;padding:1px 9px;background:var(--s2);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-work{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:7px 8px;border-radius:8px;background:var(--s2)}
.pd-loan{display:flex;align-items:baseline;gap:8px;margin-top:8px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--c) 10%,var(--s2));font-size:11.5px;color:var(--t2)}
.pd-loan b{font:800 15px var(--num);color:var(--c)}
.pd-days{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.pd-days div{border-radius:8px;background:var(--s2);padding:5px 9px}
.pd-days em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3)}
.pd-days b{font:800 15px var(--num)}
.pd-days b.warn{color:#ef4444}
.pd-days span{font-size:10.5px;color:var(--t3);margin-left:4px}
.pd-prog{display:flex;align-items:center;margin:12px 2px 2px}
.pd-prog i{flex:1;height:3px;background:var(--s3)}
.pd-prog i.on{background:#1db97a}
.pd-prog span{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:var(--t3);width:32px}
.pd-prog span::before{content:'';width:11px;height:11px;border-radius:50%;background:var(--s3);box-shadow:inset 0 0 0 2px var(--s1)}
.pd-prog span.on{color:var(--t1);font-weight:700}
.pd-prog span.on::before{background:#1db97a}
.pd-prog span.cur::before{background:#1db97a;box-shadow:0 0 0 3px rgba(29,185,122,.3)}
.pd-memo{margin-top:8px;font-size:11.5px;color:var(--t2);background:var(--s2);border-radius:8px;padding:6px 9px;white-space:pre-wrap}
.pd-go{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;border:0;border-radius:10px;padding:10px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;background:#1db97a;color:#fff}
.pd-go:hover{background:#18a56c}


.pl-who{display:flex;gap:2px;margin-left:auto}
.pl-who i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c)}
.pl-line{height:1px;background:var(--hair);margin:10px 0 0}
.pl-side{width:100%;display:flex;align-items:center;gap:6px;border:0;background:none;padding:9px 2px 4px;cursor:pointer;text-align:left;font:inherit;font-size:12px;font-weight:600;color:var(--t2)}
.pl-side em{font-style:normal;font:700 12px var(--num);color:var(--t1)}
.pl-side .rc-chev{margin-left:auto}
.pl-side[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
/* 設定の見本：人を選ぶ */
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pick button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;cursor:pointer;font:inherit;font-size:11px;color:var(--t2);padding:2px}
.pick button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:14px;font-weight:700;color:#fff;background:var(--c);opacity:.45;box-shadow:0 0 0 2px transparent}
.pick button.on i{opacity:1;box-shadow:0 0 0 2px var(--s1),0 0 0 4px var(--fd)}
.pick button.on{color:var(--t1);font-weight:700}

.pl-ttl{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.pl-av{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);margin:0 3px 0 2px}
.pl-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;margin-bottom:8px}
.pl-nav .pl-colh{justify-content:center;margin:0;font-size:13.5px}
.pl-arr{height:34px;border:0;border-radius:9px;background:var(--s2);color:var(--c);font:700 24px/1 var(--num);cursor:pointer;padding:0 0 3px}
.pl-arr:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-slide{overflow:hidden}
.pl-slide.from-r > *{animation:plR .2s ease-out}
.pl-slide.from-l > *{animation:plL .2s ease-out}
@keyframes plR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes plL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}

.io-next{display:flex;align-items:baseline;gap:5px;margin-top:6px;padding-right:16px;min-width:0;font-size:11.5px;color:var(--t2)}
.io-next em{flex:none;font-style:normal;font-size:10px;font-weight:800;color:var(--fd-ink);background:var(--c);border-radius:4px;padding:0 5px}
.io-next b{flex:none;font:800 12.5px var(--num);color:var(--t1)}
.io-next span{margin-left:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.io-next.none{color:var(--t3)}

/* ── 🆕 ピットリスト（2026-09-17 案1）──
   🗣 ゆうた「PITリストはPitFlowの表示の感じを完全に再現できる？」「カード自体はもっと小さくしてクリックでカードの詳細が見れて、さらにボタンでPitFlowに飛ぶ」
   車のカード＝PitFlow のタスクボードの .pit-card.pcm（reserve.js cardHtml compact）を小さく。工程の色＝task.js stageColor */
.pl{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.pl::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#1db97a}
.pl-h{display:flex;align-items:baseline;gap:8px}
.pl-h b{font-size:13px;font-weight:700;color:var(--t2)}
.pl-h span{font:800 22px/1 var(--num);color:var(--t1)}
.pl-h span small{font:600 11px var(--fs);color:var(--t3);margin-left:2px}
.pl-h em{margin-left:auto;font-style:normal;font-size:11px;color:var(--todo)}
.pl-st{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:9px}
.pl-sb{position:relative;border:0;cursor:pointer;border-radius:8px;padding:6px 2px 5px;text-align:center;font:inherit;color:var(--t1);
  background:color-mix(in srgb,var(--c) 10%,var(--s2));box-shadow:inset 0 3px 0 var(--c)}
.pl-sb:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-sb.on{box-shadow:inset 0 3px 0 var(--c),inset 0 0 0 1.5px var(--c);background:color-mix(in srgb,var(--c) 20%,var(--s2))}
.pl-sb.zero{opacity:.5}
.pl-sb i{display:block;font-style:normal;font-size:12px;line-height:1.2}
.pl-sb b{display:block;font:800 17px/1.15 var(--num);color:var(--c)}
.pl-sb span{display:block;font-size:10px;font-weight:700;color:var(--t2);white-space:nowrap}
.pl-body{margin-top:10px;border-top:1px solid var(--hair);padding-top:9px}
.pl-colh{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;margin-bottom:7px}
.pl-colh .cnt{font:700 11px var(--num);color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);border-radius:10px;padding:1px 8px}
.pl-colh small{margin-left:auto;font-size:10.5px;color:var(--t3);font-weight:500}
.pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
/* 車のカード（PitFlow の .pit-card.pcm を小さく） */
.pcm{position:relative;min-width:0;background:var(--s2);border:1px solid var(--hair2);border-left:3px solid var(--team);border-radius:7px;padding:5px 7px 6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.22);transition:transform .12s}
:root[data-theme="light"] .pcm{box-shadow:0 1px 3px rgba(16,24,40,.10)}
.pcm:hover{transform:translateY(-1px);border-color:var(--hair3)}
.pcm.appr{border-left-style:double;border-left-width:5px}
.pcm.kari{border-left-style:dashed}
.pcm-r{display:flex;align-items:center;gap:4px;min-width:0}
.pcm-r + .pcm-r{margin-top:2px}
.pcm-nm{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pcm-nm small{font-size:10.5px;margin-left:1px}
.pcm-car{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcm-bd{margin-left:auto;display:flex;gap:2px;flex:none}
.pcm-bg{font-size:10px;line-height:1.45;padding:0 4px;border-radius:4px;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.pcm-bg.dead{background:#ef4444;color:#fff;box-shadow:none}
.pcm-fr{flex:none;font-size:10px;font-weight:700;padding:0 4px;border-radius:4px;background:var(--s3);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pcm-day{flex:none;font:700 10px var(--num);color:var(--t3)}
.pcm-day.warn{color:#ef4444}
.pcm-circ{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:9px;font-weight:800;color:#fff;flex:none}
.pl-empty{font-size:12px;color:var(--t3);text-align:center;padding:14px;border:1px dashed var(--hair2);border-radius:8px}
.pl-leg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:10.5px;color:var(--t3)}
.pl-leg span{display:inline-flex;align-items:center;gap:4px}
.pl-leg span::before{content:'';width:3px;height:10px;border-radius:2px;background:var(--c)}
/* 詳細の窓（PitFlow のカードを開いた時の上の部分を小さく） */
.pd-sheet{width:min(94%,380px);max-height:92%;overflow:auto;background:var(--s1);border:1px solid var(--hair2);border-radius:16px;padding:14px 16px 12px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 4px 0 0 var(--team);animation:taIn .14s ease-out}
.pd-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--t3)}
.pd-top b{font-size:12px;color:var(--t2)}
.pd-pill{font-size:11px;font-weight:700;border-radius:999px;padding:1px 9px;color:#fff;background:var(--c)}
.pd-tag{font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.pd-x{margin-left:auto;border:0;background:none;color:var(--t3);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.pd-name{margin:8px 0 0;font-size:18px;font-weight:800;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pd-name small{font-size:12px}
.pd-name em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px;color:#1db97a;box-shadow:inset 0 0 0 1px #1db97a}
.pd-kana{font-size:11px;color:var(--t3)}
.pd-car{margin-top:4px;font-size:13px;font-weight:700}
.pd-car span{font-size:11.5px;font-weight:500;color:var(--t2);margin-left:6px}
.pd-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.pd-pills span{font-size:11px;font-weight:600;border-radius:999px;padding:1px 9px;background:var(--s2);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-work{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:7px 8px;border-radius:8px;background:var(--s2)}
.pd-loan{display:flex;align-items:baseline;gap:8px;margin-top:8px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--c) 10%,var(--s2));font-size:11.5px;color:var(--t2)}
.pd-loan b{font:800 15px var(--num);color:var(--c)}
.pd-days{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.pd-days div{border-radius:8px;background:var(--s2);padding:5px 9px}
.pd-days em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--t3)}
.pd-days b{font:800 15px var(--num)}
.pd-days b.warn{color:#ef4444}
.pd-days span{font-size:10.5px;color:var(--t3);margin-left:4px}
.pd-prog{display:flex;align-items:center;margin:12px 2px 2px}
.pd-prog i{flex:1;height:3px;background:var(--s3)}
.pd-prog i.on{background:#1db97a}
.pd-prog span{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:var(--t3);width:32px}
.pd-prog span::before{content:'';width:11px;height:11px;border-radius:50%;background:var(--s3);box-shadow:inset 0 0 0 2px var(--s1)}
.pd-prog span.on{color:var(--t1);font-weight:700}
.pd-prog span.on::before{background:#1db97a}
.pd-prog span.cur::before{background:#1db97a;box-shadow:0 0 0 3px rgba(29,185,122,.3)}
.pd-memo{margin-top:8px;font-size:11.5px;color:var(--t2);background:var(--s2);border-radius:8px;padding:6px 9px;white-space:pre-wrap}
.pd-go{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;border:0;border-radius:10px;padding:10px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;background:#1db97a;color:#fff}
.pd-go:hover{background:#18a56c}


.pl-who{display:flex;gap:2px;margin-left:auto}
.pl-who i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c)}
.pl-line{height:1px;background:var(--hair);margin:10px 0 0}
.pl-side{width:100%;display:flex;align-items:center;gap:6px;border:0;background:none;padding:9px 2px 4px;cursor:pointer;text-align:left;font:inherit;font-size:12px;font-weight:600;color:var(--t2)}
.pl-side em{font-style:normal;font:700 12px var(--num);color:var(--t1)}
.pl-side .rc-chev{margin-left:auto}
.pl-side[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
/* 設定の見本：人を選ぶ */
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pick button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;cursor:pointer;font:inherit;font-size:11px;color:var(--t2);padding:2px}
.pick button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:14px;font-weight:700;color:#fff;background:var(--c);opacity:.45;box-shadow:0 0 0 2px transparent}
.pick button.on i{opacity:1;box-shadow:0 0 0 2px var(--s1),0 0 0 4px var(--fd)}
.pick button.on{color:var(--t1);font-weight:700}

.pl-ttl{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.pl-av{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);margin:0 3px 0 2px}
.pl-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;margin-bottom:8px}
.pl-nav .pl-colh{justify-content:center;margin:0;font-size:13.5px}
.pl-arr{height:34px;border:0;border-radius:9px;background:var(--s2);color:var(--c);font:700 24px/1 var(--num);cursor:pointer;padding:0 0 3px}
.pl-arr:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-slide{overflow:hidden}
.pl-slide.from-r > *{animation:plR .2s ease-out}
.pl-slide.from-l > *{animation:plL .2s ease-out}
@keyframes plR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes plL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}


.pl-who{display:flex;gap:2px;margin-left:auto}
.pl-who i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c)}
.pl-line{height:1px;background:var(--hair);margin:10px 0 0}
.pl-side{width:100%;display:flex;align-items:center;gap:6px;border:0;background:none;padding:9px 2px 4px;cursor:pointer;text-align:left;font:inherit;font-size:12px;font-weight:600;color:var(--t2)}
.pl-side em{font-style:normal;font:700 12px var(--num);color:var(--t1)}
.pl-side .rc-chev{margin-left:auto}
.pl-side[aria-expanded="true"] .rc-chev{transform:rotate(180deg)}
/* 設定の見本：人を選ぶ */
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pick button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;cursor:pointer;font:inherit;font-size:11px;color:var(--t2);padding:2px}
.pick button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:14px;font-weight:700;color:#fff;background:var(--c);opacity:.45;box-shadow:0 0 0 2px transparent}
.pick button.on i{opacity:1;box-shadow:0 0 0 2px var(--s1),0 0 0 4px var(--fd)}
.pick button.on{color:var(--t1);font-weight:700}

.pl-ttl{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.pl-av{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);margin:0 3px 0 2px}
.pl-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;margin-bottom:8px}
.pl-nav .pl-colh{justify-content:center;margin:0;font-size:13.5px}
.pl-arr{height:34px;border:0;border-radius:9px;background:var(--s2);color:var(--c);font:700 24px/1 var(--num);cursor:pointer;padding:0 0 3px}
.pl-arr:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-slide{overflow:hidden}
.pl-slide.from-r > *{animation:plR .2s ease-out}
.pl-slide.from-l > *{animation:plL .2s ease-out}
@keyframes plR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes plL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}

.pl-ttl{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.pl-av{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);margin:0 3px 0 2px}
.pl-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;margin-bottom:8px}
.pl-nav .pl-colh{justify-content:center;margin:0;font-size:13.5px}
.pl-arr{height:34px;border:0;border-radius:9px;background:var(--s2);color:var(--c);font:700 24px/1 var(--num);cursor:pointer;padding:0 0 3px}
.pl-arr:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.pl-slide{overflow:hidden}
.pl-slide.from-r > *{animation:plR .2s ease-out}
.pl-slide.from-l > *{animation:plL .2s ease-out}
@keyframes plR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes plL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}


/* 本物だけの足し */
.fd-card.io, .fd-card.pl { padding: 0; overflow: hidden; }
.fd-card.pl { padding: 12px 12px 12px 20px; }
.fd-card.pl.pl-div2::before { background: #ec4899; }
.fd-card.pl.pl-mine::before { background: var(--fd); }
.io-row, .pcm { user-select: none; }
.pd-name em.new { color: #3b82f6; box-shadow: inset 0 0 0 1px #3b82f6; }
.ta-sheet .fd-exp-err, .pd-sheet .fd-exp-err { margin: 0 0 8px; }
/* 設定：人をアイコンで選ぶ（〇〇タスクボード） */
.cp-chip.cp-person { display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 999px; padding: 3px 10px 3px 3px; margin: 0 6px 6px 0; background: var(--s2); color: var(--t2); font: inherit; font-size: 12px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--hair2); }
.cp-person i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-style: normal; font-size: 11px; font-weight: 700; color: #fff; background-size: cover; background-position: center; opacity: .55; }
.cp-chip.cp-person.on { color: var(--t1); font-weight: 700; background: var(--fd-soft); box-shadow: inset 0 0 0 1.5px var(--fd); }
.cp-person.on i { opacity: 1; }


/* =========================================================
   🆕 v1.15.0 モック FlowDesk\モック_FlowDesk_表示.html から持ってきた形
     CoreBoard（特定ボード・特定の列・自分が担当）／特定ノート／車販作業／売掛一覧・入庫通知／PC モニター
   🔴 直す時はモックと両方。左の色の線は .fd-card::before をそのまま使う
   ========================================================= */
/* ── 🆕 車販作業（2026-09-17 案1）──
   🗣 ゆうた「次車販の作業予定 今まで作ってきた感じでいったんちゃんと本物ページの造りを見て、ちゃんとモックに起こしてみて」
   本物＝PitFlow の「車販作業」画面（car-sales.js renderCarSales）：5つの段・車のカード（.pcm）＋返車の日・メモ・✓ 完了／完了済み（↩ 戻す） */
.cs{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.cs::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#1db97a}
.cs-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}
.cs-sb{position:relative;border:0;cursor:pointer;border-radius:8px;padding:6px 2px 5px;text-align:center;font:inherit;color:var(--t1);background:color-mix(in srgb,var(--c) 10%,var(--s2));box-shadow:inset 0 3px 0 var(--c)}
.cs-sb:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.cs-sb.on{box-shadow:inset 0 3px 0 var(--c),inset 0 0 0 1.5px var(--c);background:color-mix(in srgb,var(--c) 20%,var(--s2))}
.cs-sb.zero{opacity:.5}
.cs-sb i{display:block;font-style:normal;font-size:12px;line-height:1.2}
.cs-sb b{display:block;font:800 17px/1.15 var(--num);color:var(--c)}
.cs-sb span{display:block;font-size:9.5px;font-weight:700;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.cs-sb small{display:block;font:600 9.5px var(--num);color:var(--t3);margin-top:1px}
.cs-sb small em{font-style:normal;color:#ef4444;font-weight:800}
.cs-note{text-align:center;font-size:10.5px;color:var(--t3);margin:-4px 0 8px}
.cs-subh{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--t2);margin:8px 0 5px}
.cs-subh em{font-style:normal;font:700 11px var(--num);color:var(--t3)}
/* 1台＝PitFlow の .cs-item（車のカード＋返車の日・メモ＋✓ 完了） */
.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px;align-items:stretch}
.cs-it{display:flex;flex-direction:column;gap:3px;min-width:0;height:100%}
.cs-it > .cs-ok,.cs-it > .cs-undo{margin-top:auto}
.cs-ok.just{background:var(--s2);color:#26a269;box-shadow:inset 0 0 0 1.5px #26a269;display:flex;flex-direction:column;align-items:center;line-height:1.2;padding:3px 0}
.cs-ok.just small{font-size:9.5px;font-weight:600;color:var(--t3)}
.cs-ok.just:hover{background:color-mix(in srgb,#26a269 12%,var(--s2))}
.cs-ex{display:flex;align-items:center;flex-wrap:wrap;gap:3px;font-size:10.5px;color:var(--t2);padding:0 2px 3px;min-width:0}
.cs-ex .memo{display:block;width:100%;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp{font-size:9px;font-weight:800;border-radius:4px;padding:0 4px;line-height:1.5}
.rp.pend{background:#f59e0b;color:#fff;box-shadow:inset 0 0 0 1px #b45309}
.rp.plan{background:rgba(245,158,11,.14);color:#b45309;box-shadow:inset 0 0 0 1px #f59e0b}
.rp.tbd{background:transparent;color:#b45309;box-shadow:inset 0 0 0 1px #f59e0b;border:1px dashed #f59e0b;box-shadow:none}
:root:not([data-theme="light"]) .rp.plan,:root:not([data-theme="light"]) .rp.tbd{color:#f59e0b}
.cs-ok{border:0;border-radius:7px;padding:4px 0;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;background:#26a269;color:#06210f}
.cs-ok:hover{background:#2fb87c}
.cs-dup{font-size:10px;color:#f59e0b;background:#f59e0b14;box-shadow:inset 0 0 0 1px #f59e0b3d;border-radius:5px;padding:1px 5px}
.cs-doneh{width:100%;display:flex;align-items:center;gap:6px;border:0;background:none;padding:9px 2px 4px;cursor:pointer;text-align:left;font:inherit;font-size:11.5px;font-weight:600;color:var(--t3);border-top:1px dashed var(--hair2);margin-top:8px}
.cs-doneh em{font-style:normal;font:700 11.5px var(--num);color:var(--t2)}
.cs-doneh .chev{margin-left:auto}
/* 🗂 2026-09-26 アーカイブ済付箋（件数なし・検索BOX）＝ボードと同じ中身 */
.cs-doneh small{font-weight:500;color:var(--t3);margin-left:4px}
.fs-arc-q{width:100%;box-sizing:border-box;margin:6px 0 8px;padding:8px 12px;font:inherit;font-size:12.5px;color:var(--t1);background:var(--bg2,transparent);border:1.5px solid var(--hair2);border-radius:10px;outline:none}
.fs-arc-q:focus{border-color:var(--acc,#378ADD)}
.cs-doneh[aria-expanded="true"] .chev{transform:rotate(180deg)}
.cs-dn{opacity:.5}
.cs-undo{border:0;border-radius:7px;padding:3px 0;font:inherit;font-size:11px;font-weight:700;cursor:pointer;background:var(--s3);color:var(--t1);box-shadow:inset 0 0 0 1px var(--hair2)}

/* ── 🆕 CoreBoard（2026-09-17 案1）──
   🗣 ゆうた「コアボードに関しては もっと実際のカードを表示できるような感じにしたい こちらもくりっくで展開する感じで」
   本物＝CoreBoard index.html：ボードの帯（色・名前・メンバー）／リスト／カード面（カバー・ラベル・題・期限・説明・チェックリスト・担当・最新コメント）／カードの詳細（renderCard） */
.cb{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.cb::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#06b6d4;z-index:1}
.cb-band{position:relative;padding:10px 12px 10px 20px;background:var(--bb);color:#fff}
.cb-band::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.05));pointer-events:none}
.cb-band > *{position:relative;z-index:1}
.cb-bh{display:flex;align-items:center;gap:8px}
.cb-bh b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.cb-bh .mems{margin-left:auto;display:flex}
.cb-bh .mems i + i{margin-left:-5px}
.cb-av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);box-shadow:0 0 0 1.5px rgba(255,255,255,.7);flex:none}
.cb-sum{display:flex;gap:6px;margin-top:6px;font-size:11px}
.cb-sum span{background:rgba(0,0,0,.22);border-radius:6px;padding:1px 7px;white-space:nowrap}
.cb-sum span b{font:800 12px var(--num)}
.cb-sum span.over{background:#7f1d1d;color:#fecaca}
.cb-sum span.today{background:#78350f;color:#fde68a}
.cb-in{padding:10px 12px 12px 20px}
.cb-ls{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.cb-lb{flex:1 0 78px;min-width:78px;border:0;cursor:pointer;border-radius:8px;padding:6px 6px 5px;text-align:left;font:inherit;color:var(--t1);background:var(--s2);box-shadow:inset 0 3px 0 var(--lc,#94a3b8)}
.cb-lb:hover{background:var(--s3)}
.cb-lb.on{box-shadow:inset 0 3px 0 var(--lc,#94a3b8),inset 0 0 0 1.5px #06b6d4;background:color-mix(in srgb,#06b6d4 12%,var(--s2))}
.cb-lb span{display:block;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t2)}
.cb-lb b{display:block;font:800 17px/1.15 var(--num)}
.cb-lb small{display:block;font-size:9.5px;color:var(--t3);white-space:nowrap}
.cb-lb small em{font-style:normal;font-weight:800;color:#ef4444}
.cb-list{margin-top:10px;border-top:1px solid var(--hair);padding-top:9px}
/* カード面（CoreBoard の .card を小さく） */
.cbc{position:relative;background:var(--s2);border-radius:8px;padding:7px 10px 8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.3);cursor:pointer;overflow:hidden}
:root[data-theme="light"] .cbc{background:#fff;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31)}
.cbc:hover{box-shadow:inset 0 0 0 2px #06b6d4}
.cbc + .cbc{margin-top:7px}
.cbc-cov{height:18px;margin:-7px -10px 7px;background:var(--cov)}
.cbc-lbs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}
.cbc-lb{height:7px;min-width:34px;border-radius:4px;background:var(--c)}
.cbc-lb.named{height:auto;min-width:0;padding:0 7px;border-radius:10px;font-size:10.5px;font-weight:600;color:#06222b;line-height:1.6}
.cbc-t{font-size:13px;line-height:1.45}
.cbc-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:6px;font-size:10.5px;color:var(--t3)}
.cbc-meta .mi{display:inline-flex;align-items:center;gap:3px}
.cbc-meta .mi svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cbc-meta .due{padding:0 5px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--hair2);font-family:var(--num)}
.cbc-meta .due.over{background:#7f1d1d;color:#fecaca;box-shadow:inset 0 0 0 1px #b91c1c}
.cbc-meta .due.soon,.cbc-meta .due.today{background:#78350f;color:#fde68a;box-shadow:inset 0 0 0 1px #b45309}
.cbc-meta .due.done{background:#14532d;color:#bbf7d0;box-shadow:inset 0 0 0 1px #15803d}
.cbc-meta .ck.all{color:#34d399}
.cbc-meta .mem{margin-left:auto;display:flex}
.cbc-meta .mem i{width:20px;height:20px;font-size:9px;box-shadow:0 0 0 1.5px var(--s2)}
.cbc-meta .mem i + i{margin-left:-4px}
.cbc-bd{display:inline-block;font-size:10px;font-weight:700;color:var(--t2);background:var(--s3);border-radius:4px;padding:0 5px;margin-bottom:4px}
.cbc-cm{margin-top:6px;padding-top:5px;border-top:1px solid var(--hair);font-size:11px;color:var(--t2);display:flex;align-items:baseline;gap:5px;white-space:nowrap;overflow:hidden}
.cbc-cm i{width:15px;height:15px;font-size:8px;box-shadow:none;align-self:center}
.cbc-cm small{color:var(--t3);font-family:var(--num)}
.cbc-cm span{overflow:hidden;text-overflow:ellipsis}
/* 詳細の窓（CoreBoard の renderCard を小さく） */
.cbd{width:min(94%,390px);max-height:92%;overflow:auto;background:var(--s1);border:1px solid var(--hair2);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:taIn .14s ease-out}
.cbd-cov{height:26px;background:var(--cov)}
.cbd-b{padding:12px 16px 12px}
.cbd-t{display:flex;align-items:flex-start;gap:8px}
.cbd-t b{flex:1;font-size:16px;font-weight:800;line-height:1.45}
.cbd-where{font-size:11.5px;color:var(--t3);margin-top:2px}
.cbd-where span{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--bb);margin-right:4px}
.cbd-h{font-size:11px;font-weight:700;color:var(--t3);margin:11px 0 5px}
.cbd-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.cbd-lb{height:24px;display:inline-flex;align-items:center;padding:0 9px;border-radius:6px;font-size:11.5px;font-weight:600;color:#06222b;background:var(--c);min-width:40px}
.cbd-mem{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--t2)}
.cbd-mem i{width:26px;height:26px;font-size:11px;box-shadow:none}
.cbd-due{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:var(--s2);font-size:12.5px}
.cbd-due input{width:15px;height:15px;accent-color:#22c55e}
.cbd-due em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:5px;padding:0 6px}
.cbd-due em.over{background:#7f1d1d;color:#fecaca}.cbd-due em.today,.cbd-due em.soon{background:#78350f;color:#fde68a}.cbd-due em.done{background:#14532d;color:#bbf7d0}
.cbd-desc{font-size:12.5px;line-height:1.7;white-space:pre-wrap;background:var(--s2);border-radius:8px;padding:8px 10px;color:var(--t1)}
.cbd-ck{background:var(--s2);border-radius:8px;padding:8px 10px}
.cbd-ck + .cbd-ck{margin-top:6px}
.cbd-ckh{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
.cbd-ckh small{margin-left:auto;font:700 11px var(--num);color:var(--t3)}
.cbd-bar{height:6px;border-radius:3px;background:var(--s3);margin:5px 0 6px;overflow:hidden}
.cbd-bar i{display:block;height:100%;background:#22c55e;border-radius:3px}
.cbd-it{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:3px 0;cursor:pointer}
.cbd-it input{width:14px;height:14px;accent-color:#22c55e}
.cbd-it.done span{text-decoration:line-through;color:var(--t3)}
.cbd-cm{display:flex;gap:7px;padding:5px 0}
.cbd-cm i{width:24px;height:24px;font-size:10px;box-shadow:none}
.cbd-cm div{flex:1;min-width:0}
.cbd-cm b{font-size:12px}
.cbd-cm small{font:11px var(--num);color:var(--t3);margin-left:5px}
.cbd-cm p{margin:2px 0 0;font-size:12px;line-height:1.6;background:var(--s2);border-radius:8px;padding:5px 8px}
.cbd-go{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;border:0;border-radius:10px;padding:10px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;background:#0891b2;color:#fff}
.cbd-go:hover{background:#06b6d4}
/* 自分が担当のカード：期限で分けた箱 */
.cbm-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}

.cbm-top{width:100%;display:block;border:0;background:none;text-align:left;cursor:pointer;padding:12px 14px 13px 20px;color:var(--t1);font:inherit}
.cbm-top:hover{background:color-mix(in srgb,var(--t1) 3%,transparent)}
.cbm-t{display:flex;align-items:center;gap:8px}
.cbm-t b{font-size:13px;font-weight:700;color:var(--t2)}
.cbm-t .chev{margin-left:auto}
.cbm-top[aria-expanded="true"] .chev,.cb-bandbtn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.cbm-n{display:block;font:800 30px/1.1 var(--num);margin-top:2px}
.cbm-n small{font:600 12px var(--fs);color:var(--t3);margin-left:3px}
.cbm-s{display:block;font-size:11px;color:var(--t3);margin-top:1px}
.cbm-s em{font-style:normal;font-weight:800;color:#ef4444}
.cbm-body{border-top:1px solid var(--hair)}
.cbm-col + .cbm-col{margin-top:12px}
.cbm-colh{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;color:var(--t3)}
.cbm-colh i{width:8px;height:8px;border-radius:2px;background:var(--bb)}
.cbm-colh b{font-size:12.5px;color:var(--t1)}
.cbm-colh em{font-style:normal;font:700 11px var(--num);color:#06b6d4;background:rgba(6,182,212,.14);border-radius:10px;padding:0 7px}
.cb-bandbtn{display:block;width:100%;border:0;text-align:left;font:inherit;cursor:pointer}
.cb-bandbtn .chev{color:rgba(255,255,255,.85);margin-left:6px}
.cb-bandbtn .mems{margin-left:auto}
.cb-sep{opacity:.7;margin:0 3px;font-weight:400}

.cb-more{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;border:0;border-radius:8px;padding:8px;background:var(--s2);color:var(--t2);font:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1px var(--hair2)}
.cb-more:hover{color:var(--t1);background:var(--s3)}

/* ── 🆕 特定ノート（2026-09-17 案1）── */
.cn{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.cn::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#ec4899;z-index:1}
.cn-top{width:100%;display:block;border:0;background:none;text-align:left;cursor:pointer;padding:11px 14px 12px 20px;color:var(--t1);font:inherit}
.cn-top:hover{background:color-mix(in srgb,var(--t1) 3%,transparent)}
.cn-t{display:flex;align-items:center;gap:8px}
.cn-t b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-t .chev{margin-left:auto;flex:none}
.cn-top[aria-expanded="true"] .chev{transform:rotate(180deg)}
.cn-mem{display:flex;align-items:center;margin-top:7px}
.cn-mem i + i{margin-left:-5px}
.cn-mem i{box-shadow:0 0 0 2px var(--s1)}
.cn-mem small{margin-left:8px;font-size:11px;color:var(--t3)}
.cn-in{padding:0 12px 12px 20px}
.cn-thumb{position:relative;display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;cursor:zoom-in;box-shadow:0 0 0 1px var(--hair2);background:none}
.cn-thumb svg{width:100%;height:auto}
.cn-thumb:hover{box-shadow:0 0 0 2px #ec4899}
.cn-zoom{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:700;color:#fff;background:rgba(15,23,42,.72);border-radius:6px;padding:3px 8px;opacity:0;transition:opacity .15s}
.cn-thumb:hover .cn-zoom{opacity:1}
.cn-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:8px;border-radius:8px;background:var(--s2);color:var(--t2);font-size:12px;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px var(--hair2)}
.cn-link:hover{color:var(--t1);background:var(--s3)}
.cn-link span{color:#ec4899}
#fd-cnfull{position:fixed;inset:0;z-index:80;background:#0b0f14;display:flex;flex-direction:column;cursor:zoom-out;animation:cnIn .18s ease}
@keyframes cnIn{from{opacity:0}to{opacity:1}}
.cn-fh{height:38px;flex:none;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#e6edf3}
.cn-fh::before{content:'';width:3px;height:16px;border-radius:2px;background:#ec4899}
.cn-fh b{font-size:13px}
.cn-fh small{font-size:11px;color:#8b98a5}
.cn-fh span{margin-left:auto;font-size:11px;color:#8b98a5}
.cn-fb{flex:1;min-height:0}
.cn-fb svg{width:100%;height:100%}

/* ── 🆕 PC モニター（2026-09-17 案2＝光らせない・ほかのカードと同じ薄い色の箱と太い数字）── */
.pm{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.pm::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#34c77a;z-index:1}
.pm-h{display:flex;align-items:baseline;gap:8px;padding:12px 14px 0 20px}
.pm-h b{font-size:13px;font-weight:700;color:var(--t2)}
.pm-h small{margin-left:auto;font-size:11px;color:var(--t3)}
.pm-body{padding:8px 12px 12px 20px;display:flex;flex-direction:column;gap:8px}
.pm-empty{padding:18px 0;text-align:center;color:var(--t3);font-size:12px}
.pm-it{position:relative;display:block;width:100%;min-width:0;border:0;text-align:left;cursor:pointer;font:inherit;color:var(--t1);border-radius:10px;background:color-mix(in srgb,var(--c) 8%,var(--s2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 26%,transparent)}
.pm-it:hover{background:color-mix(in srgb,var(--c) 14%,var(--s2))}
.pm-it[aria-expanded="true"]{box-shadow:inset 0 3px 0 var(--c),inset 0 0 0 1.5px var(--c);background:color-mix(in srgb,var(--c) 17%,var(--s2))}
.pm-gg{display:grid;gap:8px}
.pm-g{padding:8px 4px 8px;text-align:center}
.pm-g svg{display:block;width:100%;max-width:124px;margin:0 auto;overflow:visible}
.pm-g .trk{fill:none;stroke:color-mix(in srgb,var(--c) 18%,var(--s3));stroke-width:8;stroke-linecap:round}
.pm-g .red{fill:none;stroke:var(--urgent);stroke-opacity:.3;stroke-width:8}
.pm-g .val{fill:none;stroke:var(--c);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .8s ease}
.pm-g .tk{stroke:var(--t3);stroke-width:1.2;opacity:.6}
.pm-g .num{font:800 22px var(--num);fill:var(--t1);text-anchor:middle;font-variant-numeric:tabular-nums}
.pm-g .num .u{font:600 10px var(--fs);fill:var(--t3)}
.pm-g .lab{font:700 11px var(--fs);fill:var(--c);text-anchor:middle}
.pm-g.hot .num{fill:var(--urgent)}
.pm-g.hot .val{stroke:var(--urgent)}
.pm-gsub{display:block;font-size:10.5px;color:var(--t2);margin-top:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.pm-b,.pm-r{padding:9px 11px 10px}
.pm-bh{display:flex;align-items:center;gap:7px;min-width:0}
.pm-bh svg.ic{width:15px;height:15px;flex:none;stroke:var(--c);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pm-bh b{font-size:12px;font-weight:700;color:var(--c);flex:none}
.pm-bh small{font-size:11px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.pm-bv{margin-left:auto;flex:none;font:800 20px/1 var(--num);font-variant-numeric:tabular-nums}
.pm-bv em{font-style:normal}
.pm-bv i{font:600 11px var(--fs);font-style:normal;color:var(--t3);margin-left:2px}
.pm-it.hot .pm-bv em{color:var(--urgent)}
.pm-segrow{display:flex;align-items:center;gap:8px;margin-top:8px}
.pm-segrow > span{flex:none;width:18px;font:700 11px var(--num);color:var(--t3)}
.pm-segrow > em{flex:none;min-width:80px;text-align:right;font:700 11px var(--num);color:var(--t2);font-style:normal;font-variant-numeric:tabular-nums}
.pm-seg{position:relative;flex:1;height:8px;border-radius:4px;background:color-mix(in srgb,var(--c) 20%,var(--s3))}
.pm-seg > i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:var(--c);transition:width .6s ease}
.pm-seg.c2{background:color-mix(in srgb,var(--c2) 20%,var(--s3))}
.pm-seg.c2 > i{background:var(--c2)}
.pm-seg.hot > i{background:var(--urgent)}
.pm-seg > u{position:absolute;top:-2px;bottom:-2px;width:2px;border-radius:1px;background:var(--urgent);opacity:.45}
.pm-gr{display:block;width:100%;margin-top:8px;border-radius:6px;background:color-mix(in srgb,var(--c) 5%,var(--s1))}
.pm-gr .ln{fill:none;stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pm-gr .ln0{stroke:var(--c)}
.pm-gr .ln1{stroke:var(--c2)}
.pm-lg{display:flex;gap:10px;font-size:10.5px;color:var(--t3);margin-top:5px;font-variant-numeric:tabular-nums}
.pm-lg i{display:inline-block;width:8px;height:3px;border-radius:2px;vertical-align:middle;margin-right:4px;background:var(--c)}
.pm-lg i.c2{background:var(--c2)}
.pm-lg span:last-child{margin-left:auto}
.pm-dt{border-radius:10px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--hair2);padding:8px 10px 12px}
.pm-dh{display:flex;align-items:center;gap:6px}
.pm-arr{flex:none;width:34px;height:34px;border:0;border-radius:8px;background:var(--s2);color:var(--t2);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}
.pm-arr:hover{background:color-mix(in srgb,var(--c) 18%,var(--s2));color:var(--t1)}
.pm-dtt{flex:1;min-width:0;text-align:center}
.pm-dtt b{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}
.pm-dtt b svg{width:16px;height:16px;stroke:var(--c);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pm-dtt small{display:block;font-size:10.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-big{display:flex;align-items:baseline;gap:10px;margin:10px 2px 0;flex-wrap:wrap}
.pm-big b{font:800 30px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--t1)}
.pm-big b i{font:600 12px var(--fs);font-style:normal;color:var(--t3);margin-left:3px}
.pm-big.hot b:first-child{color:var(--urgent)}
.pm-big small{font-size:11px;color:var(--t3)}
.pm-big .up{color:var(--c2)}
.pm-big .dn{color:var(--c)}
.pm-h5{font-size:11px;font-weight:700;color:var(--t3);margin:12px 2px 6px;display:flex;align-items:center;gap:6px}
.pm-h5::after{content:'';flex:1;height:1px;background:var(--hair)}
.pm-th{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;height:38px}
.pm-th i{position:relative;border-radius:3px;background:color-mix(in srgb,var(--c) 14%,var(--s2));overflow:hidden}
.pm-th b{position:absolute;left:0;right:0;bottom:0;background:var(--c);transition:height .6s ease}
.pm-st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.pm-st div{background:var(--s2);border-radius:8px;padding:6px 9px;min-width:0}
.pm-st small{display:block;font-size:10.5px;color:var(--t3)}
.pm-st b{display:block;font:800 14px var(--num);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.pm-pl li{display:grid;grid-template-columns:minmax(0,1fr) 80px 62px;align-items:center;gap:8px;font-size:12px}
.pm-pl li span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t2)}
.pm-pl .pb{height:5px;border-radius:3px;background:color-mix(in srgb,var(--c) 18%,var(--s3));overflow:hidden}
.pm-pl .pb i{display:block;height:100%;border-radius:3px;background:var(--c)}
.pm-pl b{text-align:right;font:700 11.5px var(--num);font-variant-numeric:tabular-nums}
.pm-stack{display:flex;height:12px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--c) 14%,var(--s3))}
.pm-stack i{transition:width .6s}
.pm-stack .a{background:var(--c)}
.pm-stack .b{background:color-mix(in srgb,var(--c) 45%,var(--s3))}
.pm-eng{display:flex;flex-direction:column;gap:6px}
.pm-eng div{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;color:var(--t2)}
.pm-eng .pb{height:6px;border-radius:3px;background:color-mix(in srgb,var(--c) 18%,var(--s3));overflow:hidden}
.pm-eng .pb i{display:block;height:100%;background:var(--c);transition:width .6s}
.pm-eng b{min-width:36px;text-align:right;font:700 11.5px var(--num);color:var(--t1);font-variant-numeric:tabular-nums}
.pm-drv{background:var(--s2);border-radius:8px;padding:8px 10px}
.pm-drv + .pm-drv{margin-top:6px}
.pm-drv-h{display:flex;align-items:center;gap:6px}
.pm-drv-h b{font:800 15px var(--num)}
.pm-drv-h span{font-size:12px;color:var(--t2)}
.pm-drv-h em{margin-left:auto;font-style:normal;font-size:10px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border-radius:4px;padding:1px 6px}
.pm-cap{height:8px;border-radius:4px;background:color-mix(in srgb,var(--c) 18%,var(--s3));overflow:hidden;margin:7px 0 5px}
.pm-cap i{display:block;height:100%;border-radius:4px;background:var(--c)}
.pm-drv-f{display:flex;gap:10px;font-size:11px;color:var(--t3);font-variant-numeric:tabular-nums}
.pm-drv-f span:last-child{margin-left:auto}
.pm-drv-f b{color:var(--t1);font-weight:700}
/* 右の設定（見本） */

/* ── 🆕 売掛一覧・入庫通知（2026-09-18 案1）── 本物＝StockFlow のダッシュボードの2枚のパネル */
.rv,.arv{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.rv::before,.arv::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#7c3aed}
.rv .pl-h em,.arv .pl-h em{color:var(--t3)}
.rv .pl-h em i{font-style:normal;font-weight:700;color:var(--urgent)}
.rv-sum{font-variant-numeric:tabular-nums}
.rv-top{display:block;width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--t1);padding:0}
.rv-top .pl-h{display:flex;align-items:baseline;gap:8px}
.rv-top .chev{margin-left:6px;vertical-align:-2px}
.rv-top[aria-expanded="true"] .chev{transform:rotate(180deg)}
.rv-sub{display:block;font-size:10.5px;color:var(--t3);margin-top:2px}
.rv-sub i{font-style:normal;font-weight:700;color:var(--urgent)}
.rv-it{--c:#7c3aed;border-radius:8px;background:color-mix(in srgb,var(--c) 8%,var(--s2));box-shadow:inset 3px 0 0 var(--c)}
.rv-it.over{--c:#ef4444}
.rv-it + .rv-it,.arv-it + .arv-it{margin-top:5px}
.rv-it.paid{opacity:.75}
.rv-ih{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto 14px;align-items:center;gap:8px;border:0;background:none;text-align:left;font:inherit;color:var(--t1);padding:7px 8px;border-radius:8px;cursor:pointer}
.rv-ih:hover{background:color-mix(in srgb,var(--c) 10%,transparent)}
.rv-ih .chev{width:12px;height:12px;color:var(--t3)}
.rv-it.open .rv-ih .chev,.arv-it.open .arv-ih .chev{transform:rotate(180deg)}
.rv-dt{padding:0 10px 10px}
.rv-ask{display:flex;flex-direction:column;gap:7px;margin-top:8px;padding:9px 10px;border-radius:8px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--hair2);font-size:12px;color:var(--t2)}
.rv-ask .q{display:block}
.rv-ask b{font:800 15px var(--num);color:var(--t1);margin-right:2px}
.rv-ask span{display:flex;gap:6px}
.fd-exp-btn.just{color:#26a269;box-shadow:inset 0 0 0 1.5px #26a269;background:var(--s2)}
.arv-it{border-radius:8px;background:color-mix(in srgb,#7c3aed 8%,var(--s2))}
.arv-ih{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 40px 14px;align-items:center;gap:10px;border:0;background:none;text-align:left;font:inherit;color:var(--t1);padding:7px 8px;border-radius:8px;cursor:pointer}
.arv-ih:hover{background:rgba(124,58,237,.08)}
.arv-ih .chev{width:12px;height:12px;color:var(--t3)}
.rv-r + .rv-r{margin-top:5px}
.rv-d{text-align:center;font:800 15px/1 var(--num);color:var(--c);font-variant-numeric:tabular-nums}
.rv-d small{font:600 9.5px var(--fs);color:var(--t3);margin-left:1px}
.rv-n{min-width:0}
.rv-n b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-n small{display:block;font-size:10.5px;color:var(--t3)}
.rv-r em{font-style:normal;font:800 14px var(--num);font-variant-numeric:tabular-nums}
.arv-top{display:block;width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--t1);padding:0}
.arv-top .pl-h{display:flex;align-items:baseline;gap:8px}
.arv-top .pl-h em .chev{margin-left:6px;vertical-align:-2px}
.arv-top[aria-expanded="true"] .chev{transform:rotate(180deg)}
.arv-sub{display:block;font-size:10.5px;color:var(--t3);margin-top:2px}
.arv-q{text-align:right;font:800 15px var(--num);color:#26a269;font-variant-numeric:tabular-nums}
.arv-q.neg{color:#c01c28}   /* v2.75.0 差引がマイナス＝BASEから取り下げ */
.sf-go{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:9px;padding:8px;border-radius:8px;background:var(--s2);color:var(--t2);font-size:12px;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px var(--hair2)}
.sf-go:hover{color:var(--t1);background:var(--s3)}
.sf-go span{color:#7c3aed}

/* ── 🆕 付箋（2026-09-18 案1）── 本物＝_shared/coreflow-note-board.js（3アプリ共通・入れ物だけ別） */
.fs{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.fs::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#f59e0b}
.fs-top{display:block;width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--t1);padding:0}
.fs-top .pl-h{display:flex;align-items:baseline;gap:8px}
.fs-top .pl-h em{margin-left:auto;font-style:normal;font-size:11px;color:var(--t2);display:flex;align-items:center;gap:4px}
.fs-top[aria-expanded="true"] .chev{transform:rotate(180deg)}
.fs-sub{display:block;font-size:10.5px;color:var(--t3);margin-top:2px}
.fs-sub i{font-style:normal;font-weight:700;color:var(--urgent)}
.fs-sub b{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--a);margin:0 3px 0 6px;vertical-align:middle;font-weight:400}
.fsc{position:relative;border-radius:9px;padding:9px 10px 10px;background:color-mix(in srgb,var(--c) 12%,var(--s2));box-shadow:inset 3px 0 0 var(--c),inset 0 0 0 1px var(--hair)}
.fsc + .fsc{margin-top:7px}
.fsc.dn{opacity:.62}
.fsc.over{box-shadow:inset 3px 0 0 var(--c),inset 0 0 0 1.5px var(--urgent)}
.fsc-h{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px}
.fsc-lb{font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);border-radius:4px;padding:1px 6px}
.fsc-app{font-weight:700;color:var(--a);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 45%,transparent);border-radius:4px;padding:1px 6px}
.fsc-sec{color:var(--t3)}
.fsc-due{margin-left:auto;color:var(--t2);font-variant-numeric:tabular-nums}
.fsc-due.over{color:var(--urgent);font-weight:700}
.fsc-t{font-size:13px;font-weight:700;margin-top:5px;line-height:1.35}
.fsc-b{font-size:11.5px;color:var(--t2);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fsc-f{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:10.5px;color:var(--t3)}
.fs-av{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;background:var(--c);box-shadow:0 0 0 1.5px var(--s2)}
.fsc-mem{display:flex}
.fsc-mem .fs-av + .fs-av{margin-left:-5px}
.fsc-mem .fs-av.ck{opacity:.45}
.fsc-by{margin-left:auto;display:flex;align-items:center;gap:4px;white-space:nowrap}
.fsc-by small{color:var(--t3);font-variant-numeric:tabular-nums}
.fsc-act{display:flex;gap:6px;margin-top:8px}
.fsc-act .cs-ok,.fsc-act .cs-undo{flex:1;padding:5px 0}
.fsc-act .cs-ok small{font-weight:600;font-size:9.5px;opacity:.8;margin-left:4px}
.fs-rep{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:7px;padding:5px 0;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;background:var(--s2);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.fs-rep:hover{color:var(--t1)}
.fs-rep em{font-style:normal;font-family:var(--num)}
.fs-rep[aria-expanded="true"] .chev{transform:rotate(180deg)}
.fs-reps{margin-top:8px;border-top:1px dashed var(--hair2);padding-top:8px}
.fs-rp{display:flex;gap:6px;margin-bottom:6px}
.fs-rp b{font-size:11px}
.fs-rp small{font-size:10px;color:var(--t3);margin-left:5px;font-variant-numeric:tabular-nums}
.fs-rp p{margin:1px 0 0;font-size:11.5px;color:var(--t1)}
.fs-form{display:flex;gap:6px;align-items:flex-end}
.fs-in{flex:1;min-width:0;resize:none;border:0;border-radius:7px;padding:6px 8px;font:inherit;font-size:11.5px;color:var(--t1);background:var(--s1);box-shadow:inset 0 0 0 1px var(--hair2)}
.fs-send{flex:none;border:0;border-radius:7px;padding:6px 12px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;background:var(--fd);color:var(--fd-ink)}
.fs-send:disabled{opacity:.45;cursor:default}
.fs-go{display:flex;gap:6px;margin-top:9px}
.fs-go a{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 0;border-radius:8px;background:var(--s2);color:var(--t2);font-size:11px;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px var(--hair2)}
.fs-go a:hover{color:var(--t1)}
.fs-go i{width:7px;height:7px;border-radius:2px;background:var(--a)}

/* 🔴 v1.16.0 直した：カードの中身が左の色の線に重なっていた
   `.fd-card.rc { padding:0 }`（クラス2つ）に、`.pl` `.cs` `.fs` `.rv` `.arv`（クラス1つ）の padding が**強さで負けていた**。
   ＝ モックでは単独のカードなので気づけなかった。同じ強さにして、後ろに書いて戻す */
.fd-card.rc.pl, .fd-card.rc.cs, .fd-card.rc.fs, .fd-card.rc.rv, .fd-card.rc.arv { padding: 12px 12px 12px 20px; }
/* 顔は縮めない（並べると潰れて見えなくなる） */
.fs-av, .cb-av { flex: none; }

/* 🔴 v1.16.0 顔の丸の写真＝丸いっぱいに切り抜く（.ph は写真の板。読めなければ下の頭文字が見える） */
.fs-av, .cb-av, .pl-av { position: relative; overflow: hidden; }
.fs-av .ph, .cb-av .ph, .pl-av .ph { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 50%; }

/* ── 🆕 タイマー（2026-09-18 案1）── */
.tm{position:relative;flex:none;background:var(--s1);border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;padding:12px 12px 12px 20px}
.tm::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#6366f1}
.tm.low::before{background:var(--todo)}
.tm.ring::before{background:var(--urgent)}
.tm-top{display:block;width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--t1);padding:0}
.tm-top .pl-h{display:flex;align-items:baseline;gap:8px}
.tm-top .pl-h em{margin-left:auto;font-style:normal;font-size:11px;color:var(--t2);display:flex;align-items:center;gap:4px}
.tm-top[aria-expanded="true"] .chev{transform:rotate(180deg)}
/* 🔴 2026-09-18 ゆうた「時間をもっと大きく 00：00：00まで表示」 */
.tm-big{display:block;font:800 44px/1.05 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px}
.tm-big small{font-size:22px;font-weight:700;color:var(--t3);margin-left:1px}
.tm-big.off{color:var(--t3)}
.tm-big.low{color:var(--todo)}
.tm-big.done{color:var(--urgent)}
.tm-bar{display:block;height:5px;border-radius:3px;background:var(--s3);margin-top:8px;overflow:hidden}
.tm-bar i{display:block;height:100%;border-radius:3px;background:#6366f1;transition:width .9s linear}
.tm.low .tm-bar i{background:var(--todo)}
.tm.ring .tm-bar i{background:var(--urgent)}
.tm-h5{display:flex;align-items:baseline;gap:8px;font-size:10.5px;font-weight:700;color:var(--t3);margin:12px 2px 6px}
.tm-h5 small{font-weight:600;color:var(--t3);opacity:.85}
.tm-pre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tm-pw{position:relative;display:block}
.tm-p{width:100%;border:0;border-radius:9px;padding:9px 0;font:800 17px var(--num);color:var(--t1);cursor:pointer;background:color-mix(in srgb,#6366f1 12%,var(--s2));box-shadow:inset 0 0 0 1px color-mix(in srgb,#6366f1 26%,transparent)}
.tm-p:hover{background:color-mix(in srgb,#6366f1 20%,var(--s2))}
.tm-p small{font:600 10px var(--fs);color:var(--t2);margin-left:2px}
.tm-del{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border:0;border-radius:50%;background:var(--s3);color:var(--t2);font:700 12px/1 var(--fs);cursor:pointer;opacity:0;transition:opacity .12s;box-shadow:0 0 0 2px var(--s1)}
.tm-pw:hover .tm-del,.tm-del:focus-visible{opacity:1}
.tm-del:hover{background:var(--urgent);color:#fff}
.tm-add{border:1.5px dashed var(--hair2);border-radius:9px;padding:9px 0;background:none;color:var(--t3);font:700 18px/1 var(--fs);cursor:pointer}
.tm-add:hover{border-color:#6366f1;color:#6366f1}
.tm-addbox{display:flex;gap:4px;align-items:center}
.tm-in{flex:1;min-width:0;border:0;border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;color:var(--t1);background:var(--s2);box-shadow:inset 0 0 0 1px var(--hair2)}
.tm-in.mini{padding:6px 6px;font-size:12px;text-align:center}
.tm-ok{flex:none;border:0;border-radius:7px;padding:6px 7px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;background:var(--fd);color:var(--fd-ink)}
.tm-ok:disabled{opacity:.45;cursor:default}
.tm-btns{display:flex;gap:6px;margin-top:2px}
.tm-b{flex:1;min-width:0;border:0;border-radius:8px;padding:7px 0;font:inherit;font-size:12px;font-weight:700;cursor:pointer;background:var(--s2);color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
.tm-b:hover{color:var(--t1)}
.tm-b.x:hover{color:var(--urgent)}
.tm-b.stop{background:#26a269;color:#06210f;box-shadow:none}
.tm-b.stop:hover{background:#2fb87c;color:#06210f}
.tm-b.go{flex:none;padding:7px 14px;background:var(--fd);color:var(--fd-ink);box-shadow:none}
.tm-b.go:disabled{opacity:.45;cursor:default}
.tm-free{display:flex;gap:6px;margin-top:8px}
.tm-ring{border-radius:9px;padding:10px;background:color-mix(in srgb,var(--urgent) 14%,var(--s2));box-shadow:inset 0 0 0 1.5px var(--urgent);margin-bottom:8px}
.tm-ring b{display:block;font-size:15px}
.tm-ring span{display:block;font-size:11.5px;color:var(--t2);margin:2px 0 8px}
/* 🔴 v1.17.0 タイマーも「中身が端まで」に負けないように（.fd-card.rc の padding:0 対策） */
.fd-card.rc.tm { padding: 12px 12px 12px 20px; }

/* 🔴 v1.17.3 CoreBoard・特定ノートの矢印は rc-chev（モックの .chev には大きさが付いていたが、本物には無かった）
   🔴 v1.17.5 「念のため」で入れた下の1行が広すぎて、PC モニターのメーター（class も width も無い
      <svg viewBox="0 0 120 92">）まで 14px に潰していた（.pm-g svg の width:100% より後ろで強い）。
      🗣 ゆうた 2026-09-19「PCモニターの表示が変になった」＝これ。CoreBoard・特定ノートのカードだけに絞る */
.cb .rc-chev, .cn .rc-chev { flex: none; color: var(--t3); }
.cb-bandbtn .rc-chev { color: rgba(255, 255, 255, .85); margin-left: 6px; }
.cbm-t .rc-chev, .cn-t .rc-chev { margin-left: auto; }
.cbm-top[aria-expanded="true"] .rc-chev, .cb-bandbtn[aria-expanded="true"] .rc-chev, .cn-top[aria-expanded="true"] .rc-chev { transform: rotate(180deg); }
.cb .cb-more .rc-chev { margin-left: 2px; }
.fd-card.rc.cb svg:not([width]):not([class]),
.fd-card.rc.cn svg:not([width]):not([class]) { width: 14px; height: 14px; }

/* =========================================================
   🆕 v1.18.0 受付の仕事3枚（当返・待ち作業／完TEL依頼／お礼LINE）
   ---------------------------------------------------------
   🔴 モック（FlowDesk\モック_FlowDesk_表示.html）で「決まった」見た目を**そのまま持ってきた**物。
      片方だけ直すとモックと本物がずれるので、直す時は両方。
   ● 箱・行・頭は 入庫・返車（.io-*）を借りていて、ここは足りない分だけ
   ● .pd-det＝行の下に開く中身（通知からも同じ物が出る）
   ========================================================= */
.io-1{margin-top:8px}
.io-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.io-3 .io-n b{font-size:22px}
.io-3 .io-n .io-next b{font-size:12px}
/* 行の右の札＝工程（status）。
   🔴 2026-09-19 前はここに「仕上げ ◯:◯◯」を出していたが、**PitFlow にそんな欄は無い**のでやめた */
.pd-st{font:700 10.5px var(--fs);color:var(--t2);background:var(--s2);border-radius:6px;padding:2px 7px;white-space:nowrap}
/* 🔴 2026-09-19 行を押すと、その行の下にカードの中で開く（別窓はやめた）
   🗣 ゆうた「カードの下側に更に展開する形で 内容はホバーの内容でいいんだけど もっと合う形で入れたい」
   ＝ ホバーの中身のまま、小窓の幅に合う形へ。大きい数字のタイルを横に並べず「左に見出し・右に値」の1行ずつ */
.io-row.open,.thx-row.open{background:color-mix(in srgb,var(--c) 14%,var(--s2))}
.pd-det{margin:2px 2px 6px 12px;border-radius:10px;background:var(--s2);box-shadow:inset 0 0 0 1px var(--hair2);padding:9px 11px 10px;animation:pdDet .18s ease-out}
@keyframes pdDet{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.pd-det{animation:none}}
.pd-dh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pd-res{font:700 10.5px var(--num);color:var(--t1);background:var(--s3);border-radius:5px;padding:2px 6px}
.pd-bg{font:700 10px var(--fs);border-radius:5px;padding:2px 6px}
.pd-bg.dom{color:#1db97a;background:rgba(29,185,122,.14)}
.pd-bg.imp{color:#ec4899;background:rgba(236,72,153,.14)}
.pd-karte{margin-left:auto;font:600 10px var(--num);color:var(--t3)}
.pd-car{margin-top:6px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--t1)}
.pd-plate{font:700 10.5px var(--num);color:var(--t2);background:var(--s3);border-radius:5px;padding:1px 6px}
.pd-ls{margin-top:8px;border-top:1px solid var(--hair);padding-top:5px}
.pd-l{display:flex;align-items:baseline;gap:8px;padding:3px 0}
.pd-l + .pd-l{border-top:1px solid var(--hair)}
.pd-l em{flex:none;width:74px;font-style:normal;font-size:10.5px;color:var(--t3)}
.pd-l b{font-size:12.5px;font-weight:700;color:var(--t1)}
.pd-l b small{font:600 10px var(--fs);color:var(--t3);margin-left:1px}
.pd-l b .on{color:var(--c)}
.pd-l span{margin-left:auto;font:600 10.5px var(--num);color:var(--t3);white-space:nowrap}
.pd-l.shk b{color:var(--c)}
.pd-m{margin-top:7px}
.pd-m em{display:block;font-style:normal;font-size:10.5px;color:var(--t3);margin-bottom:2px}
.pd-m p{margin:0;font-size:11.5px;line-height:1.5;color:var(--t1)}
.pd-m p.tbd{color:var(--t3)}
/* 🔴🔴 完TEL依頼＝受付が「依頼を受けて実行する」所（電話する・日時を入れて完TEL済にする） */
.pd-amt{font:800 12px var(--num);color:var(--t1);background:var(--s2);border-radius:6px;padding:2px 7px;white-space:nowrap}
.pd-act{margin-top:9px;border-top:1px solid var(--hair2);padding-top:9px}
.pd-call{display:flex;align-items:center;gap:8px}
.pd-call em{flex:none;width:74px;font-style:normal;font-size:10.5px;color:var(--t3)}
.pd-call b{font:800 14px var(--num);color:var(--t1);letter-spacing:.2px}
.pd-callbtn{margin-left:auto;text-decoration:none;font:700 11px var(--fs);color:#06210f;background:var(--c);border-radius:999px;padding:4px 12px}
.pd-ls2{margin-top:7px;padding-top:4px}
.pd-f2{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.pd-f{display:block;min-width:0}
.pd-f em{display:block;font-style:normal;font-size:10.5px;color:var(--t3);margin-bottom:3px}
.pd-f input{width:100%;box-sizing:border-box;border:0;border-radius:8px;background:var(--s3);color:var(--t1);font:600 12px var(--fs);padding:7px 8px;box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-f input:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--c)}
.pd-done{width:100%;margin-top:9px;border:0;border-radius:10px;background:var(--c);color:#06210f;font:800 13px var(--fs);padding:10px;cursor:pointer}
.pd-done:hover{filter:brightness(1.08)}
.pd-note{margin:6px 2px 0;font-size:10.5px;line-height:1.45;color:var(--t3)}
.pd-sec{margin:10px 0 5px;font:700 10.5px var(--fs);color:var(--c);display:flex;align-items:baseline;gap:6px}
.pd-sec small{font-weight:500;color:var(--t3);font-size:10px}
.pd-call.pri b{color:var(--t1)}
.pd-call.none{color:var(--t3);font-size:11.5px}
.pd-call + .pd-call{margin-top:4px}
.pd-call em i{font-style:normal;margin-left:4px;font-size:9px;color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);border-radius:999px;padding:1px 5px}
.pd-f1{margin-top:6px}
.pd-tg{display:flex;align-items:center;gap:5px;margin-top:6px}
.pd-tg em{flex:none;width:74px;font-style:normal;font-size:10.5px;color:var(--t3)}
.pd-t{border:0;border-radius:7px;background:var(--s3);color:var(--t3);font:700 11px var(--fs);padding:5px 12px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-t.on{background:color-mix(in srgb,var(--c) 20%,var(--s2));color:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}
.pd-req{margin-top:7px;font:600 10.5px var(--num);color:var(--t3)}
/* 左の欄を出さない行（完TEL依頼＝時刻も日数も出さない） */
.io-row.noleft{grid-template-columns:minmax(0,1fr) auto}
.io-row.noleft .io-l1{grid-column:1}
.io-row.noleft .io-r{grid-column:2}
.io-row.noleft .io-l2{grid-column:1/-1}
/* 伝える内容＝ふだんは読むだけ。【編集】で直せる */
.pd-edit{margin-left:auto;border:0;border-radius:999px;background:var(--s3);color:var(--t2);font:700 10px var(--fs);padding:3px 10px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-edit:hover{color:var(--t1)}
.pd-edit.on{background:color-mix(in srgb,var(--c) 20%,var(--s2));color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
/* 返車日＋「返車日未定」／返車時間の3点セット（本物 pitTimeGuideHtml と同じ並び） */
.pd-dtrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pd-dtrow input[type=date]{flex:1;min-width:0}
.pd-dtrow input[type=date]:disabled{opacity:.45}
.pd-cb{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--t2);white-space:nowrap;cursor:pointer}
.pd-cb input{width:14px;height:14px;accent-color:var(--c);margin:0}
.pd-tmg{margin-top:6px;border-radius:9px;background:var(--s2);box-shadow:inset 0 0 0 1px var(--hair);padding:7px 8px}
.pd-tml{display:block;font-size:10px;color:var(--t3);margin-bottom:4px}
.pd-tmg input[type=time]{width:100%;box-sizing:border-box;border:0;border-radius:7px;background:var(--s3);color:var(--t1);font:600 12px var(--fs);padding:6px 8px;box-shadow:inset 0 0 0 1px var(--hair2);margin-bottom:7px}
.pd-tmq{display:flex;flex-wrap:wrap;gap:4px}
.pd-chip{border:0;border-radius:7px;background:var(--s3);color:var(--t2);font:600 10.5px var(--fs);padding:4px 9px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--hair2)}
.pd-chip:hover{color:var(--t1)}
.pd-chip.tbd{font-style:italic}
.pd-chip.on{background:color-mix(in srgb,var(--c) 22%,var(--s2));color:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}
/* 「◯台」だけの箱（完TEL依頼）＝1行ぶんの高さに収める */
.io-n.slim{display:flex;align-items:center;padding:10px 10px 11px}
.io-n.slim > div{flex:1}
.io-n.slim .rc-chev{position:static;margin-left:6px}
.pd-hold{font:700 11px var(--num);color:var(--c);background:color-mix(in srgb,var(--c) 16%,var(--s2));border-radius:6px;padding:2px 7px;white-space:nowrap}
.pd-hold.long{color:#fff;background:#ef4444}
/* 折りたたみ（前の3日ぶん） */
.pd-foldh{display:flex;align-items:center;gap:6px;width:100%;margin:8px 2px 2px;border:0;border-radius:9px;background:var(--s2);color:var(--t2);font:600 11.5px var(--fs);padding:7px 10px;cursor:pointer;text-align:left}
.pd-foldh em{font-style:normal;font:800 13px var(--num);color:var(--c)}
.pd-foldh .rc-chev{margin-left:auto;width:12px;height:12px;color:var(--t3)}
.pd-foldh[aria-expanded="true"] .rc-chev{transform:rotate(180deg);color:var(--c)}
.pd-fold{padding:2px 0 2px}
/* お礼LINE の行＝チェックだけの軽い行（車の行より薄い） */
.thx-row{position:relative;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 12px;border-radius:9px;cursor:pointer}
.thx-row + .thx-row{margin-top:2px}
.thx-row:hover{background:var(--s2)}
.thx-row::before{content:'';position:absolute;left:3px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--team)}
.thx-cb{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--s3);color:transparent;font:800 12px var(--fs);box-shadow:inset 0 0 0 1.5px var(--hair2)}
.thx-cb.on{background:var(--c);color:#06210f;box-shadow:none}
.thx-m{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1}
.thx-m b{font-size:12.5px;font-weight:700;color:var(--t1);white-space:nowrap}
.thx-m b small{font-size:10px;font-weight:500;color:var(--t3);margin-left:1px}
.thx-m > span{font-size:11.5px;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thx-yet{flex:none;font:700 10.5px var(--fs);color:var(--c);background:color-mix(in srgb,var(--c) 16%,var(--s2));border-radius:999px;padding:2px 8px}
.thx-at{flex:none;font:600 10.5px var(--num);color:var(--t3)}
/* 🔴 送ったら消さずに打ち消し線＋グレー（PitFlow の決まり） */
.thx-row.on .thx-m b,.thx-row.on .thx-m > span{color:var(--t3);text-decoration:line-through}
.thx-back{margin:8px 2px 3px;font:700 10.5px var(--fs);color:var(--t3)}