/* Composição inspirada na base visual enviada: 4 indicadores, 3 painéis e 2 painéis. */
:root { --workspace-bg:#171c1f; --workspace-side:#0b0f11; --workspace-surface:#0b0f11; --workspace-border:#293237; }
body, header, body:has(#workspace:not([hidden])) header { background:var(--workspace-bg); }
body:has(#workspace:not([hidden])) header { background:#0b0f11; border-bottom:1px solid #252e34; }
body:has(#workspace:not([hidden])) main { max-width:none; padding:24px 28px; }
#workspace > .heading { padding:4px 0; }
h1 { font-weight:700; }.eyebrow { color:#9bb4d4; }
.stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; border:0; padding:0; margin-bottom:18px; }
.stat, .stat:first-child, .stat + .stat, .stat:nth-child(3) { min-height:170px; border:0; border-radius:12px; padding:25px; color:#eef6ff; background:linear-gradient(145deg,#0069dc,#003078); }
.stat:nth-child(2) { background:linear-gradient(145deg,#007dcc,#003b70); }
.stat:nth-child(3) { background:linear-gradient(145deg,#0078d4,#00356b); }
.stat:last-child { background:#0b0f11; border:1px solid #293237; }
.stat b, .stat:first-child b, .stat:last-child b { font-size:46px; font-weight:600; color:#fff; margin-top:28px; }
.dashboard-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.dashboard-grid .panel { background:#0b0f11; border:1px solid #222d33; border-radius:12px; padding:24px; margin:0; min-width:0; box-shadow:0 12px 30px #00000012; }
.activity-panel, .shipping-panel, .corridor-panel { grid-column:span 2; min-height:320px; order:0; }
.recent-panel, .shortcuts-panel { grid-column:span 3; min-height:330px; order:1; }
.dashboard-grid .heading { gap:10px; margin-bottom:18px; align-items:flex-start; }
.dashboard-grid h2 { font-size:20px; }.activity-panel .heading { display:block; }.activity-panel .heading .muted { display:block; margin-top:6px; }
.chart-total { margin-top:0; }.chart-total small { display:inline-block; }
.activity-chart { gap:9px; height:145px; }
.chart-bar { background:#235284; }.chart-bar.today { background:#2e91f5; }
.breakdown { display:grid; gap:16px; margin-top:24px; }
.breakdown-row > div:first-child { display:flex; justify-content:space-between; gap:12px; font-size:15px; color:#cad6e3; margin-bottom:7px; }
.breakdown-row b { color:#f1f6fc; font-size:16px; font-weight:600; }
.breakdown-track { background:#1b2933; border-radius:10px; overflow:hidden; height:7px; }
.breakdown-track span { display:block; height:100%; background:linear-gradient(90deg,#0046bf,#2192ef); border-radius:10px; }
.corridor-panel .breakdown { gap:11px; }.corridor-panel .breakdown-track { height:5px; }
.shortcuts-panel > .heading { display:flex; }.summary-links { grid-template-columns:1fr; gap:10px; }
.summary-links a { padding:14px 16px; background:#11191f; border-color:#283944; }
.summary-links strong { margin-bottom:4px; }.summary-links span { font-size:14px; }
.recent-table td { padding:16px 8px; }.recent-table td small { max-width:210px; }
[data-theme=light] { --workspace-bg:#f0f3f7; --workspace-side:#fff; --workspace-border:#d3dce6; }
[data-theme=light] body, [data-theme=light] header, [data-theme=light] body:has(#workspace:not([hidden])) header { background:var(--workspace-bg); }
[data-theme=light] .dashboard-grid .panel { background:#fff; border-color:#d3dce6; }
[data-theme=light] .stat, [data-theme=light] .stat:first-child { background:linear-gradient(145deg,#0069dc,#003078); color:#eef6ff; border:0; }
[data-theme=light] .stat:nth-child(2) { background:linear-gradient(145deg,#007dcc,#003b70); }
[data-theme=light] .stat:nth-child(3) { background:linear-gradient(145deg,#0078d4,#00356b); }
[data-theme=light] .stat b, [data-theme=light] .stat:first-child b { color:#fff; }
[data-theme=light] .stat:last-child { background:#fff; border:1px solid #d3dce6; color:#536175; }
[data-theme=light] .stat:last-child b { color:#172033; }
[data-theme=light] .breakdown-row > div:first-child { color:#536175; }[data-theme=light] .breakdown-row b { color:#172033; }
[data-theme=light] .breakdown-track { background:#e2e9f2; }[data-theme=light] .eyebrow { color:#0046bf; }
@media(max-width:1400px) { .activity-panel, .shipping-panel { grid-column:span 3; }.corridor-panel { grid-column:span 6; }.corridor-panel .breakdown { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.corridor-panel { min-height:0; } }
@media(max-width:1050px) { .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.recent-panel,.shortcuts-panel { grid-column:span 6; } }
@media(max-width:800px) { body:has(#workspace:not([hidden])) main { padding:20px 16px; }.stat,.stat:first-child,.stat:nth-child(3) { padding:20px; min-height:145px; }.stat b,.stat:last-child b { font-size:38px; margin-top:20px; }.dashboard-grid { gap:14px; }.dashboard-grid .panel { padding:20px; } }
@media(max-width:580px) { .activity-panel,.shipping-panel,.corridor-panel { grid-column:span 6; }.corridor-panel .breakdown { grid-template-columns:repeat(2,minmax(0,1fr)); }.stats { gap:12px; }.stat,.stat:first-child,.stat:nth-child(3) { padding:17px; font-size:14px; } }