.settings-main{position:relative;isolation:isolate;min-height:calc(100vh - 5rem);overflow:hidden;padding:2.5rem 0 5rem}.settings-main .admin-backdrop{position:absolute}
.settings-layout{display:grid;gap:1.25rem;align-items:start}.settings-card,.settings-connections{border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:rgba(58,16,34,.94);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.settings-card{padding:clamp(1.25rem,3vw,2.25rem)}.settings-heading .eyebrow,.settings-connections__heading .eyebrow{margin-bottom:.4rem}.settings-heading h1{font-size:clamp(2rem,5vw,3.5rem)}.settings-heading>p:last-child{max-width:46rem;margin-top:.65rem;color:var(--colour-text-muted)}
.settings-notice{margin:1.5rem 0;padding:1rem 1.1rem;border-left:.25rem solid var(--colour-electric-green);border-radius:.35rem;background:rgba(255,215,106,.07)}.settings-notice strong{font-family:var(--font-heading);font-size:.82rem}.settings-notice p{margin-top:.25rem;color:var(--colour-text-muted);font-size:.8rem}
.settings-fields{display:grid;gap:1rem}.settings-field{display:grid;gap:.4rem}.settings-field>span{font-size:.78rem;font-weight:800}.settings-field input{width:100%;min-height:3.15rem;padding:.7rem .8rem;border:1px solid var(--colour-border);border-radius:.4rem;background:#09120e;color:var(--colour-text);font:500 .82rem var(--font-body);transition:border-color .18s,box-shadow .18s}.settings-field input:hover{border-color:rgba(255,255,255,.25)}.settings-field input:focus{border-color:var(--colour-electric-green);box-shadow:0 0 0 .2rem rgba(255,215,106,.1);outline:0}.settings-field input[aria-invalid="true"]{border-color:var(--colour-error);box-shadow:0 0 0 .2rem rgba(239,68,68,.08)}.settings-field small{color:var(--colour-text-muted);font-size:.68rem}.settings-field em{min-height:1rem;color:#fca5a5;font-size:.68rem;font-style:normal;font-weight:700}
.settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.settings-status{flex:1 1 100%;min-height:1.25rem;color:var(--colour-text-muted);font-size:.76rem;font-weight:700}.settings-status[data-state="success"]{color:var(--colour-electric-green)}.settings-status[data-state="error"]{color:#fca5a5}
.settings-connections{overflow:hidden}.settings-connections__heading{padding:1.25rem;border-bottom:1px solid var(--colour-border)}.settings-connections__heading h2{font-size:1.35rem}.settings-connection-list{display:grid}.settings-connection{display:grid;grid-template-columns:minmax(7rem,.7fr) minmax(0,1fr) auto;gap:.75rem;align-items:center;min-height:5.25rem;padding:.9rem 1rem;border-bottom:1px solid var(--colour-border);transition:background .18s}.settings-connection:last-child{border-bottom:0}.settings-connection:hover{background:var(--colour-surface-hover)}.settings-connection span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.settings-connection strong{overflow-wrap:anywhere;color:var(--colour-text-muted);font-size:.72rem;line-height:1.35}.settings-connection i{color:var(--colour-electric-green);font-size:.68rem;font-style:normal;font-weight:800;white-space:nowrap}
@media(min-width:48rem){.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:72rem){.settings-layout{grid-template-columns:minmax(0,1.45fr) minmax(22rem,.75fr)}}
@media(max-width:39.99rem){.settings-main{padding-top:1rem}.settings-connection{grid-template-columns:1fr auto}.settings-connection strong{grid-column:1/-1;grid-row:2}.settings-connection i{grid-column:2;grid-row:1}.settings-actions .button{flex:1 1 100%}}