#operationsPanel { --ops-border: var(--border-color, #485165); --ops-muted: var(--text-muted, #a7b1c6); }
#operationsPanel .ops-heading, #operationsPanel .ops-title { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
#operationsPanel h2 { font-size:26px; margin:6px 0; } #operationsPanel h3 { font-size:19px; margin:0; } #operationsPanel h4 { margin:8px 0; }
#operationsPanel p, #operationsPanel small { color:var(--ops-muted); line-height:1.65; }
#operationsPanel .ops-eyebrow { font-size:12px; color:#96abed; letter-spacing:.1em; }
#operationsPanel .ops-actions { display:flex; gap:10px; flex-wrap:wrap; }
#operationsPanel .ops-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:20px 0; }
#operationsPanel .ops-metrics > div { padding:22px; border:1px solid var(--ops-border); border-radius:12px; }
#operationsPanel .ops-metrics strong { display:block; font-size:22px; margin:10px 0; }
#operationsPanel .ops-metrics span, #operationsPanel .ops-metrics small { display:block; font-size:13px; }
#operationsPanel .ops-section { border:1px solid var(--ops-border); border-radius:12px; padding:24px; margin:18px 0; }
#operationsPanel .ops-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:end; margin:18px 0; }
#operationsPanel label { display:flex; flex-direction:column; gap:8px; font-size:14px; }
#operationsPanel input:not([type=checkbox]):not([type=range]), #operationsPanel select { width:100%; min-width:0; padding:10px; border:1px solid var(--ops-border); border-radius:6px; background:var(--input-bg, #242832); color:inherit; }
#operationsPanel .ops-check { display:flex; flex-direction:row; align-items:center; gap:8px; }
#operationsPanel input[type=checkbox] { width:18px; height:18px; accent-color:#91a7ef; }
#operationsPanel .ops-weekly { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; margin-top:18px; }
#operationsPanel .ops-day { border:1px solid var(--ops-border); border-radius:8px; padding:12px; display:grid; gap:12px; }
#operationsPanel .ops-exception { display:flex; align-items:end; gap:14px; flex-wrap:wrap; margin:12px 0; }
#operationsPanel .ops-exception label { flex:1; min-width:130px; }
#operationsPanel .ops-exception .ops-check { flex:0; }
#operationsPanel .ops-closed-note { color:var(--ops-muted); font-size:14px; padding:10px 0; }
#operationsPanel .ops-recurring { display:flex; align-items:end; gap:14px; flex-wrap:wrap; border:1px solid var(--ops-border); border-radius:8px; padding:14px; margin:12px 0; }
#operationsPanel .ops-recurring label { min-width:130px; flex:1; }
#operationsPanel .ops-table-wrap { overflow-x:auto; margin:14px 0; max-height:460px; }
#operationsPanel table { width:100%; } #operationsPanel td { vertical-align:middle; white-space:normal; }
#operationsPanel .ops-zone-actions { display:flex; gap:6px; white-space:nowrap; }
#operationsPanel .ops-track { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--ops-border); }
#operationsPanel .ops-track label { flex:1; overflow-wrap:anywhere; }
#operationsPanel details { margin:18px 0; border-top:1px solid var(--ops-border); padding-top:18px; }
#operationsPanel summary { cursor:pointer; font-weight:600; } #operationsPanel li { line-height:1.7; margin:8px 0; }
#operationsPanel a { color:#9eb7ff; text-decoration:underline; }
#operationsPanel [data-status=error], #operationsPanel [data-status=failed] { color:#f59696; }
#operationsPanel [data-status=success], #operationsPanel [data-status=confirmed] { color:#86d5b2; }
#operationsPanel [hidden] { display:none !important; }
#opsMessage { min-height:26px; } #opsPairCode { font-size:20px; font-weight:700; }
:root[data-theme="light"] #operationsPanel { --ops-border: var(--line); --ops-muted: var(--muted); --input-bg: var(--surface); }
:root[data-theme="light"] #operationsPanel a, :root[data-theme="light"] #operationsPanel .ops-eyebrow { color:#3157a5; }
:root[data-theme="light"] #operationsPanel [data-status=error], :root[data-theme="light"] #operationsPanel [data-status=failed] { color:#a32d2d; }
:root[data-theme="light"] #operationsPanel [data-status=success], :root[data-theme="light"] #operationsPanel [data-status=confirmed] { color:#186945; }
@media(max-width:1200px) { #operationsPanel .ops-weekly { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:750px) { #operationsPanel .ops-metrics, #operationsPanel .ops-fields { grid-template-columns:1fr; } #operationsPanel .ops-weekly { grid-template-columns:repeat(2,minmax(0,1fr)); } #operationsPanel .ops-section { padding:16px; } }