:root{--ink:#172033;--muted:#667085;--line:#e5e9f1;--accent:#4f46e5;--bg:#f5f7fb;--sidebar:248px;--radius:12px}
*{box-sizing:border-box}
body{margin:0;font:14px/1.55 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
button,input,textarea,select{font:inherit}
button{border:1px solid transparent;border-radius:8px;padding:10px 17px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}
button:hover{background:#4338ca}
button:disabled{opacity:.48;cursor:not-allowed}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
.quiet{background:#fff;border-color:#d9dfeb;color:#344054}
.quiet:hover{background:#f3f5fa;border-color:#bfc8db}
a{color:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin-bottom:0;font-weight:700}
h2{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin-bottom:8px}
h3{font-size:15px;margin-bottom:10px}
p{color:var(--muted);margin-bottom:16px}
label{display:block;font-size:13px;font-weight:600;color:#344054;margin:14px 0}
input,textarea,select{display:block;width:100%;min-width:0;max-width:100%;padding:10px 12px;margin-top:7px;border:1px solid #d8deea;border-radius:8px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
input:hover,textarea:hover,select:hover{border-color:#aebbd1}
input:focus,textarea:focus,select:focus{outline:0;border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}
input:disabled{background:#f5f6fa;color:#748096}
textarea{resize:vertical}
.check{display:flex;align-items:center;gap:9px;font-weight:400}
.check input{width:16px;height:16px;margin:0;accent-color:var(--accent);flex:none}
.wordmark{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;letter-spacing:.6px}
.mark{width:34px;height:34px;display:grid;place-items:center;background:#6366f1;color:#fff;border-radius:10px;font-size:18px}
#shell{display:flex;min-height:100vh}
aside{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#111827;color:#f9fafb;padding:28px 18px;display:flex;flex-direction:column;z-index:5}
aside .wordmark{padding:0 10px}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#8a94a6;margin:0 0 10px}
aside>.eyebrow{margin:42px 12px 14px;color:#66758e}
aside nav{display:grid;gap:6px}
aside nav button{display:flex;align-items:center;gap:12px;background:none;color:#8792a7;text-align:left;padding:12px 14px;border-radius:9px;font-size:13px}
aside nav button span{color:#bbc4d5}
aside nav button:hover{background:#1d2639}
aside nav button.active{background:#2b2859;box-shadow:inset 3px 0 0 #8b83ff;color:#c7c3ff}
aside nav button.active span{color:#fff}
.nav-icon{width:20px;height:20px;flex:none}
.aside-bottom{margin-top:auto;padding:20px 10px 0;border-top:1px solid #263045;display:grid;gap:12px}
#user-name{font-size:13px;color:#cbd3e1}
aside .quiet{background:#1b2538;border-color:#344056;color:#d9dfeb}
aside .quiet:hover{background:#28334a}
.workspace{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));max-width:1700px;padding:32px 36px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}
header .eyebrow{color:#7d8699}
.page-description{font-size:13px;margin:10px 0 0;color:#7b8598}
.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #dfe5ef;border-radius:30px;font-size:12px;background:#fff;white-space:nowrap}
.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#10b981}
.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:0 2px 4px #10182803}
.card>p{font-size:13px;max-width:80ch}
.card>form{margin-top:18px}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.fields label{margin:0 0 14px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.row h2{margin:0}
.hint{font-size:12px;color:#7b8598;margin:12px 0;display:block;line-height:1.6}
.empty{padding:32px 14px;text-align:center;color:#8b95a7;font-size:13px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.metrics article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px;position:relative}
.metrics article:before{content:"";position:absolute;top:20px;right:20px;width:8px;height:8px;border-radius:50%;background:#c7d2fe}
.metrics span{font-size:12px;color:#667085;display:block;padding-right:12px}
.metrics strong{font-size:30px;font-weight:650;letter-spacing:-1px;display:block;margin-top:12px}
table{width:100%;min-width:580px;border-collapse:collapse;font-size:13px;margin-top:14px}
th{text-align:left;font-size:11px;font-weight:600;color:#7b8598;background:#f8f9fc;padding:12px}
td{vertical-align:top;padding:14px 12px;border-bottom:1px solid #eef0f5;color:#475467;overflow-wrap:anywhere}
tbody tr:hover{background:#fafbff}
td button{font-size:12px;padding:6px 10px;margin:3px 3px 3px 0}
td input[type=checkbox]{width:16px;accent-color:var(--accent)}
#purchases,#operations,#host-results,#index-jobs,#ledger{overflow-x:auto}
.status{display:inline-flex;align-items:center;background:#f1f3f9;color:#596579;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;white-space:nowrap}
.status.done,.status.installed{background:#eaf8f1;color:#137b51}
.status.preview_ready{background:#eeedff;color:#5b45c7}
.status.error,.status.failed{background:#fff0ef;color:#b54738}
details{margin-top:12px}
summary{cursor:pointer;font-weight:600;color:#475467;font-size:13px}
details[open]>summary{margin-bottom:14px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7fb;border:1px solid #e9ecf3;border-radius:8px;padding:14px;max-width:100%;max-height:320px;overflow:auto;font:12px/1.6 Consolas,monospace;color:#667085}
textarea.settings{font:12px/1.6 Consolas,monospace;min-height:340px}
#notice{border:1px solid #ccead8;background:#effaf3;color:#257149;padding:13px 16px;border-radius:9px;margin-bottom:20px}
#notice.error,.error{color:#b42318;background:#fff4f2;border-color:#f5cec8}
footer{display:flex;justify-content:space-between;gap:12px;color:#9aa3b3;font-size:11px;margin:28px 0 0}
.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.tool-actions button,.tool-actions a{font-size:12px}
.tool-actions a{display:block;padding:9px 13px;border:1px solid #e0e4ef;background:#f8f9fc;border-radius:8px;text-decoration:none}
.audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.audit{padding:16px;background:#f8fbfa;border:1px solid #dcece5;border-radius:9px}
.audit strong,.audit span{display:block}
.audit strong{font-size:13px}
.audit span{font-size:11px;color:#168251;margin-top:6px}
.audit p{font-size:12px;overflow-wrap:anywhere;margin:8px 0 0}
.audit.failed{background:#fff7f6;border-color:#f3c8c3}
.audit.failed span{color:#b42318}
.audit.not_measured{background:#fffbef;border-color:#ede1b7}
.report-meta{font-size:12px;color:#7b8598}
.search-results li{padding:16px 8px;border-bottom:1px solid var(--line)}
.search-results p{font-size:13px;overflow-wrap:anywhere}
.setting-group{border:1px solid var(--line);border-radius:9px;padding:15px;margin:12px 0}
.setting-group .fields{margin-top:16px}
.setting-group small{display:block;color:#8b95a7;font-size:11px;margin-top:5px}
#settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#settings-fields>.setting-group{margin:0;background:#fbfcfe}
.account-navigation{display:flex;gap:4px;padding:5px;background:#e9edf5;border-radius:10px;margin-bottom:24px;width:fit-content;max-width:100%;flex-wrap:wrap}
.account-navigation a{display:block;padding:9px 15px;border-radius:7px;text-decoration:none;color:#697386;font-size:13px;font-weight:600}
.account-navigation a:hover{color:#344054;background:#f4f6fa}
.account-navigation a[aria-current=page]{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #10182812}
.section-title{font-size:13px;color:#8a94a6;font-weight:600;margin-bottom:14px}
.account-section{min-width:0}
#account-security{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#account-security>.section-title{grid-column:1/-1;margin:0}
#account-security>.card{margin:0}
#account-security>.card:last-child{grid-column:1/-1}
fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;border:1px solid var(--line);border-radius:10px;padding:20px;margin:0 0 22px;min-width:0}
legend{color:#55627b;font-size:12px;font-weight:600;padding:0 8px}
fieldset label{margin:0}
#own-server-form,#admin-server{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
#own-server-form>label,#admin-server>label{margin:0}
#own-server-form>.fields,#admin-server>.fields{grid-column:1/-1}
#own-server-form>button,#admin-server>button{justify-self:start}
.login{max-width:430px;margin:10vh auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #202a4010;padding:36px}
.login .wordmark{color:#475467;margin-bottom:32px}
.login h1{font-size:25px;margin-bottom:10px}
.login>p{font-size:13px}
.login form>button{width:100%;margin-top:12px}
#login-error{color:#b42318;font-size:13px;margin-top:16px}
@media(max-width:1150px){:root{--sidebar:220px}.workspace{padding:26px}.split{grid-template-columns:1fr}.metrics{gap:10px}.metrics article{padding:16px}.metrics article:before{right:14px}}
@media(max-width:850px){#settings-fields{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}fieldset{gap:16px}.account-navigation a{padding:9px 11px}}
@media(max-width:700px){#shell{display:block}aside{position:static;width:100%;padding:18px}aside .wordmark{padding:0}aside>.eyebrow{display:none}aside nav{display:flex;gap:6px;margin-top:18px;overflow-x:auto;padding-bottom:4px}aside nav button{flex:none;gap:7px;padding:10px;font-size:12px;white-space:nowrap}.nav-icon{width:17px;height:17px}.aside-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;margin-top:12px}.aside-bottom button{padding:7px 12px;font-size:12px}.workspace{margin:0;width:100%;padding:22px 16px}header{padding-bottom:20px;margin-bottom:22px}header .eyebrow{font-size:9px}h1{font-size:25px}.page-description{font-size:12px;max-width:25ch}.card{padding:20px;border-radius:11px}.fields,fieldset,#own-server-form,#admin-server,#account-security{grid-template-columns:1fr}#account-security>.card:last-child{grid-column:auto}.audit-grid{grid-template-columns:1fr}.row{align-items:flex-start}.tool-actions>*{flex:1 1 145px}.account-navigation{width:100%;gap:2px}.account-navigation a{font-size:12px;padding:9px 10px}fieldset{padding:16px}.login{margin:40px 18px;padding:28px}footer{font-size:10px}.metrics strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){aside nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px}aside nav button{justify-content:flex-start;padding:9px 7px;font-size:11px;gap:6px}aside nav button:nth-child(4),aside nav button:nth-child(5){grid-column:span 1}#purchases td:first-child,#purchases td:nth-child(3){white-space:nowrap}}

/* Editorial release: calmer workspace surfaces and clearer form hierarchy. */
.workspace{background:#f6f7fa}.card{border-color:#e2e5eb;box-shadow:0 3px 16px #15223804}.card>h2{letter-spacing:-.4px}.metrics article{border-color:#e2e5eb}.metrics strong{font-variant-numeric:tabular-nums}input,select,textarea{border-color:#d9dee7}input:focus,select:focus,textarea:focus{outline:3px solid #7b79d51a;border-color:#706bc8}#cpanel-library{border-top:1px solid #e2e5eb;margin-top:22px;padding-top:18px}#article-image-requirement{padding:12px 14px;background:#f3f4fa;border-radius:8px}button[data-rebuild]{max-width:220px;text-align:left}.audit.warning{background:#fffbef;border-color:#ede1b7}.audit.warning span{color:#85672f}

a.preview-link{display:block;font-size:12px;color:#5b45c7;text-underline-offset:3px;margin:7px 0}

/* Authentication accessibility and responsive presentation. */
.login{width:min(460px,calc(100% - 32px));max-width:460px;margin:clamp(24px,9vh,96px) auto;padding:clamp(24px,5vw,40px);border-radius:20px;border-color:#dbe2ed;box-shadow:0 24px 64px #17203312}
.login .wordmark{margin-bottom:28px}
.login h1{font-size:clamp(25px,4vw,30px);letter-spacing:-.8px}
.login>p{color:#475467;line-height:1.7}
.login label{color:#344054;font-size:14px}
.login input:not([type=checkbox]){min-height:48px;font-size:16px;border-radius:10px}
.login form>button{min-height:48px;border-radius:10px;font-size:15px}
.login .check{min-height:44px;cursor:pointer}
.login .check input{width:20px;height:20px}
.login input:focus-visible,.login button:focus-visible{outline:3px solid #4f46e5;outline-offset:3px;box-shadow:none}
#login-error:empty{display:none}
#login-error:not(:empty){padding:12px;border:1px solid #f5cec8;border-radius:10px;background:#fff4f2}
@media(max-width:480px){.login{margin:24px auto}.login .wordmark{margin-bottom:24px}}

.bulk-picker{max-height:360px;overflow:auto;border:1px solid #d6dedc;border-radius:10px;padding:10px;margin:12px 0 18px}.bulk-choice{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,2fr);gap:12px;align-items:center;padding:10px;border-bottom:1px solid #e3e8e6}.bulk-choice:last-child{border-bottom:0}.bulk-choice .check{margin:0;overflow-wrap:anywhere}.bulk-choice input[type=checkbox]{width:22px;height:22px;flex:none}.bulk-choice input[type=text]{margin:0}.row{flex-wrap:wrap}.bulk-picker input:focus-visible,.bulk-picker button:focus-visible{outline:2px solid #24665c;outline-offset:3px}@media(max-width:650px){.bulk-choice{grid-template-columns:1fr}.bulk-picker{max-height:420px}}

.split>.card{min-width:0}#vitrin-results,#prepare-results{max-width:100%;overflow-x:auto}#vitrin-results table,#prepare-results table{min-width:0;width:100%;table-layout:fixed}#vitrin-results td,#prepare-results td{overflow-wrap:anywhere}#vitrin-results h3{overflow-wrap:anywhere}

.domain-list-entry{margin:16px 0;padding:14px;border:1px solid var(--border,#d8dedb);border-radius:10px}.domain-list-entry summary{cursor:pointer;font-weight:600}.selection-summary{padding:14px 16px;background:#edf5f1;border-left:4px solid #24665c;border-radius:6px;font-weight:600}.bulk-choice:has(input[type=checkbox]:checked){background:#edf5f1}.bulk-picker:empty{min-height:50px}

.queue-filters{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:700px){
 #operations table,#purchases table,#ledger table,#index-jobs table{min-width:0}
 #operations thead,#purchases thead,#ledger thead,#index-jobs thead{display:none}
 #operations tbody,#purchases tbody,#ledger tbody,#index-jobs tbody{display:grid;gap:14px}
 #operations tr,#purchases tr,#ledger tr,#index-jobs tr{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}
 #operations td,#purchases td,#ledger td,#index-jobs td{display:block;padding:8px;border:0;white-space:normal!important}
 #operations td:before,#purchases td:before,#ledger td:before,#index-jobs td:before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);font-weight:600;margin-bottom:4px}
 #operations td:first-child:empty{display:none}
 #operations td label{margin:6px 0}
 #operations td button{min-height:36px}
 #operations td pre{max-height:220px}
}