*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,sans-serif;background:#e6ecf2;color:#172b40}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--zt-border,#b9c8d0);border-radius:11px;background:var(--zt-surface,#fff);color:var(--zt-text,#172b40);padding:10px 15px;transition:transform .16s,box-shadow .16s}button:hover{box-shadow:0 5px 15px #102b4612;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #379a9c;outline-offset:3px}a{color:var(--zt-link,#205c80)}#op-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.op-sidebar{background:linear-gradient(155deg,#102d3c,#192444);color:#e8f2f5;padding:29px 20px;display:flex;flex-direction:column;gap:28px}.op-brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:750;font-size:21px}.op-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#316d76;box-shadow:inset 0 1px #ffffff22;font-size:27px}.op-brand small{display:block;font-size:9px;letter-spacing:2px;color:#b7d0d9;margin-top:4px}.op-sidebar-label{font-size:10px;letter-spacing:1.8px;color:#a3bdc9;margin:14px 8px -14px}.op-sidebar nav{display:grid;gap:8px}.op-sidebar nav button{background:transparent;color:#d9e5ef;border:1px solid transparent;text-align:left;font-weight:650;padding:13px 16px}.op-sidebar nav button[aria-current=page]{background:#326174;border-color:#638f99;color:#fff;box-shadow:inset 3px 0 #95d4c9}.op-private-note{margin-top:auto;padding:17px;border:1px solid #587383;border-radius:14px;font-size:12px;color:#ccdae5}.op-private-note p{margin-bottom:0}.op-workspace{min-width:0}.op-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 34px;background:var(--zt-surface,#fff);border-bottom:1px solid var(--zt-border,#c8d2dc)}.op-eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--zt-muted,#4d667a)}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:5px 0 0}h2{font-size:20px;margin:0 0 15px}h3{margin:0 0 10px;font-size:16px}.op-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.op-workspace main{max-width:1580px;margin:auto;padding:28px 34px}.op-muted,.op-note{color:var(--zt-muted,#536b7b);font-size:13px}.op-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.op-stat,.op-card{background:var(--zt-surface,#fff);border:1px solid var(--zt-border,#bdcbd7);border-radius:18px;box-shadow:0 7px 28px #102b4609;padding:23px}.op-stat{position:relative;overflow:hidden}.op-stat:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2d7578,#6179ad)}.op-stat span,.op-stat small{display:block;color:var(--zt-muted,#536b7b)}.op-stat b{display:block;font-size:34px;letter-spacing:-1px;margin:9px 0}.op-stat small{font-size:11px}.op-card{margin-top:20px}.op-split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.op-split .op-card{min-width:0}.op-pill{display:inline-block;font-size:11px;font-weight:700;border-radius:30px;padding:5px 10px;background:var(--zt-soft,#e6eff1);border:1px solid var(--zt-border,#b6ccd0);white-space:nowrap}.op-pill.warn{color:var(--zt-warn,#80510b)}.op-hero{background:linear-gradient(115deg,#163d4b,#263963);color:#fff;border-radius:19px;padding:25px 28px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.op-hero p{margin:7px 0 0;color:#d6e2ec}.op-hero .op-pill{background:#ffffff10;border-color:#8da6b4;color:#fff}.op-table-wrap{overflow:auto;margin-top:15px}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--zt-muted,#536b7b);padding:12px;border-bottom:1px solid var(--zt-border,#bdcbd7)}td{padding:16px 12px;border-bottom:1px solid var(--zt-border,#d9e3ea);vertical-align:top;font-size:13px}td small{display:block;margin-top:5px;color:var(--zt-muted,#536b7b)}.op-actions{display:flex;gap:7px;flex-wrap:wrap}.op-actions button{padding:7px 10px;font-size:12px}.op-search{display:block;max-width:460px;font-size:13px}.op-search input,input,textarea{display:block;width:100%;padding:12px;margin:7px 0 14px;border-radius:10px;border:1px solid var(--zt-border,#b5c6d0);background:var(--zt-input,#fff);color:var(--zt-text,#172b40)}.op-keyline{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--zt-border,#d6e2e5);padding:12px 0}.op-keyline:last-child{border-bottom:0}.op-progress{height:8px;border-radius:9px;overflow:hidden;background:var(--zt-soft,#e3ebf0);margin:10px 0 18px}.op-progress span{display:block;height:100%;background:linear-gradient(90deg,#297777,#647cb0)}#op-notice{padding:14px 18px;border:1px solid #6c9a8b;border-radius:12px;margin-bottom:18px;background:var(--zt-surface,#f2faf8)}#op-notice.bad,#op-dialog-error{color:var(--zt-danger,#993f3f)}#op-dialog{width:min(590px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:25px;border:1px solid var(--zt-border,#b4c5cc);border-radius:20px;background:var(--zt-surface,#fff);color:var(--zt-text,#172b40);box-shadow:0 25px 90px #08233944}#op-dialog::backdrop{background:#0d22386b;backdrop-filter:blur(3px)}.op-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.op-dialog-top button{font-size:23px;padding:4px 13px}#op-dialog-body textarea{min-height:100px}#op-dialog-body button[type=submit]{background:#246578;color:white;border-color:#246578}.op-empty{padding:25px;text-align:center;color:var(--zt-muted,#536b7b)}@media(max-width:1150px){.op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-top{align-items:flex-start}.op-top-actions{justify-content:flex-end}.op-split{grid-template-columns:1fr}}@media(max-width:760px){#op-shell{grid-template-columns:1fr}.op-sidebar{padding:16px;gap:16px}.op-sidebar nav{display:flex;overflow-x:auto;gap:7px}.op-sidebar nav button{white-space:nowrap;padding:10px 13px}.op-sidebar-label,.op-private-note{display:none}.op-brand{font-size:18px}.op-mark{width:35px;height:35px;font-size:22px}.op-top{padding:20px;flex-wrap:wrap}.op-workspace main{padding:20px}.op-top-actions{justify-content:flex-start}.op-hero{align-items:flex-start;flex-direction:column;padding:22px}.op-stat,.op-card{padding:18px}.op-stat b{font-size:27px}.op-grid{gap:12px}h1{font-size:26px}}@media(prefers-reduced-motion:reduce){button{transition:none;transform:none!important}}
/* Keep the dark operator rail readable under the shared theme. */
html[data-zar-theme] #op-shell .op-brand,html[data-zar-theme] #op-shell .op-mark,html[data-zar-theme] #op-shell .op-private-note strong{color:#f4f8ff!important}html[data-zar-theme] #op-shell .op-brand small{color:#b7d0d9!important}html[data-zar-theme] #op-shell .op-sidebar nav button{background:transparent!important;color:#e5eef7!important;border-color:transparent!important;box-shadow:none!important}html[data-zar-theme] #op-shell .op-sidebar nav button[aria-current=page]{background:#326174!important;color:white!important;border-color:#638f99!important;box-shadow:inset 3px 0 #95d4c9!important}html[data-zar-theme] #op-shell .op-hero :is(h2,strong){color:#fff!important}