.settings-nav{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem;position:sticky;top:.75rem;z-index:10}
.settings-nav a{color:#334155;font-weight:700;text-decoration:none;white-space:nowrap;padding:.55rem .8rem;border-radius:.55rem}
.settings-nav a:hover{background:#e8efff;color:#153e75}
.settings-sections{display:grid;gap:1.25rem}
.settings-section{scroll-margin-top:5.5rem;overflow:hidden}
.settings-section .accordion{padding:1rem}
.settings-section .accordion-item{border-color:#e2e8f0}
.settings-section .form-control,.settings-section .form-select{min-height:40px}
.notification-rule-grid{padding:1rem;display:grid;gap:.75rem}
.notification-rule{display:grid;grid-template-columns:minmax(170px,1.5fr) 90px repeat(4,70px) 80px;gap:.75rem;align-items:center;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem}
.notification-rule-header{font-size:.78rem;font-weight:800;color:#64748b;text-transform:uppercase}
.notification-rule .channel{text-align:center}
@media(max-width:900px){.settings-nav{position:static}.notification-rule-header{display:none}.notification-rule{grid-template-columns:1fr 1fr}.notification-rule .channel{text-align:left}.notification-rule .channel::before{content:attr(data-label) ': ';font-size:.8rem;font-weight:700;color:#64748b}.notification-rule button{grid-column:1/-1}}