/* Compact client website details. Admin renderer, API hooks and list screens stay unchanged. */
#websiteRoot.site-app:has(>.site-compact-detail){max-width:1288px;margin-top:0;margin-bottom:22px}
#websiteRoot .site-compact-detail{--sc-paper:var(--theme-panel,var(--paper,#fff));--sc-soft:var(--theme-raised,var(--panel2,#f7f9fc));--sc-ink:var(--theme-text,var(--site-ink));--sc-muted:var(--theme-muted,var(--site-muted));--sc-line:var(--theme-border,var(--site-line));--sc-blue:var(--theme-link,var(--site-blue));color:var(--sc-ink);min-width:0}
#websiteRoot .site-compact-detail .site-compact-crumb{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--sc-muted);font-size:11px}
#websiteRoot .site-compact-detail .site-compact-crumb .site-action{padding:2px 0;min-height:28px;border:0;background:transparent!important;color:var(--sc-blue)!important;box-shadow:none}
#websiteRoot .site-compact-detail .site-compact-header{display:flex;align-items:center;gap:12px;padding:16px 18px;margin:0 0 12px;border:1px solid var(--sc-line);border-radius:14px;background:var(--sc-paper)}
#websiteRoot .site-compact-detail .site-compact-header>.site-domain-icon{width:40px;height:40px;border-radius:10px}
#websiteRoot .site-compact-detail .site-compact-identity{flex:1;min-width:0}
#websiteRoot .site-compact-detail .site-compact-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#websiteRoot .site-compact-detail .site-compact-title h1{font-size:23px!important;line-height:1.25!important;margin:0!important;letter-spacing:-.6px!important;overflow-wrap:anywhere}
#websiteRoot .site-compact-detail .site-compact-title .site-status{padding:4px 8px;font-size:11px}
#websiteRoot .site-compact-detail .site-compact-identity p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:5px 0 0!important;font-size:11px!important;line-height:1.5!important;color:var(--sc-muted)!important}
#websiteRoot .site-compact-detail .site-compact-identity p>span:first-child{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#websiteRoot .site-compact-detail .site-compact-identity i{font-style:normal;opacity:.65}
#websiteRoot .site-compact-detail>.site-compact-header>.site-action{min-height:34px;padding:6px 11px;font-size:11px;flex:none}
#websiteRoot .site-compact-detail .site-compact-tabs{display:flex;gap:3px;align-items:center;width:max-content;max-width:100%;margin:0 0 14px!important;padding:4px;border:1px solid var(--sc-line);border-radius:11px;background:var(--sc-paper);min-height:0!important;height:auto!important;overflow:auto}
#websiteRoot .site-compact-detail .site-compact-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 13px;border-radius:7px;line-height:1.3;font-size:12px;color:var(--sc-muted)!important;flex:none}
#websiteRoot .site-compact-detail .site-compact-tabs button svg{width:15px;height:15px;flex:none}
#websiteRoot .site-compact-detail .site-compact-tabs button:after{display:none!important}
#websiteRoot .site-compact-detail .site-compact-tabs button[aria-current=page]{background:var(--theme-accent-bg,var(--blue-soft,#eaf5ff))!important;color:var(--sc-blue)!important}
#websiteRoot .site-compact-detail .site-compact-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:14px;align-items:start}
#websiteRoot .site-compact-detail .site-panel{padding:18px;border-radius:14px;background:var(--sc-paper);border-color:var(--sc-line)}
#websiteRoot .site-compact-detail h2{font-size:17px!important;line-height:1.4!important;letter-spacing:-.3px!important;margin:0!important}
#websiteRoot .site-compact-detail h3{font-size:14px!important;margin:0 0 5px!important}
#websiteRoot .site-compact-detail p{font-size:12px!important;line-height:1.65!important;margin:7px 0 13px!important}
#websiteRoot .site-compact-detail .site-kicker{font-size:9px;margin:0 0 4px!important;letter-spacing:.08em}
#websiteRoot .site-compact-detail .site-compact-health{display:flex;align-items:flex-start;gap:11px}
#websiteRoot .site-compact-detail .site-compact-health p{margin-bottom:0!important}
#websiteRoot .site-compact-detail .site-compact-health-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;background:var(--theme-success-bg,var(--ok-bg,#e8f7f1));color:var(--theme-success,var(--ok-text,#117356));border-radius:9px;font-size:17px}
#websiteRoot .site-compact-detail .site-compact-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0}
#websiteRoot .site-compact-detail .site-compact-check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--sc-line);border-radius:9px;background:var(--sc-soft);min-width:0}
#websiteRoot .site-compact-detail .site-compact-check-icon{font-size:15px;color:var(--sc-muted);flex:none}
#websiteRoot .site-compact-detail .site-compact-check.is-verified .site-compact-check-icon{color:var(--theme-success,var(--ok-text,#117356))}
#websiteRoot .site-compact-detail .site-compact-check b{display:block;font-size:12px;line-height:1.4}
#websiteRoot .site-compact-detail .site-compact-check div>span{display:block;font-size:10px;line-height:1.5;color:var(--sc-muted)}
#websiteRoot .site-compact-detail .site-compact-domains{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 0}
#websiteRoot .site-compact-detail .site-compact-domains a{padding:5px 8px;border:1px solid var(--sc-line);border-radius:7px;max-width:100%;font-size:11px;overflow-wrap:anywhere}
#websiteRoot .site-compact-detail .site-compact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid var(--sc-line)}
#websiteRoot .site-compact-detail .site-action{min-height:35px;padding:7px 12px;font-size:12px}
#websiteRoot .site-compact-detail .site-compact-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#websiteRoot .site-compact-detail .site-compact-section-heading>.site-action{padding:3px 0;min-height:25px;border:0;background:transparent!important;color:var(--sc-blue)!important;font-size:11px}
#websiteRoot .site-compact-detail .site-compact-facts dl{margin:0}
#websiteRoot .site-compact-detail .site-compact-facts dl>div{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--sc-line);font-size:12px;line-height:1.5}
#websiteRoot .site-compact-detail .site-compact-facts dd{max-width:none;text-align:left;margin:0;font-weight:600;overflow-wrap:anywhere}
#websiteRoot .site-compact-detail .site-compact-facts dd>.site-action{margin-left:8px;padding:0;min-height:22px;border:0;background:transparent!important;color:var(--sc-blue)!important;font-size:11px}
#websiteRoot .site-compact-detail .site-compact-retained{margin:11px 0 0!important;font-size:10px!important;color:var(--sc-muted)!important}
#websiteRoot .site-compact-detail .site-compact-completed{grid-column:1/-1;margin:0;padding:0;border:1px solid var(--sc-line);border-radius:11px;background:var(--sc-paper)}
#websiteRoot .site-compact-detail .site-compact-completed>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:11px 15px;font-size:12px;color:var(--sc-ink)}
#websiteRoot .site-compact-detail .site-compact-completed>summary::-webkit-details-marker{display:none}
#websiteRoot .site-compact-detail .site-compact-completed>summary>span:first-child{display:flex;align-items:center;gap:8px}
#websiteRoot .site-compact-detail .site-compact-completed-mark{color:var(--theme-success,var(--ok-text,#117356))}
#websiteRoot .site-compact-detail .site-compact-completed-toggle{font-size:11px;color:var(--sc-blue)}
#websiteRoot .site-compact-detail .site-compact-completed-toggle:after{content:' +';font-size:14px}
#websiteRoot .site-compact-detail .site-compact-completed[open] .site-compact-completed-toggle:after{content:' −'}
#websiteRoot .site-compact-detail .site-compact-completed>.site-stage,#websiteRoot .site-compact-detail .site-compact-completed>.site-footnote{margin:0!important;padding:13px 15px;border-top:1px solid var(--sc-line)}
#websiteRoot .site-compact-detail .site-stage{margin:18px 0 0;padding:16px 0 0}
#websiteRoot .site-compact-detail .site-stage-list{gap:7px}
#websiteRoot .site-compact-detail .site-stage-list li{padding:7px 9px;font-size:11px}
#websiteRoot .site-compact-detail .site-compact-help{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:11px 2px 0;font-size:11px;color:var(--sc-muted)}
#websiteRoot .site-compact-detail .site-compact-help button{padding:3px 0;border:0;background:transparent;color:var(--sc-blue)!important;font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;text-align:left}
#websiteRoot .site-compact-detail .site-compact-content label{margin:13px 0;font-size:12px;gap:6px}
#websiteRoot .site-compact-detail .site-next-content>.site-row{flex-wrap:wrap;gap:8px}
#websiteRoot .site-compact-detail .site-next-content>.site-path{margin:12px 0}
#websiteRoot .site-compact-detail .site-next-content>.site-path span{padding:7px 10px}
#websiteRoot .site-compact-detail .site-copy{padding:13px;margin:14px 0;gap:9px 12px}
#websiteRoot .site-compact-detail .site-record{padding:13px 0;gap:12px}
#websiteRoot .site-compact-detail .site-record b{margin-bottom:5px}
#websiteRoot .site-compact-detail .site-log-tools{margin:15px 0}
#websiteRoot .site-compact-detail .site-journal-scroll{max-height:390px}
/* Exact client-only overrides above legacy four-ID colour guards. */
html:not(#compact-site-light):not(#compact-site-controls):not(#compact-site-preview):not(#compact-site-dialog):not(#compact-site-extra) #websiteRoot .site-compact-detail .site-compact-crumb .site-action{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--sc-blue)!important}
#websiteRoot .site-compact-detail .site-compact-refresh-icon{width:14px;height:14px;flex:none}
#websiteRoot .site-compact-detail .site-compact-completed>summary{min-height:38px!important;padding:10px 14px!important;line-height:1.5!important}
@media(max-width:580px){
 #websiteRoot .site-compact-detail .site-compact-header{display:grid!important;grid-template-columns:32px minmax(0,1fr) 29px!important;align-items:start!important;gap:9px!important;padding:13px!important;position:relative}
 #websiteRoot .site-compact-detail>.site-compact-header>.site-action{position:static!important;grid-column:3;grid-row:1;align-self:start;width:29px!important;min-width:29px!important;min-height:29px!important;height:29px;padding:6px!important;margin:0!important}
 #websiteRoot .site-compact-detail .site-compact-refresh-label{display:none}
 #websiteRoot .site-compact-detail .site-compact-header>.site-domain-icon{position:static!important;grid-column:1;grid-row:1;width:32px;height:32px}
 #websiteRoot .site-compact-detail .site-compact-identity{grid-column:2;grid-row:1;padding:0!important;flex:none!important;min-width:0!important;width:auto!important;max-width:100%!important}
 #websiteRoot .site-compact-detail .site-compact-title{display:block}
 #websiteRoot .site-compact-detail .site-compact-title h1{width:auto!important;max-width:100%;font-size:19px!important;line-height:1.3!important;overflow-wrap:anywhere}
 #websiteRoot .site-compact-detail .site-compact-title .site-status{margin-top:6px}
 #websiteRoot .site-compact-detail .site-compact-identity p{display:block}
 #websiteRoot .site-compact-detail .site-compact-identity p>span{display:block;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
 #websiteRoot .site-compact-detail .site-compact-identity p>i{display:none}
 #websiteRoot .site-compact-detail .site-compact-completed>summary{padding:9px 12px!important;min-height:38px!important}
}
@media(max-width:1000px){
 #websiteRoot .site-compact-detail .site-compact-overview{grid-template-columns:minmax(0,1.15fr) minmax(250px,1fr)}
 #websiteRoot .site-compact-detail .site-compact-checks{gap:5px}
 #websiteRoot .site-compact-detail .site-compact-check{padding:8px;gap:5px}
 #websiteRoot .site-compact-detail .site-compact-tabs button{padding:7px 10px}
}
@media(max-width:800px){
 #websiteRoot .site-compact-detail .site-compact-overview{grid-template-columns:1fr}
 #websiteRoot .site-compact-detail .site-compact-header{padding:14px;align-items:flex-start}
 #websiteRoot .site-compact-detail .site-compact-title h1{font-size:22px!important}
 #websiteRoot .site-compact-detail .site-compact-title{gap:7px}
 #websiteRoot .site-compact-detail .site-compact-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 #websiteRoot .site-compact-detail .site-compact-facts dl>div{display:block;padding:10px 0}
 #websiteRoot .site-compact-detail .site-compact-facts dt{margin-bottom:4px}
 #websiteRoot .site-compact-detail .site-compact-completed{grid-column:1}
 #websiteRoot .site-compact-detail .site-compact-tabs{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
 #websiteRoot .site-compact-detail .site-compact-tabs button{padding:7px 5px;font-size:11px;gap:5px}
}
@media(max-width:480px){
 #websiteRoot.site-app:has(>.site-compact-detail){margin-top:0}
 #websiteRoot .site-compact-detail .site-compact-crumb{margin-bottom:9px}
 #websiteRoot .site-compact-detail .site-compact-crumb>span{font-size:10px}
 #websiteRoot .site-compact-detail .site-compact-header{padding:13px;gap:9px;flex-wrap:wrap}
 #websiteRoot .site-compact-detail .site-compact-header>.site-domain-icon{width:32px;height:32px;border-radius:8px}
 #websiteRoot .site-compact-detail .site-compact-header>.site-domain-icon svg{width:20px;height:20px}
 #websiteRoot .site-compact-detail .site-compact-identity{flex:1 1 calc(100% - 45px)}
 #websiteRoot .site-compact-detail .site-compact-title h1{font-size:20px!important}
 #websiteRoot .site-compact-detail .site-compact-identity p{font-size:10px!important;gap:5px}
 #websiteRoot .site-compact-detail>.site-compact-header>.site-action{margin-left:41px;min-height:28px;padding:4px 9px;font-size:10px}
 #websiteRoot .site-compact-detail .site-compact-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 #websiteRoot .site-compact-detail .site-compact-tabs button{min-height:32px;font-size:11px;gap:6px;padding:6px}
 #websiteRoot .site-compact-detail .site-panel{padding:14px}
 #websiteRoot .site-compact-detail .site-compact-check{align-items:flex-start;gap:5px;padding:8px 6px}
 #websiteRoot .site-compact-detail .site-compact-check div>span{font-size:9px}
 #websiteRoot .site-compact-detail .site-compact-check-icon{font-size:12px}
 #websiteRoot .site-compact-detail .site-compact-check b{font-size:11px}
 #websiteRoot .site-compact-detail .site-compact-facts dl{gap:0 12px}
 #websiteRoot .site-compact-detail .site-compact-facts dl>div{font-size:11px}
 #websiteRoot .site-compact-detail .site-compact-actions .site-action{font-size:11px;padding:7px 9px}
 #websiteRoot .site-compact-detail .site-compact-help{justify-content:flex-start;flex-wrap:wrap;gap:2px 8px;padding-top:10px}
 #websiteRoot .site-compact-detail .site-compact-completed>summary{font-size:11px;padding:10px 12px}
 #websiteRoot .site-compact-detail .site-compact-completed-toggle{font-size:10px}
}
/* Symmetric centered website identity, with refresh outside the content axis. */
#websiteRoot .site-compact-detail .site-compact-header{display:block!important;position:relative!important;padding:15px 64px!important;text-align:center!important}
#websiteRoot .site-compact-detail .site-compact-identity{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;min-width:0!important;text-align:center!important}
#websiteRoot .site-compact-detail .site-compact-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important;padding:0 30px!important}
#websiteRoot .site-compact-detail .site-compact-title h1{width:auto!important;max-width:100%!important;overflow-wrap:anywhere!important}
#websiteRoot .site-compact-detail .site-compact-header>.site-domain-icon{position:absolute!important;left:calc(50% - 18px)!important;top:14px!important;width:30px!important;height:30px!important;transform:translateX(-100%)!important;background:transparent!important;opacity:.6!important;display:none!important}
#websiteRoot .site-compact-detail .site-compact-title h1:before{content:'';display:inline-block;width:19px;height:19px;margin-right:8px;vertical-align:-1px;background:currentColor;opacity:.7;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="black" stroke-width="1.6"%3E%3Ccircle cx="12" cy="12" r="9"/%3E%3Cpath d="M3 12h18M12 3c5 5 5 13 0 18-5-5-5-13 0-18Z"/%3E%3C/g%3E%3C/svg%3E') center/contain no-repeat}
#websiteRoot .site-compact-detail .site-compact-identity p{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px 8px!important;margin:6px 0 0!important;text-align:center!important;flex-wrap:wrap!important}
#websiteRoot .site-compact-detail>.site-compact-header>.site-action{position:absolute!important;right:14px!important;top:14px!important;display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:6px!important}
#websiteRoot .site-compact-detail .site-compact-refresh-label{display:none!important}
#websiteRoot .site-compact-detail .site-compact-tabs{margin-inline:auto!important}
@media(max-width:580px){#websiteRoot .site-compact-detail .site-compact-header{padding:14px 40px!important}#websiteRoot .site-compact-detail .site-compact-title{padding:0!important;flex-direction:column!important;gap:5px!important}#websiteRoot .site-compact-detail .site-compact-title .site-status{margin-top:0!important}#websiteRoot .site-compact-detail>.site-compact-header>.site-action{right:8px!important;top:10px!important}#websiteRoot .site-compact-detail .site-compact-identity p{font-size:10px!important}#websiteRoot .site-compact-detail .site-compact-identity p>span{display:inline!important;max-width:100%!important}#websiteRoot .site-compact-detail .site-compact-identity p>i{display:inline!important}}
/* Website workspace follows the node cabinet: unified header and explicit steps. */
body.duck-client #dashboard #websiteRoot{max-width:none!important;width:100%!important;margin:0!important}
body.duck-client #dashboard #websiteRoot .site-workspace-header{border:1px solid var(--border);border-radius:16px;background:var(--panel);overflow:hidden;margin-bottom:18px}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-header{border:0!important;border-radius:0!important;margin:0!important;padding:24px 64px 22px 24px!important;text-align:left!important}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-title{justify-content:flex-start!important;padding:0!important}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-title h1{font-size:24px!important;text-align:left!important}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-identity p{justify-content:flex-start!important;text-align:left!important;line-height:1.7!important}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-tabs{display:flex!important;justify-content:flex-start!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important;padding:8px 16px!important;background:var(--theme-field,var(--panel))!important;gap:6px!important}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-tabs button{border-radius:9px!important;min-height:40px!important;padding:9px 14px!important;border:0!important;font-size:12px!important;white-space:nowrap!important}
body.duck-client #dashboard #websiteRoot .site-compact-overview{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)!important;gap:18px!important}
body.duck-client #dashboard #websiteRoot .site-panel{border-radius:16px!important}
body.duck-client #dashboard #websiteRoot .site-compact-state,body.duck-client #dashboard #websiteRoot .site-compact-facts{padding:24px!important}
body.duck-client #dashboard #websiteRoot .site-compact-facts dl{margin-top:18px!important}
body.duck-client #dashboard #websiteRoot .site-nameservers{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:none!important;margin:22px 0 12px!important;padding:0!important;border:0!important}
body.duck-client #dashboard #websiteRoot .site-nameservers>div{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;padding:13px 14px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--theme-field,var(--panel))!important}
body.duck-client #dashboard #websiteRoot .site-nameservers code{overflow-wrap:anywhere!important;font-size:12px!important}.site-nameservers button{margin:0!important;min-height:34px!important}
body.duck-client #dashboard #websiteRoot .site-wait-note{margin-top:18px!important;padding:16px!important;border-radius:12px!important}.site-settings-lock{font-size:12px;line-height:1.8;color:var(--muted)}
.site-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:18px 20px;margin:0 0 20px;border:1px solid var(--border);border-radius:14px;background:var(--panel);gap:12px}.site-journey li{display:flex;gap:9px;align-items:center;min-width:0;color:var(--muted)}.site-journey li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;font-size:11px;flex:none}.site-journey li>div{display:grid;gap:3px;min-width:0}.site-journey b{font-size:11px;line-height:1.4}.site-journey small{font-size:9px;line-height:1.4}.site-journey .current{color:var(--theme-link,#83b5fa)}.site-journey .current>span{background:var(--theme-accent-bg,#25416a);border-color:var(--theme-link,#83b5fa)}.site-journey .done>span{background:#42a17614;color:#52b98c;border-color:#42a17640}
.site-wizard{max-width:1120px;margin:0 auto}.site-wizard>.site-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.site-wizard>.site-top>span{font-size:11px;color:var(--muted)}.site-wizard-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.site-wizard-title h1{margin:0 0 6px;font-size:26px}.site-wizard-title p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.site-wizard-title .site-domain-icon{width:48px;height:48px;border-radius:14px;flex:none}
.site-wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;padding:0;margin:0 0 22px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel)}.site-wizard-steps li{display:flex;align-items:center;gap:10px;padding:15px 18px;color:var(--muted);font-size:12px;border-left:1px solid var(--border)}.site-wizard-steps li:first-child{border:0}.site-wizard-steps li>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid var(--border);border-radius:50%;font-size:11px}.site-wizard-steps .current{background:var(--theme-accent-bg,#25416a);color:var(--theme-link,#83b5fa)}.site-wizard-steps .done{color:#52b98c}
.site-wizard-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:18px;align-items:start}body.duck-client #dashboard #websiteRoot .site-wizard-form,body.duck-client #dashboard #websiteRoot .site-wizard-guide{padding:26px!important;margin:0!important}.site-wizard-form h2{font-size:22px;margin:12px 0 10px}.site-wizard-form>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 24px}.site-wizard-form label:not(.site-wizard-auto){display:grid;gap:9px;font-size:12px}.site-wizard-form small{color:var(--muted);font-size:11px;line-height:1.7}.site-wizard-form input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:46px;border:1px solid var(--border);border-radius:10px;padding:11px 13px;background:var(--theme-field,var(--panel));color:var(--text);font:inherit}.site-wizard-form [hidden]{display:none!important}
.site-wizard-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.site-wizard-controls button:first-child:not(.primary){margin-right:auto}.site-wizard-controls button{min-height:43px;border-radius:10px}
body.duck-client #websiteRoot .site-wizard-auto{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:16px!important;border:1px solid var(--border)!important;border-radius:12px!important;margin:0 0 18px!important;background:var(--theme-field,var(--panel))!important}.site-wizard-auto input{margin:3px 0 0;accent-color:var(--theme-link,#5298eb);width:17px;height:17px;flex:none}.site-wizard-auto>span{display:grid;gap:7px}.site-wizard-auto b{font-size:12px}.site-wizard-callout,.site-wizard-retained{font-size:12px;line-height:1.8;padding:15px 16px;border:1px solid var(--border);border-radius:12px;color:var(--muted);margin-top:20px;background:var(--theme-field,var(--panel))}.site-wizard-guide h2{font-size:17px;margin:10px 0 20px}.site-wizard-guide ol{list-style:none;counter-reset:siteGuide;padding:0;margin:0;display:grid;gap:20px}.site-wizard-guide li{position:relative;padding-left:34px;display:grid;gap:6px;counter-increment:siteGuide}.site-wizard-guide li:before{content:counter(siteGuide);position:absolute;left:0;top:0;width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;font-size:10px;color:var(--muted)}.site-wizard-guide li b{font-size:12px}.site-wizard-guide li>span{font-size:11px;line-height:1.8;color:var(--muted)}.site-wizard-summary{display:grid;margin:18px 0}.site-wizard-summary>div{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.7}.site-wizard-summary dt{color:var(--muted)}.site-wizard-summary dd{margin:0;overflow-wrap:anywhere;font-weight:600}
@media(max-width:1000px){body.duck-client #dashboard #websiteRoot .site-compact-overview{grid-template-columns:1fr!important}.site-wizard-layout{grid-template-columns:1fr}.site-journey{padding:14px;gap:9px}.site-journey small{display:none}.site-journey li{flex-direction:column;align-items:flex-start;gap:7px}}
@media(max-width:580px){body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-header{padding:18px 46px 18px 18px!important}body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-title{align-items:flex-start!important;gap:8px!important}body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-title h1{font-size:20px!important}body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:8px!important;gap:5px!important}body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-tabs button{padding:8px 5px!important;gap:5px!important;font-size:10px!important;min-width:0!important}body.duck-client #dashboard #websiteRoot .site-compact-state,body.duck-client #dashboard #websiteRoot .site-compact-facts{padding:18px!important}body.duck-client #dashboard #websiteRoot .site-nameservers>div{grid-template-columns:28px minmax(0,1fr)!important;padding:12px!important;gap:7px!important}.site-nameservers>div>button{grid-column:2;justify-self:start}.site-journey{padding:12px;gap:6px}.site-journey li>span{width:24px;height:24px;font-size:10px}.site-journey b{font-size:9px}.site-wizard-title{gap:11px}.site-wizard-title h1{font-size:22px}.site-wizard-title p{font-size:11px}.site-wizard-steps li{padding:12px 8px;gap:7px;font-size:10px;flex-direction:column;align-items:flex-start}.site-wizard-summary>div{grid-template-columns:1fr;gap:5px}.site-wizard-controls button{flex:1}.site-wizard-layout .site-wizard-form,.site-wizard-layout .site-wizard-guide{padding:18px!important}.site-wizard-form h2{font-size:20px}}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-header>.site-action{position:absolute!important;right:20px!important;top:20px!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:7px!important;margin:0!important}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-refresh-label{display:none!important}
body.duck-client #dashboard #websiteRoot .site-wizard>.site-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0!important;margin:0 0 20px!important}
body.duck-client #dashboard #websiteRoot .site-wizard-title h1{font-size:26px!important;margin:0 0 6px!important}
body.duck-client #dashboard #websiteRoot .site-wizard-title p{font-size:12px!important;margin:0!important;line-height:1.7!important}
body.duck-client #dashboard #websiteRoot .site-wizard-form h2{font-size:22px!important;margin:10px 0!important}
body.duck-client #dashboard #websiteRoot .site-wizard-form>p{margin:0 0 20px!important;font-size:13px!important;line-height:1.75!important}
body.duck-client #dashboard #websiteRoot .site-next-content>p{margin:10px 0!important;line-height:1.8!important}
@media(max-width:580px){body.duck-client #dashboard #websiteRoot .site-workspace-header .site-compact-header>.site-action{top:14px!important;right:12px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:5px!important}body.duck-client #dashboard #websiteRoot .site-wizard>.site-top{margin-bottom:16px!important}body.duck-client #dashboard #websiteRoot .site-wizard-title h1{font-size:23px!important}body.duck-client #dashboard #websiteRoot .site-wizard-title p{display:none!important}body.duck-client #dashboard #websiteRoot .site-wizard-title{margin-bottom:18px!important}body.duck-client #dashboard #websiteRoot .site-wizard-form h2{font-size:20px!important}body.duck-client #dashboard #websiteRoot .site-wizard-form>p{font-size:12px!important;margin-bottom:18px!important}body.duck-client #dashboard #websiteRoot .site-wizard-form{padding:20px!important}}
body.duck-client #dashboard #websiteRoot .site-workspace-header .site-status{display:inline-flex!important;align-items:center!important;padding:5px 9px!important;border-radius:7px!important;background:var(--theme-field,var(--panel))!important;font-size:10px!important}
body.duck-client #dashboard #websiteRoot [data-site-state=WAITING_NS] .site-status{color:#d8ae63!important;background:#a97c2515!important}
body.duck-client #dashboard #websiteRoot [data-site-state=ACTIVE] .site-status{color:#57bb91!important;background:#42a17615!important}
body.duck-client #dashboard #websiteRoot .site-dns-preparation{padding:24px!important;margin:0 0 18px!important;border-radius:16px!important}
body.duck-client #dashboard #websiteRoot .site-dns-preparation>h2{margin:10px 0!important;font-size:21px!important}.site-dns-preparation>p{color:var(--muted);font-size:12px;line-height:1.8}
.site-dns-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;align-items:start}.site-dns-choices>article{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--theme-field,var(--panel));min-width:0}.site-dns-choices h3{font-size:15px;margin:12px 0 10px}.site-dns-choices p,.site-dns-choices li{font-size:12px;color:var(--muted);line-height:1.8}.site-dns-choices ul{padding-left:17px;margin:16px 0 20px}.site-dns-choice-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;color:var(--theme-link,#83b5fa);background:var(--theme-accent-bg,#25416a)}.site-dns-choice-icon svg{width:20px;height:20px}.site-dns-proposal{border:1px solid var(--border);border-radius:10px;margin:16px 0;overflow:hidden}.site-dns-proposal>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:11px 12px;font-size:12px}.site-dns-proposal>div+div{border-top:1px solid var(--border)}.site-dns-proposal dt{color:var(--muted)}.site-dns-proposal dd{margin:0;overflow-wrap:anywhere;font-family:monospace}
body.duck-client #websiteRoot .site-dns-preparation .site-check{display:flex!important;align-items:flex-start!important;gap:9px!important;font-size:11px!important;line-height:1.8!important;margin:16px 0!important}.site-dns-preparation .site-check input{flex:none;accent-color:var(--theme-link,#5298eb);width:16px;height:16px;margin:3px 0 0}.site-dns-preparation .site-check span{font-size:11px;line-height:1.8;color:var(--muted)}
.site-auto-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);line-height:1.8;margin:16px 0}.site-auto-status>span{width:7px;height:7px;border-radius:50%;background:var(--theme-link,#83b5fa);flex:none}
@media(max-width:760px){.site-dns-choices{grid-template-columns:1fr}.site-dns-choices>article{padding:18px}body.duck-client #dashboard #websiteRoot .site-dns-preparation{padding:18px!important}.site-dns-proposal>div{grid-template-columns:90px minmax(0,1fr)}}

/* DNS zone import and preview */
.site-zone-import{display:grid;gap:14px;min-width:0}
.site-zone-import label{display:grid;gap:8px;font-size:13px}
.site-zone-import input[type=file],.site-zone-import textarea{width:100%;box-sizing:border-box;min-width:0;padding:12px;border:1px solid var(--border,#44464d);border-radius:12px;background:var(--bg,#191b1f);color:inherit}
.site-zone-import textarea{font:12px/1.6 monospace;resize:vertical}
.site-zone-help{font-size:12px;opacity:.75;margin:0}
.site-zone-import .site-zone-consent{display:flex;align-items:flex-start;line-height:1.5}
.site-zone-consent input{flex:none;margin-top:4px}
.site-zone-preview{max-height:250px;overflow:auto;border:1px solid var(--border,#44464d);border-radius:12px}
.site-zone-preview-row{display:grid;grid-template-columns:minmax(100px,1fr) 50px 80px minmax(130px,2fr);gap:10px;padding:12px;font-size:12px;border-bottom:1px solid var(--border,#44464d)}
.site-zone-preview-row:last-child{border-bottom:0}
.site-zone-preview-row span{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:600px){.site-zone-preview-row{grid-template-columns:1fr 50px}.site-zone-preview-row span:last-child{grid-column:1/-1}}
html[data-theme=light] .site-zone-import input[type=file],html[data-theme=light] .site-zone-import textarea{background:#fff;color:#20232b}

.site-zone-import .site-action{justify-self:start;min-height:40px;padding:9px 15px;border:1px solid #b9cde1;border-radius:10px;background:#f2f7fc;color:#214264;font:700 12px/1.5 Manrope,Arial,sans-serif;cursor:pointer}
.site-zone-import input[type=file]::file-selector-button{padding:7px 10px;margin-right:8px;border:1px solid #b9cde1;border-radius:8px;background:#f2f7fc;color:#214264;font:inherit;cursor:pointer}
html[data-theme=dark] .site-zone-import .site-action,html[data-theme=dark] .site-zone-import input[type=file]::file-selector-button{background:#292c33;border-color:#44464d;color:#dbe8f7}

/* Website DNS and journal: inset surfaces with consistent rounded boundaries. */
#websiteRoot .site-compact-detail .site-record-list{display:grid;gap:10px;border-radius:14px}
#websiteRoot .site-compact-detail .site-record{padding:16px;border:1px solid var(--sc-line);border-radius:14px;min-width:0;align-items:start}
#websiteRoot .site-compact-detail .site-record>div{min-width:0}
#websiteRoot .site-compact-detail .site-record code{overflow-wrap:anywhere;white-space:pre-wrap}
#websiteRoot .site-compact-detail .site-record-type{border-radius:8px;line-height:1.5}
#websiteRoot .site-compact-detail .site-journal{border-radius:14px;padding:14px;margin:0;display:grid;gap:10px}
#websiteRoot .site-compact-detail .site-journal li:not(.site-journal-date):not(.site-journal-empty){padding:14px;border:1px solid var(--sc-line);border-radius:12px;min-width:0;gap:12px;background:var(--sc-paper)}
#websiteRoot .site-compact-detail .site-journal li>div{min-width:0}
#websiteRoot .site-compact-detail .site-journal-date{padding:3px 0;border:0}
#websiteRoot .site-compact-detail .site-journal-scroll{border-radius:14px;margin:16px 0;scrollbar-gutter:stable}
#websiteRoot .site-compact-detail .site-history-row{padding:12px 14px;margin-top:8px;border:1px solid var(--sc-line);border-radius:12px}
#websiteRoot .site-compact-detail .site-editor,#websiteRoot .site-compact-detail .site-history{border:1px solid var(--sc-line);border-radius:14px;margin-top:16px;padding:14px 16px;min-width:0}
#websiteRoot .site-compact-detail .site-editor[open]>summary{margin-bottom:18px}
#websiteRoot .site-compact-detail .site-dns-value{grid-template-columns:minmax(0,1fr);gap:12px;border-radius:14px;padding:16px;min-width:0}
#websiteRoot .site-compact-detail .site-value-label{min-height:32px;display:flex;align-items:center;padding-right:44px}
#websiteRoot .site-compact-detail .site-value-remove{position:absolute;top:16px;right:16px;margin:0;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border-radius:9px;line-height:1;font-size:19px}
#websiteRoot .site-compact-detail .site-dns-value-fields{min-width:0}
#websiteRoot .site-compact-detail .site-dns-value-fields label{min-width:0}
#websiteRoot .site-compact-detail .site-dns-value-fields :is(input,textarea,select){max-width:100%;border-radius:10px}
@media(max-width:650px){#websiteRoot .site-compact-detail .site-record{padding:13px;grid-template-columns:54px minmax(0,1fr);gap:10px}#websiteRoot .site-compact-detail .site-record-actions{flex-wrap:wrap}#websiteRoot .site-compact-detail .site-journal{padding:10px}#websiteRoot .site-compact-detail .site-journal li:not(.site-journal-date):not(.site-journal-empty){padding:12px;gap:8px}#websiteRoot .site-compact-detail .site-editor,#websiteRoot .site-compact-detail .site-history{padding:12px}#websiteRoot .site-compact-detail .site-dns-value-fields label{flex-basis:100%}}