.configuration-manager {
&{color-scheme:inherit;--configuration-danger:#842323;--configuration-success:#23704e;font:16px/1.55 system-ui,sans-serif;color:var(--ink);background:transparent}*{box-sizing:border-box}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2}h2{font-size:1.35rem}header{padding:16px 0 24px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text)}section,form{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:24px;margin:20px 0;scroll-margin:16px}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{background:var(--tint);padding:8px 12px;border-radius:6px}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}label{display:block;font-weight:600;margin:8px 0}label span,small{font-size:.84rem;font-weight:400;color:var(--text)}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid var(--field-border);border-radius:5px;font:inherit;background:var(--paper);color:inherit}button{background:var(--accent);border:2px solid transparent;color:var(--button-ink);border-radius:6px;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer;margin:12px 0;white-space:normal}button:hover{background:var(--button-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:12px}details{margin-top:8px;font-size:.9rem}details p{margin:8px 0}summary{cursor:pointer;color:var(--accent)}.next{display:inline-block;margin-top:24px}.notice{background:color-mix(in srgb,var(--configuration-success) 12%,var(--paper));border-left:5px solid var(--configuration-success);padding:16px}.errors,.error-text{color:var(--configuration-danger)}.errors{background:color-mix(in srgb,var(--configuration-danger) 10%,var(--paper));border:1px solid var(--configuration-danger);padding:16px;border-radius:6px}.invalid input{border:2px solid var(--configuration-danger)}.danger{border-color:var(--configuration-danger)}.danger button{background:var(--configuration-danger);color:var(--paper)}.check{display:flex;align-items:flex-start;gap:12px}.check input{width:22px;height:22px;flex-shrink:0}fieldset{border:1px solid var(--field-border);border-radius:8px;margin-top:24px;padding:18px}footer{color:var(--text);font-size:.85rem;padding:24px 0}p,small,a{overflow-wrap:anywhere}@media(max-width:680px){main{padding:16px 12px}.fields{grid-template-columns:1fr}section{padding:18px}nav a{font-size:.9rem}button{width:100%}}
/* Tabs are enhanced by configuration.js; without scripts every section stays reachable. */
[hidden]{display:none!important}
#configuration{background:transparent;border:0;padding:0;margin:0}
#setup-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:8px 3px 12px;scrollbar-width:thin}
#setup-tabs a{flex:0 0 auto;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;border-radius:6px 6px 0 0}
#setup-tabs a[aria-selected=true]{background:var(--accent);color:var(--button-ink);border-bottom-color:var(--button-ink);font-weight:700}
.tab-panel{margin-top:8px}.setup-section{padding:22px;margin:24px 0;border-radius:8px;background:var(--surface)}
.setup-section h3{margin:0;font-size:1.15rem}.section-intro{margin:8px 0 20px;color:var(--text)}
.tab-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:12px 0;border-bottom:1px solid var(--border)}
.tab-actions p{flex:1 1 280px;margin:0}.tab-actions button{flex-shrink:0}
.actions{align-items:center}.actions span,.tab-actions span{font-size:.9rem}
button:disabled,button:disabled:hover{background:var(--surface);color:var(--text);border-color:var(--border);cursor:default}
.storage{background:var(--tint);border-radius:8px;padding:14px 18px;margin-bottom:12px;font-size:.92rem;overflow-wrap:anywhere}
#setup-feedback:empty{display:none}code{font-size:.9em}fieldset{min-width:0}.field{min-width:0}
@media(max-width:680px){.setup-section{padding:14px}.tab-panel{padding:16px}.tab-actions{display:block}.setup-section .fields{gap:18px}}

}

html[data-theme=dark] .configuration-manager { color-scheme:dark; --configuration-danger:#ffb4ad; --configuration-success:#8bdfb5; }