/* coreflow-cards.css ─ カードの中身（数字・明細・更新時刻）の見た目（全アプリ共通の本体）
   🔴 本体はここ（_shared）だけ。CoreFlow（玄関）の dash.css から移した（v1.38.0）。FlowDesk も同じ物を使う
   ⚠ 使う色の名前：--sec --bd --bd2 --card --t2 --t3 --pit --car --stock --admin --danger（読む側で決めておく） */
.cd-inline { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; }
.cd-kpi .cd-n { font-size: 25px; font-weight: 800; line-height: 1.05; }
.cd-kpi .cd-n small { font-size: 12px; color: var(--t2); font-weight: 700; margin-left: 2px; }
.cd-kpi .cd-sub { font-size: 11px; color: var(--t2); margin-top: 3px; }
.cd-kpi.g .cd-n { color: var(--pit); } .cd-kpi.b .cd-n { color: var(--car); } .cd-kpi.p .cd-n { color: var(--stock); }
.cd-kpi.o .cd-n { color: var(--admin); } .cd-kpi.r .cd-n { color: var(--danger); }
.cd-list { display: flex; flex-direction: column; gap: 6px; }
.cd-row { display: flex; align-items: center; gap: 8px; background: var(--sec); border: 1px solid var(--bd); border-radius: 8px; padding: 6px 9px; font-size: 12px; }
.cd-row-m { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-row-r { margin-left: auto; white-space: nowrap; font-weight: 800; }
.cd-row-r.warn { color: var(--danger); }
.cd-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cd-metric { background: var(--sec); border: 1px solid var(--bd); border-radius: 9px; padding: 8px 10px; }
.cd-metric .mv { font-size: 20px; font-weight: 800; }
.cd-metric .ml { font-size: 10px; color: var(--t2); margin-top: 2px; }
.cd-metric.g .mv { color: var(--pit); } .cd-metric.b .mv { color: var(--car); } .cd-metric.p .mv { color: var(--stock); }
.cd-metric.o .mv { color: var(--admin); } .cd-metric.r .mv { color: var(--danger); }
.cd-tiny { font-size: 11px; color: var(--t3); margin: 4px 0; line-height: 1.5; }
.cd-wait { font-size: 11.5px; color: var(--t3); background: var(--sec); border: 1px dashed var(--bd2); border-radius: 9px; padding: 10px 12px; line-height: 1.6; }
.cd-scroll { display: flex; flex-direction: column; gap: 6px; max-height: 300px; overflow: auto; }
.cd-scroll-tall { max-height: 480px; }
.cd-updated { font-size: 10px; color: var(--t3); margin-top: 8px; }
.cd-open { margin-top: 10px; font-size: 11px; font-weight: 700; text-align: center; border: 1px dashed var(--bd2); border-radius: 8px; padding: 6px; cursor: pointer; color: var(--t2); text-decoration: none; display: block; }
.cd-open:hover { border-color: var(--pit); color: var(--pit); }
.cd-row-s { color: var(--t3); font-size: 11px; }
a.cd-row-link { color: inherit; text-decoration: none; cursor: pointer; }
a.cd-row-link:hover { border-color: var(--bd2); background: var(--card); }
.cd-more-n { font-size: 11px; color: var(--t3); margin-top: 6px; text-align: right; }
.cd-updated.old { color: var(--danger); }
.cd-metrics { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
.cd-metric .mv { font-size: 17px; line-height: 1.25; overflow-wrap: anywhere; }
.cd-kpi .cd-n { overflow-wrap: anywhere; }