/* Compact warehouse overview with expandable assets and honest preview state. */
.ops-overview{margin-top:6px;margin-bottom:20px;padding:14px 16px 10px;border:1px solid #e1e6ef;border-radius:12px;background:#ffffffb8;box-shadow:0 5px 20px #20334506}
.ops-overview-head,.ops-heading{display:flex;align-items:center;gap:10px;min-width:0}
.ops-overview-head{justify-content:space-between;margin-bottom:12px}
.ops-overview-head h2{margin:0;color:#1b2a40;font-size:16px;line-height:1.4;white-space:nowrap}
.ops-preview{padding:3px 6px;border-radius:4px;background:#f0f2f6;color:#798598;font-size:9px;white-space:nowrap}
.ops-scope{color:#8993a4;font-size:10px}
.ops-collapse{display:flex;align-items:center;gap:5px;border:0;background:none;color:#738097;font-size:11px;padding:4px 0 4px 8px;white-space:nowrap}
.ops-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.ops-stat-card{min-width:0;padding:12px 13px;border:1px solid #e5e9f0;border-radius:9px;background:#fff}
.ops-stat-card h3{display:flex;align-items:center;gap:7px;margin:0;color:#263346;font-size:12px;font-weight:600;line-height:22px;white-space:nowrap}
.ops-stat-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:6px;background:#eaf8f0;color:#25a46c}
.ops-stat-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;fill:none}
.ops-stat-orders .ops-stat-icon{background:#f5ecfa;color:#a253c0}
.ops-stat-dispatch .ops-stat-icon{background:#ecf2ff;color:#3d6fe6}
.ops-stat-transit .ops-stat-icon{background:#e9f7ee;color:#2da060}
.ops-metric{margin-top:10px}
.ops-metric>span{color:#7a8799;font-size:10px;line-height:1.3}
.ops-metric strong{display:block;margin-top:3px;font-size:23px;font-weight:650;line-height:1.15;color:#233246;font-variant-numeric:tabular-nums}
.ops-minor{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:7px;border-top:1px solid #f0f2f7;color:#7a8799;font-size:10px}
.ops-minor b{color:#526078;font-size:12px;font-weight:600}
.ops-minor .is-alert{color:#df5b66}
.ops-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ops-split .ops-metric+.ops-metric{padding-left:10px;border-left:1px dashed #e4e8f1}

.ops-statistics{display:flex;align-items:center;gap:16px;margin-top:10px;padding-top:9px;border-top:1px solid #edf0f5;min-width:0;flex-wrap:wrap}
.ops-periods{display:flex;align-items:center;gap:4px;flex-shrink:0}
.ops-periods>strong{font-size:11px;color:#526078;margin-right:6px;font-weight:600}
.ops-periods button{border:0;background:transparent;border-radius:5px;padding:4px 7px;color:#8a95a6;font-size:10px;line-height:1.4}
.ops-periods button.is-active{background:#edf0ff;color:#5363db;font-weight:600}
.ops-volume{display:flex;gap:14px;align-items:center;color:#8893a3;font-size:10px}
.ops-volume b{color:#4d5c72;font-size:13px;font-weight:600;margin:0 3px}
.ops-range{margin-left:auto;color:#97a0ae;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ops-export{display:flex;align-items:center;gap:7px;padding:3px 7px;border:1px solid #e4e8ef;border-radius:5px;background:#fff;color:#748198;font-size:10px}
.ops-collapse:focus-visible,.ops-export:focus-visible,.ops-periods button:focus-visible{outline:2px solid #6174e8;outline-offset:3px}
.ops-overview.is-collapsed .ops-overview-head{margin-bottom:0}
.ops-overview.is-collapsed{padding-bottom:14px}
@media(max-width:1199px) and (min-width:761px){.ops-overview-grid{display:flex;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;scroll-snap-type:x proximity}.ops-stat-card{flex:0 0 calc((100% - 18px)/3);scroll-snap-align:start}}
@media(max-width:760px){.ops-overview{padding:12px 10px 9px;margin-bottom:16px}.ops-overview-head{margin-bottom:10px}.ops-heading{gap:6px}.ops-overview-head h2{font-size:14px}.ops-scope{display:none}.ops-preview{font-size:8px}.ops-overview-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:3px;scrollbar-width:thin;scroll-snap-type:x proximity}.ops-stat-card{flex:0 0 144px;padding:11px;scroll-snap-align:start}.ops-stat-card h3{font-size:11px}.ops-stat-transit{flex-basis:162px}.ops-statistics{gap:7px 13px;position:relative;padding-right:0}.ops-periods{gap:2px}.ops-volume{margin-left:auto;gap:9px}.ops-volume span{font-size:9px}.ops-volume b{font-size:12px;margin:0 1px}.ops-range{margin-left:0;font-size:9px}.ops-export{margin-left:auto}.ops-periods>strong{font-size:10px;margin-right:3px}.ops-periods button{padding:4px 5px}}
@media(max-width:420px){.ops-statistics{gap:7px 10px}.ops-volume{margin-left:0;order:3;width:100%;justify-content:space-between}.ops-range{order:4}.ops-export{order:5}}