:root{color-scheme:dark;--bg:#030911;--panel:#081522;--panel2:#0c1d2b;--line:#20384a;--text:#dce9f5;--muted:#7f9ab3;--cyan:#39d4ff;--green:#54ffc8;--danger:#ff6f91;font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}
body{max-width:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 0,#0c2435 0,var(--bg) 42%);color:var(--text);min-height:100vh}
.console-header{height:56px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:0 18px;background:#020810}
.brand{font-weight:900;letter-spacing:.15em;color:var(--green);text-decoration:none}
.identity{text-align:right;display:flex;flex-direction:column}
.identity span,.eyebrow,.note,.form-status{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
main{width:100%;max-width:1500px;margin:auto;padding:22px}
.login-panel{width:min(440px,100%);margin:10vh auto;background:var(--panel);border:1px solid var(--line);padding:32px}
.tabs{display:flex;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);background:#050e18}
.tabs button{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);white-space:nowrap}
.tabs button.active{background:var(--panel2);color:var(--green)}
.tab-panel{min-width:0;padding:24px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
h1,h2,p{margin-top:0}
h1{font-size:30px;letter-spacing:.06em}
h2{font-size:18px}
.stack,.settings-card{display:grid;gap:14px}
.settings-card{padding:20px;border:1px solid var(--line);background:var(--panel);align-content:start}
.settings-card label{display:grid;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.08em}
.settings-card .check{display:flex;align-items:center;gap:8px}
.settings-card input,.settings-card select,.settings-card textarea,.search-form input{width:100%;background:#020a12;border:1px solid var(--line);color:var(--text);padding:10px;font:inherit}
.settings-card textarea{min-height:72px;resize:vertical}
button{border:1px solid #237592;border-radius:5px;background:#0b4157;color:#e9fbff;padding:10px 14px;font-weight:800;letter-spacing:.08em;cursor:pointer}
.secondary{background:transparent;border-color:var(--line);color:var(--muted)}
button:hover,button:focus-visible{border-color:var(--cyan);color:#fff}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.metric{border:1px solid var(--line);background:var(--panel);padding:14px;display:flex;flex-direction:column}
.metric span{font-size:10px;color:var(--muted);letter-spacing:.1em}
.metric strong{font-size:22px;color:var(--green)}
.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:18px}
.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);background:var(--panel)}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-size:10px;letter-spacing:.1em}
tbody tr{cursor:pointer}
tbody tr:hover{background:var(--panel2)}
.row,.actions{display:flex;gap:10px}
.row>*{flex:1}
.slot-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
fieldset{border:1px solid var(--line)}
legend{color:var(--muted);font-size:10px}
.site-grid{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:18px}
.placeholder{border:1px dashed var(--line);padding:24px;color:var(--muted)}
.search-form{display:flex;gap:8px;min-width:min(420px,50vw)}
.danger{color:var(--danger)}
.central-operations{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.ops-nav{display:flex;max-width:100%;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.ops-nav button{background:transparent;border-color:var(--line);color:var(--muted)}
.ops-nav button.active{border-color:var(--cyan);background:var(--panel2);color:var(--green)}
.ops-workspace,.ops-nested{display:grid;gap:12px}
.ops-card{display:grid;gap:9px;padding:14px;border:1px solid var(--line);background:var(--panel)}
.ops-card h3,.ops-card p{margin:0;overflow-wrap:anywhere}
.ops-card small,.ops-status{color:var(--muted);font-size:10px;letter-spacing:.08em}
.ops-form{display:grid;gap:10px;padding:16px;border:1px solid var(--line);background:var(--panel)}
.ops-form label,.ops-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:10px;letter-spacing:.08em}
.ops-form input,.ops-form select,.ops-form textarea,.ops-toolbar input,.ops-toolbar select{width:100%;min-width:0;background:#020a12;border:1px solid var(--line);color:var(--text);padding:9px;font:inherit}
.ops-form textarea{min-height:100px;resize:vertical}
.ops-toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.ops-toolbar label{flex:1 1 160px}
.ops-split{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1.25fr);gap:14px;align-items:start}
.ops-list,.ops-editor{display:grid;gap:10px;min-width:0}
.ops-editor{position:sticky;top:12px}
.ops-link{color:var(--cyan);overflow-wrap:anywhere}
.ops-consequential{padding-top:10px;border-top:1px solid var(--line);flex-wrap:wrap}
.ops-consequential .secondary{border-color:#75445a;color:#ffabc0}
.ops-status.error{color:var(--danger)}
.rewrite-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;padding:12px;border:1px solid var(--line);background:#020a12}
[hidden]{display:none!important}
@media(max-width:850px){main{padding:12px}
.split,.site-grid{grid-template-columns:1fr}
.section-heading{align-items:stretch;flex-direction:column}
.search-form{min-width:100%}
.console-header{grid-template-columns:1fr auto}
.identity{display:none}
.row{flex-direction:column}
.ops-split{grid-template-columns:1fr}.ops-editor{position:static}
}

.mail-health{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.mail-health span{border:1px solid var(--line);background:var(--panel);padding:7px 9px;color:var(--muted);font-size:11px}
.mail-health strong{color:var(--green)}
.mail-shell{display:grid;grid-template-columns:210px minmax(280px,420px) minmax(360px,1fr);min-height:560px;border:1px solid var(--line);background:var(--panel)}
.mail-folders{padding:12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.mail-folders>button{text-align:left;background:transparent;border-color:transparent;color:var(--muted)}
.mail-folders>button.active{border-color:var(--cyan);color:var(--green);background:var(--panel2)}
.mail-search{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--line)}
.mail-search label,.compose-card label{display:grid;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.08em}
.mail-search input,.compose-card input,.compose-card select,.compose-card textarea{width:100%;background:#020a12;border:1px solid var(--line);color:var(--text);padding:10px;font:inherit}
.noreply-panel{display:grid;gap:5px;margin-top:auto;padding:12px 0 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.noreply-panel strong{font-size:11px;color:var(--green)}
.noreply-panel>span,.noreply-activity span{color:var(--muted);font-size:10px}
.noreply-activity{display:grid;gap:6px;max-height:130px;overflow:auto}
.mail-list-panel{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.status-line{min-height:28px;padding:7px 10px;color:var(--muted);font-size:10px;letter-spacing:.09em}
.mail-list{overflow:auto;flex:1}
.mail-row{display:grid;width:100%;gap:3px;text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);padding:11px}
.mail-row strong{color:var(--text);font-weight:500}
.mail-row.unread{background:#0b1f2d}
.mail-row.unread strong,.mail-row.unread span{font-weight:900;color:#fff}
.mail-row time{font-size:10px}
.mail-pagination{display:flex;align-items:center;justify-content:space-between;padding:9px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.mail-reader{padding:20px;min-width:0;overflow:auto}
.mail-reader dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;color:var(--muted);font-size:12px}
.mail-reader dt{color:var(--green);font-size:10px}
.mail-reader dd{margin:0;overflow-wrap:anywhere}
.mail-reader-actions{flex-wrap:wrap;margin:14px 0}
.mail-body{border-top:1px solid var(--line);padding-top:14px}
.mail-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.55 ui-monospace,monospace}
.mail-html{width:100%;min-height:360px;border:1px solid var(--line);background:#fff}
.mail-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.compose-card{position:fixed;z-index:20;right:22px;bottom:22px;width:min(680px,calc(100vw - 44px));max-height:calc(100vh - 80px);overflow:auto;padding:20px;border:1px solid var(--cyan);background:#07131e;box-shadow:0 20px 80px #000;display:grid;gap:12px}
.compose-card textarea{min-height:190px;resize:vertical}

@media(max-width:1100px){.mail-shell{grid-template-columns:180px minmax(260px,1fr)}.mail-reader{grid-column:1/-1;border-top:1px solid var(--line);min-height:420px}.mail-list-panel{border-right:0}}
@media(max-width:700px){
  main{padding:8px}.console-header{height:auto;min-height:56px;padding:7px 9px;gap:8px}.console-header button,button{min-height:44px}.tabs{scroll-snap-type:x proximity}.tabs button{scroll-snap-align:start}.tab-panel{padding:16px 0}.section-heading{gap:10px}.section-heading h1{font-size:clamp(22px,8vw,30px);overflow-wrap:anywhere}.settings-card,.ops-card,.ops-form{min-width:0;padding:14px}.settings-card input,.settings-card select,.settings-card textarea,.search-form input,.ops-form input,.ops-form select,.ops-form textarea,.ops-toolbar input,.ops-toolbar select{font-size:16px}.slot-checks{grid-template-columns:1fr}.actions{flex-wrap:wrap}.ops-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}.ops-nav button{flex:none}.mail-shell{display:block}.mail-folders{max-width:100%;border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto;overscroll-behavior-inline:contain}.mail-folders>button{flex:0 0 auto;min-width:88px;text-align:center;padding:8px}.mail-search,.noreply-panel{flex:0 0 100%;min-width:100%}.mail-list-panel{min-height:320px}.mail-reader{min-height:320px;padding:14px}.mail-search input,.compose-card input,.compose-card select,.compose-card textarea{font-size:16px}.compose-card{inset:56px 8px 8px;width:auto;max-height:none;padding:14px}.compose-card textarea{min-height:120px}.mail-html{min-height:280px}
}
@media(max-width:430px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0;padding:10px}.metric strong{font-size:18px}.mail-reader dl{grid-template-columns:1fr}.mail-reader dd{margin-bottom:7px}.mail-reader-actions>*{flex:1 1 100%}.compose-card .row,.compose-card .actions{align-items:stretch;flex-direction:column}}