.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}.settings-nav{position:sticky;top:105px;display:grid;padding:6px;border:1px solid var(--line);border-radius:6px;background:#fff}.settings-nav button{min-height:40px;padding:0 11px;border:0;border-left:3px solid transparent;background:transparent;color:#5e7278;text-align:left;font-size:.75rem;font-weight:650}.settings-nav button:hover{background:#f3f7f7;color:#17363e}.settings-nav button.active{border-left-color:var(--brand-teal);background:#edf5f6;color:#005f70}.settings-content{min-width:0}.settings-section{padding:19px;border:1px solid #d5e0e1;border-radius:7px;background:#fff;box-shadow:var(--industrial-shadow)}.settings-section+.settings-section{margin-top:12px}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #e4ebec}.settings-heading h2{margin:0 0 4px;font-size:1rem}.settings-heading p{margin:0;color:var(--muted);font-size:.72rem}.managed-badge{flex:0 0 auto;padding:4px 7px;border:1px solid #bed5d8;border-radius:3px;background:#eff7f8;color:#086878;font-size:.58rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.managed-badge.danger{border-color:#e5bcbc;background:#fff1f1;color:#a53f3f}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid label{display:grid;gap:6px;color:#52676d;font-size:.7rem;font-weight:650}.settings-grid input,.settings-grid select{width:100%;min-height:41px;padding:8px 10px;border:1px solid #d5e1e2;border-radius:4px;background:#fff;color:var(--ink)}.settings-grid input:disabled{background:#f1f4f4;color:#78898e}.settings-grid label small{color:#86969a;font-size:.59rem;font-weight:400}.density-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.density-options label{cursor:pointer}.density-options input{position:absolute;opacity:0}.density-options span{display:block;min-height:82px;padding:14px;border:1px solid #d8e3e4;border-radius:5px;background:#fff}.density-options input:checked+span{border-color:#418f9a;box-shadow:inset 3px 0 var(--brand-teal);background:#f3f9f9}.density-options strong,.density-options small{display:block}.density-options strong{font-size:.76rem}.density-options small{margin-top:6px;color:var(--muted);font-size:.63rem;line-height:1.4}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #e5ebec}.settings-notice{margin-top:14px;padding:10px 12px;border-left:3px solid #7aabb1;background:#f2f7f7;color:#62777c;font-size:.67rem}.settings-notice.warning{border-left-color:#df872e;background:#fff7ef;color:#81572f}.number-preview{display:grid;gap:4px;padding:15px;border-left:4px solid var(--brand-teal);background:#f2f7f7}.number-preview small{color:#71858a;font-size:.6rem;text-transform:uppercase}.number-preview strong{font-family:var(--font-code);font-size:1.12rem}.number-preview span{color:var(--muted);font-size:.65rem}.numbering-list{display:grid;margin-top:13px;border:1px solid #dce5e6;border-radius:5px;overflow:hidden}.numbering-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;border-bottom:1px solid #e4ebec}.numbering-list>div:last-child{border:0}.numbering-list strong,.numbering-list small{display:block}.numbering-list strong{font-size:.7rem}.numbering-list small{margin-top:2px;color:var(--muted);font-size:.58rem}.numbering-list code{color:#275b64;font-size:.66rem}.security-grid,.backup-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.security-grid article,.backup-status-grid article{padding:13px;border:1px solid #dce5e6;border-radius:5px;background:#fbfcfc}.security-grid strong,.security-grid p,.backup-status-grid small,.backup-status-grid strong,.backup-status-grid span{display:block}.security-grid strong{margin-top:9px;font-size:.72rem}.security-grid p{margin:5px 0 0;color:var(--muted);font-size:.62rem;line-height:1.4}.security-state{padding:3px 6px;border-radius:3px;font-size:.56rem;font-weight:750}.security-state.ok{background:#e7f5ef;color:#08765a}.security-state.warn{background:#fff0e5;color:#a95b23}.backup-status-grid small{color:var(--muted);font-size:.58rem;text-transform:uppercase}.backup-status-grid strong{margin:7px 0 4px;font-size:.78rem}.backup-status-grid span{color:#788a8f;font-size:.59rem}.toggle-list{display:grid;border:1px solid #dce5e6;border-radius:5px;overflow:hidden}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:10px 13px;border-bottom:1px solid #e5ebec}.settings-toggle:last-child{border:0}.settings-toggle strong,.settings-toggle small{display:block}.settings-toggle strong{font-size:.72rem}.settings-toggle small{margin-top:3px;color:var(--muted);font-size:.59rem}.settings-toggle input{position:absolute;opacity:0}.settings-toggle i{position:relative;flex:0 0 38px;width:38px;height:21px;border-radius:12px;background:#b8c5c7;transition:.15s}.settings-toggle i:after{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.15s}.settings-toggle input:checked+i{background:var(--brand-teal)}.settings-toggle input:checked+i:after{transform:translateX(17px)}.settings-toggle.is-disabled{opacity:.58}.settings-toggle.is-disabled i{cursor:not-allowed}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow-x:auto}.settings-nav button{flex:0 0 auto;border-left:0;border-bottom:3px solid transparent}.settings-nav button.active{border-bottom-color:var(--brand-teal)}.security-grid,.backup-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.settings-layout{gap:10px}.settings-section{padding:14px}.settings-grid,.settings-grid.three,.density-options,.security-grid,.backup-status-grid{grid-template-columns:1fr}.settings-heading{display:block}.managed-badge{display:inline-block;margin-top:8px}.settings-actions{justify-content:stretch;flex-direction:column}.settings-actions button{width:100%}.numbering-list>div{align-items:flex-start;flex-direction:column;gap:5px}}