/* Operational views extend the existing dashboard without changing its layout contract. */
:root{--green:#123445;--ink:#173444;--lime:#b7e5ef;--accent:#186b88;--paper:#f3f6f8;--muted:#627681;--line:#dce5eb}
.sidebar{overflow-y:auto}.sidebar nav{gap:3px}.sidebar nav button{padding:9px 12px}.workspace-label{margin-top:26px}.brand-mark{letter-spacing:-.09em;font-size:1.4rem}.sidebar nav button:hover{background:#224b5d}.sidebar nav button.active{color:#123445}.workspace{grid-template-columns:210px minmax(400px,1fr)}.copilot{grid-column:2;position:static;height:auto;min-height:250px;border-left:0;border-top:1px solid var(--line)}.agency-messages{max-height:240px;min-height:70px}.copilot-intro{margin:12px 0}.copilot form{max-width:900px}.copilot textarea{min-height:60px}.copilot .primary{width:auto}.ops-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.ops-filter label{margin:0;font-weight:400;min-width:160px}.ops-filter input,.ops-filter select{margin:0}.ops-filter .filter-search{flex:1;min-width:160px}.ops-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.ops-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ops-actions a{text-decoration:none}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.ops-metrics .metric strong{font-size:1.8rem;overflow-wrap:anywhere}.ops-metrics .metric button{margin-top:10px}.ops-table-wrap{overflow:auto}.ops-table{width:100%;border-collapse:collapse;font-size:.875rem}.ops-table th{font-size:.7rem;letter-spacing:.055em;text-transform:uppercase;color:var(--muted);text-align:left;padding:12px 10px;background:#f4f7f9;white-space:nowrap}.ops-table td{padding:15px 10px;border-bottom:1px solid var(--line);vertical-align:top}.ops-table tr:last-child td{border-bottom:0}.ops-table td strong{display:block;margin-bottom:4px}.ops-table td small{max-width:320px}.ops-table .money{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.ops-table .quiet{padding:6px 10px}.ops-table .title-cell{min-width:190px}.ops-table a{overflow-wrap:anywhere}.ops-table .row-actions{min-width:90px;flex-wrap:wrap}.ops-table .tag{white-space:normal}.ops-overdue{color:#a53d31}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ops-grid>.panel{min-width:0}.ops-empty{padding:30px;text-align:center;color:var(--muted)}.ops-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ops-tabs button.active{background:var(--green);color:white}.ops-detail{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.ops-list{list-style:none;margin:0;padding:0}.ops-list li{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:.875rem}.ops-list li:last-child{border:0}.ops-list small{margin-top:4px}.ops-list button{text-align:left}.ops-client-card .ops-actions{margin-top:18px}.ops-client-card .ops-actions button{width:auto}.ops-mini-metrics{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.ops-mini-metrics strong{font-size:1.3rem;display:block}.ops-mini-metrics span{font-size:.75rem;color:var(--muted)}.ops-timer{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e8f2f6;padding:20px;border-radius:12px;margin-bottom:20px}.ops-timer strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.ops-wide{width:min(950px,calc(100vw - 30px))}.ops-wide .dialog-head{margin-bottom:18px}.ops-line input{min-width:65px}.ops-line .line-description{min-width:190px}.ops-line td{padding:8px 5px}.ops-full{grid-column:1/-1}.ops-hint{font-weight:400;color:var(--muted);font-size:.8125rem}.ops-summary{padding:14px;border-radius:8px;background:#f1f5f7;font-size:.875rem;margin-top:16px}.ops-kpi{border-left:3px solid var(--accent);padding-left:14px}.ops-kpi strong{display:block;font-size:1.4rem}.ops-warning{background:#fff3e8;border:1px solid #ead3b8;border-radius:8px;padding:14px;font-size:.875rem;line-height:1.6}.ops-badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}progress{width:100%;height:9px;accent-color:var(--accent)}.ops-mobile-label{display:none}
@media(min-width:1550px){.workspace{grid-template-columns:230px minmax(500px,1fr)}main{max-width:1700px;width:100%;margin:auto}}@media(max-width:1000px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{grid-template-columns:1fr}}@media(max-width:760px){.workspace{display:block}.sidebar{height:auto;overflow:visible}.sidebar nav{padding-bottom:8px}.ops-filter{align-items:stretch}.ops-filter label{flex:1}.ops-metrics{gap:9px}.ops-metrics .metric strong{font-size:1.4rem}.ops-grid{gap:0}.ops-table{font-size:.8125rem}.ops-timer{flex-wrap:wrap}.ops-wide{padding:18px}.ops-full{grid-column:auto}.copilot{padding:22px}.ops-line .line-description{min-width:140px}}
.tag.mon-ok{background:#e6f1e2;color:#366641}.tag.mon-warn{background:#fcf0df;color:#906033}.tag.mon-down{background:#f9e0dc;color:#9a2f22;font-weight:600}.tag.mon-none{background:#edf1e7;color:#64726b}
.mon-history{display:flex;gap:2px;align-items:flex-end;height:18px;margin-bottom:4px}.mon-history i{display:block;width:5px;height:100%;border-radius:2px;background:#9fc48f}.mon-history i.mon-warn{background:#e2a85f}.mon-history i.mon-down{background:#c4473a}
.ops-warning.mon-alert{background:#fbe9e6;border-color:#e6b7af}
.tk-thread{max-height:55vh;overflow:auto;margin:12px 0;display:flex;flex-direction:column;gap:8px}.tk-msg{border-radius:10px;padding:10px 12px;background:#f5f6f2;line-height:1.5}.tk-msg p{white-space:pre-wrap;margin:4px 0}.tk-msg small{color:#64726b}.tk-agency{background:#e9f0f7}.tk-system{background:transparent;text-align:center;color:#64726b;font-size:.8rem;padding:2px}
.tk-image{max-width:100%;max-height:320px;border-radius:8px;border:1px solid #dfe4db;margin:6px 0;display:block}.tk-audio audio{width:100%;margin:6px 0}.tk-audio p{font-size:.9rem}.tk-snippet{width:100%;font-family:ui-monospace,monospace;font-size:.8rem}
a.primary{display:inline-block;background:var(--green);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600}#ops-dialog h3{margin:20px 0 6px}
