:root { --ops-ink:#10203f; --ops-line:#e2e8f2; --ops-muted:#62718a; --ops-orange:#f05a22; }
.ec-operations-view { background:#f6f8fc; min-height:100%; }
.ec-ops-shell { max-width:1480px; margin:0 auto; padding:20px; color:var(--ops-ink); }
.ec-ops-hero { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:24px; border-radius:16px; color:#fff; background:radial-gradient(circle at 90% 0,rgba(255,255,255,.18),transparent 26%),linear-gradient(120deg,#10203f,#173b70 64%,#f05a22 160%); box-shadow:0 14px 32px rgba(16,32,63,.16); }
.ec-ops-eyebrow { color:#ffc0a6; font-size:11px; letter-spacing:.11em; font-weight:800; text-transform:uppercase; }
.ec-ops-hero h2 { margin:6px 0; font-size:clamp(26px,3vw,36px); letter-spacing:-.04em; }
.ec-ops-hero p { margin:0; color:#e4ebf7; max-width:700px; }
.ec-ops-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0; }
.ec-ops-metric { display:flex; align-items:center; gap:12px; min-height:80px; padding:14px; border:1px solid var(--ops-line); border-radius:13px; color:var(--ops-ink); background:#fff; text-align:left; font:inherit; cursor:pointer; transition:transform .16s ease, box-shadow .16s ease; }
.ec-ops-metric:hover,.ec-ops-metric.active { transform:translateY(-2px); box-shadow:0 10px 22px rgba(19,39,77,.11); border-color:#cbd6e8; }
.ec-ops-metric .material-icons-outlined { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:#edf2fb; }
.ec-ops-metric.red .material-icons-outlined { color:#c83535; background:#ffebeb; }.ec-ops-metric.orange .material-icons-outlined{color:#a75a08;background:#fff1df}.ec-ops-metric.blue .material-icons-outlined{color:#216ac5;background:#eaf3ff}.ec-ops-metric.purple .material-icons-outlined{color:#7542b6;background:#f2eaff}
.ec-ops-metric small { display:block; color:var(--ops-muted); font-weight:800; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.ec-ops-metric strong { display:block; margin-top:3px; font-size:25px; line-height:1; }
.ec-ops-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:14px 0; flex-wrap:wrap; }.ec-ops-search { display:flex; align-items:center; gap:8px; flex:1 1 300px; min-height:42px; padding:0 12px; border:1px solid var(--ops-line); border-radius:10px; background:#fff; color:var(--ops-muted); }.ec-ops-search input { width:100%; border:0; outline:0; color:var(--ops-ink); background:transparent; font:inherit; }.ec-ops-filters{display:flex; gap:6px; overflow:auto;}.ec-ops-filters button{border:1px solid var(--ops-line); border-radius:8px; padding:8px 10px; color:#52617a; background:#fff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; white-space:nowrap}.ec-ops-filters button.active{color:#fff;background:var(--ops-ink);border-color:var(--ops-ink)}
.ec-ops-queue { overflow:hidden; border:1px solid var(--ops-line); border-radius:14px; background:#fff; }.ec-ops-queue-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--ops-line)}.ec-ops-queue-head h3{margin:0;font-size:16px}.ec-ops-queue-head p,.ec-ops-queue-head small{margin:4px 0 0;color:var(--ops-muted);font-size:12px}.ec-ops-list{display:grid}.ec-ops-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf0f5}.ec-ops-item:last-child{border-bottom:0}.ec-ops-item:hover{background:#fbfcff}.ec-ops-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#2769bd;background:#e9f2ff}.ec-ops-item.urgent .ec-ops-icon{color:#b92e2e;background:#ffe9e9}.ec-ops-item.high .ec-ops-icon{color:#a85c09;background:#fff1df}.ec-ops-copy>div{display:flex;align-items:center;gap:8px}.ec-ops-copy time{font-size:11px;color:var(--ops-muted)}.ec-ops-status{display:inline-flex;border-radius:999px;padding:3px 7px;color:#3165a4;background:#eaf2ff;font-size:10px;font-weight:800}.ec-ops-status.high{color:#9b570c;background:#fff0db}.ec-ops-status.urgent{color:#b32c2c;background:#ffe7e7}.ec-ops-copy h4{margin:5px 0 2px;font-size:14px}.ec-ops-copy p{margin:0;color:var(--ops-muted);font-size:12px}.ec-ops-open{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:8px;padding:8px 10px;color:#fff;background:var(--ops-orange);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.ec-ops-empty{display:grid;place-items:center;gap:8px;min-height:260px;padding:24px;text-align:center;color:var(--ops-muted)}.ec-ops-empty .material-icons-outlined{font-size:38px;color:#96a5ba}.ec-ops-empty small{display:block}
@media(max-width:900px){.ec-ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-ops-hero{align-items:flex-start;flex-direction:column}.ec-ops-item{grid-template-columns:38px minmax(0,1fr)}.ec-ops-open{grid-column:2;justify-self:start}}@media(max-width:540px){.ec-ops-shell{padding:12px}.ec-ops-metrics{gap:8px}.ec-ops-metric{min-height:68px;padding:10px}.ec-ops-metric strong{font-size:20px}.ec-ops-item{padding:12px}.ec-ops-queue-head{align-items:flex-start;flex-direction:column}.ec-ops-controls{align-items:stretch}.ec-ops-filters{padding-bottom:2px}}