/* Application Command Center — Boardroom Blue (Rusty's fleet professional theme,
   picked 2026-10-13; applied to ACC 2026-10-28): canvas #F4F6F8, navy #0F2B4C,
   brand #2563EB, sharp radii. Same tokens as the admin console light system. */
:root{
  --bg:#f4f6f8; --panel:#ffffff; --panel2:#ffffff; --colbg:#eaeef3;
  --line:#dde3ec; --line-strong:#d3dae4; --text:#101828; --muted:#5b6b82;
  --navy:#0f2b4c; --green:#067647; --green-bg:#ecfdf3; --green-line:#a6f4c5;
  --gold:#1d4ed8; --red:#b42318; --red-bg:#fef3f2; --amber:#b54708; --amber-bg:#fffaeb;
  --blue:#2563eb; --blue-dark:#1d4ed8; --blue-tint:#eaf1fe;
  --r:8px; --sh-sm:0 1px 2px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:5}
.brand{font-size:20px;font-weight:800;letter-spacing:.01em}
.sub{color:#b9c9de;font-size:13px;margin-top:2px}
.btn{border:1px solid var(--line-strong);background:#fff;color:var(--text);border-radius:var(--r);padding:9px 14px;cursor:pointer;font-weight:650;font:inherit;font-size:14px}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-dark)}
.btn.ghost{background:transparent}
.topbar .btn.ghost{color:#fff;border-color:#3d5a80}
.topbar .btn.primary{background:var(--blue);border-color:#7aa5f8}
.btn.wide{width:100%}
.btn:disabled{opacity:.55;cursor:default}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px 4px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:14px 16px}
.stat b{font-size:26px;display:block}
.stat span{color:var(--muted);font-size:13px}
.stat.risk b{color:var(--red)}.stat.money b{color:var(--green)}
.layout{display:grid;grid-template-columns:1fr 360px;gap:16px;padding:16px 20px 28px;align-items:start}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.toolbar input,.toolbar select,.panel input,.panel textarea,.panel select,dialog input,dialog select{background:#fff;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r);padding:9px 10px;font:inherit;font-size:14px}
.toolbar input[type=search]{flex:1;min-width:200px}
.check{color:var(--muted);display:flex;align-items:center;gap:6px}
.board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.col{background:var(--colbg);border:1px solid var(--line);border-radius:var(--r);min-height:300px;display:flex;flex-direction:column}
.col h3{margin:0;padding:12px 12px 8px;font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:#3d4b61;display:flex;justify-content:space-between}
.cards{padding:0 8px 10px;display:flex;flex-direction:column;gap:8px;flex:1}
.col.dragover{outline:2px dashed var(--blue)}
.card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--r);box-shadow:var(--sh-sm);padding:10px;cursor:grab}
.card:hover{border-color:#a9bcd6}
.card h4{margin:0 0 2px;font-size:14px}
.card .plat{color:var(--blue-dark);font-weight:750;font-size:13px}
.card p{margin:5px 0;color:var(--muted);font-size:12.5px}
.pay{color:var(--green);font-weight:750}
.badge{display:inline-block;font-size:11px;font-weight:650;border-radius:99px;padding:2px 8px;margin:2px 4px 2px 0;background:var(--blue-tint);color:#1e40af}
.badge.red{background:var(--red-bg);color:var(--red)}
.badge.amber{background:var(--amber-bg);color:var(--amber)}
.badge.purple{background:#f1eafd;color:#5b21b6}
.badge.grey{background:#eef1f4;color:#475467}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:14px;margin-bottom:14px}
.panel h2{margin:0 0 8px;font-size:16px}
.panel label{display:block;margin:8px 0;font-size:13px;color:var(--muted)}
.panel input,.panel textarea,.panel select{width:100%;margin-top:4px}
.hint{color:var(--muted);font-size:13px}
.deadline{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}
.deadline:last-child{border:0}
.deadline b{font-size:13.5px}
.deadline .when{text-align:right;font-weight:750;white-space:nowrap;color:#3d4b61}
.when.red{color:var(--red)}.when.amber{color:var(--amber)}
#parseResult,#importResult{margin-top:12px}
.signal{background:var(--green-bg);border:1px solid var(--green-line);border-radius:var(--r);padding:11px;font-size:13.5px}
.signal ul{margin:6px 0;padding-left:18px;color:#33513f}
.archive-note{color:var(--muted);font-size:13px;margin-top:8px}
.brand-credit{color:#94A3B8;font-size:12px;margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}
.drawer{position:fixed;top:0;right:0;width:min(430px,94vw);height:100%;background:#fff;border-left:1px solid var(--line-strong);box-shadow:-8px 0 24px rgba(16,24,40,.12);z-index:20;padding:20px;overflow:auto}
.drawer-backdrop{position:fixed;inset:0;background:rgba(15,43,76,.45);z-index:15}
.drawer h2{margin:4px 0}
.drawer .evt{border-left:3px solid var(--blue);padding:6px 0 6px 12px;margin:10px 0;color:var(--muted);font-size:13.5px}
.drawer select{background:#fff;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r);padding:8px 10px;font:inherit}
dialog{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(440px,92vw)}
dialog label{display:block;margin:10px 0}
dialog input,dialog select{width:100%;margin-top:4px}
.row{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:repeat(5,230px)}}
