.operations-v3-panel{padding:0!important;overflow:hidden;background:var(--surface)!important}.operations-v3{display:grid;gap:22px;padding:22px;max-width:1680px;margin:auto}.op3-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface-soft)),var(--surface-soft));box-shadow:0 12px 30px rgba(2,8,23,.12)}.op3-title{display:flex;align-items:center;gap:14px}.op3-mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-size:22px;box-shadow:0 7px 20px rgba(37,99,235,.28)}.op3-title h2{margin:3px 0 4px;font-size:22px}.op3-title p{margin:0;color:var(--muted);font-size:11px}.op3-actions{display:flex;gap:8px;flex:0 0 auto}.op3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.op3-kpis article{position:relative;overflow:hidden;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.op3-kpis article:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--op-tone);content:""}.op3-kpis article.blue{--op-tone:#38bdf8}.op3-kpis article.red{--op-tone:#f43f5e}.op3-kpis article.amber{--op-tone:#f59e0b}.op3-kpis article.green{--op-tone:#10b981}.op3-kpis article>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.op3-kpis article i{font-style:normal;color:var(--op-tone);font-size:16px}.op3-kpis article strong{display:block;margin:7px 0 3px;color:var(--op-tone);font-size:25px}.op3-kpis article small{color:var(--muted);font-size:10px}.op3-alert-section,.op3-fleet-section{display:grid;gap:12px}.op3-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.op3-section-head h3{margin:0;font-size:15px}.op3-section-head small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.op3-severity-pills{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft)}.op3-severity-pills button{display:flex;align-items:center;gap:6px;padding:7px 11px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.op3-severity-pills button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:color-mix(in srgb,var(--muted) 15%,transparent);font-size:9px}.op3-severity-pills button:hover,.op3-severity-pills button.active{background:var(--primary);color:#fff}.op3-severity-pills button.critical.active{background:#e11d48}.op3-severity-pills button.warning.active{background:#d97706}.op3-severity-pills button.info.active{background:#0891b2}.op3-filter{display:flex;align-items:end;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.op3-filter label{margin:0;min-width:230px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.op3-filter select{display:block;width:100%;margin-top:4px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:11px}.op3-filter>strong{margin-left:auto;color:var(--primary);font-size:11px}.op3-alert-list{display:grid;gap:9px}.op3-alert-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--line);border-left:5px solid var(--op-alert);border-radius:14px;background:color-mix(in srgb,var(--op-alert) 4%,var(--surface-soft));transition:.18s ease}.op3-alert-list>article:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(2,8,23,.1)}.op3-alert-list .severity-critical{--op-alert:#f43f5e}.op3-alert-list .severity-warning{--op-alert:#f59e0b}.op3-alert-list .severity-info{--op-alert:#06b6d4}.op3-alert-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--op-alert) 14%,transparent);color:var(--op-alert);font-size:20px;font-weight:900}.op3-alert-copy{min-width:0}.op3-alert-copy>div{display:flex;align-items:center;gap:7px;min-width:0}.op3-alert-copy .op3-level,.op3-booking{padding:3px 7px;border:1px solid color-mix(in srgb,var(--op-alert) 35%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--op-alert) 11%,transparent);color:var(--op-alert);font-size:8px;font-weight:900;white-space:nowrap}.op3-booking{border-color:color-mix(in srgb,#38bdf8 35%,var(--line));background:color-mix(in srgb,#38bdf8 10%,transparent);color:#0ea5e9;font-size:9px}.op3-alert-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.op3-alert-copy p{margin:5px 0 2px;color:var(--text);font-size:11px}.op3-alert-copy small{color:var(--muted);font-size:9px}.op3-fleet-legend{display:flex;gap:12px;color:var(--muted);font-size:9px;font-weight:800}.op3-fleet-legend .running{color:#10b981}.op3-fleet-legend .anchored{color:#f59e0b}.op3-fleet-legend .ready{color:#38bdf8}.op3-fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op3-truck{--fleet-tone:#38bdf8;display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-left:4px solid var(--fleet-tone);border-radius:14px;background:var(--surface-soft)}.op3-truck.running{--fleet-tone:#10b981}.op3-truck.waiting,.op3-truck.anchored{--fleet-tone:#f59e0b}.op3-truck.action{--fleet-tone:#f43f5e}.op3-truck header,.op3-truck footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.op3-truck header strong{color:var(--text);font-size:12px}.op3-truck header span{padding:4px 7px;border:1px solid color-mix(in srgb,var(--fleet-tone) 35%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--fleet-tone) 10%,transparent);color:var(--fleet-tone);font-size:8px;font-weight:900;white-space:nowrap}.op3-truck h4{margin:0;font-size:11px}.op3-truck p{min-height:30px;margin:0;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--muted);font-size:10px}.op3-truck footer{color:var(--fleet-tone);font-size:9px;font-weight:750}.op3-truck footer button{padding:6px 9px!important;font-size:9px!important}.operations-v3 .monitor-empty{grid-column:1/-1;padding:20px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.op3-kpis{grid-template-columns:1fr 1fr}.op3-fleet-grid{grid-template-columns:1fr 1fr}.op3-section-head{align-items:flex-start;flex-direction:column}.op3-severity-pills{width:100%;overflow:auto}.op3-severity-pills button{flex:1;justify-content:center;white-space:nowrap}}
@media(max-width:650px){.operations-v3{padding:12px;gap:16px}.op3-hero{align-items:flex-start;flex-direction:column;padding:14px}.op3-title{align-items:flex-start}.op3-mark{width:38px;height:38px}.op3-title h2{font-size:17px}.op3-title p{font-size:9px}.op3-actions{width:100%}.op3-actions button{flex:1}.op3-kpis{grid-template-columns:1fr 1fr;gap:8px}.op3-kpis article{padding:13px}.op3-kpis article strong{font-size:21px}.op3-kpis article small{font-size:8px}.op3-severity-pills button{padding:6px 8px;font-size:9px}.op3-filter{align-items:stretch;flex-direction:column}.op3-filter label{width:100%;min-width:0}.op3-filter>strong{margin-left:0}.op3-alert-list>article{grid-template-columns:32px minmax(0,1fr);align-items:start;padding:11px}.op3-alert-icon{width:32px;height:32px;font-size:16px}.op3-alert-copy>div{align-items:flex-start;flex-wrap:wrap}.op3-alert-copy strong{width:100%;white-space:normal}.op3-alert-list>article>button{grid-column:1/-1;width:100%}.op3-fleet-grid{grid-template-columns:1fr}.op3-fleet-legend{flex-wrap:wrap}.op3-truck p{min-height:0}}