/* Settings in sections: a list of them on the left, one section at a time on the right.
   On a phone the list becomes a row of chips that scrolls sideways. */
.settings-layout{display:grid;grid-template-columns:250px minmax(0,700px);gap:28px;align-items:start;padding-bottom:40px}
.settings-nav{position:sticky;top:20px;display:flex;flex-direction:column;gap:4px}
.settings-nav button{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;background:none;border:1px solid transparent;border-radius:9px;text-align:left;color:#a9b9ad}
.settings-nav button:hover{background:#18201a}
.settings-nav button[aria-selected="true"]{background:#1f2a1f;border-color:#3c5131;color:var(--text)}
.settings-nav button b{display:block;font-size:13px;font-weight:550}
.settings-nav button[aria-selected="true"] b{color:var(--green)}
.settings-nav small{display:block;margin-top:2px;font-size:11px;line-height:1.4;color:var(--muted)}
.settings-icon{width:18px;flex:0 0 18px;text-align:center;font-size:15px;line-height:1.3;color:#7f947f}
.settings-nav-label{margin:16px 12px 6px;font-size:10px;letter-spacing:1.6px;color:#66776b}
.settings-panel .settings-card{max-width:none}
.settings-panel .streaming-account,.settings-panel .stream-connections{margin:0}
.settings-advanced-note{margin:0 0 14px;padding:11px 14px;font-size:12px;line-height:1.6;background:#1c1f17;border:1px solid #3f3a28;border-radius:9px;color:#d9cfa8}
.settings-advanced-note b{color:#e3c77e;font-weight:600}
.settings-lead{margin:8px 0 22px;font-size:12px;line-height:1.6}
.settings-group{margin:0 0 22px;padding:18px 18px 4px;border:1px solid var(--line);border-radius:10px;background:#141b16;min-width:0}
.settings-group legend{padding:0 6px;font-size:12px;font-weight:600;color:#dbe8d9}
.settings-group label small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}
.settings-group select{max-width:100%}
.settings-fact{margin:-8px 0 18px;font-size:11px;color:#b7c8ba}
.settings-fact:empty{display:none}
#settings-form>h2{margin-bottom:0}
#settings-form .switch-row{margin-bottom:18px}
.settings-panel .info-card{padding:28px}

@media(max-width:900px){
  .settings-layout{grid-template-columns:1fr;gap:16px}
  .settings-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:6px;scrollbar-width:thin}
  .settings-nav button{flex:0 0 auto;align-items:center;padding:9px 13px;border-color:var(--line)}
  .settings-nav small,.settings-nav-label{display:none}
}
@media(max-width:560px){
  .settings-panel .settings-card{padding:20px 16px}
  .settings-group{padding:14px 14px 2px}
  .settings-panel .info-card{padding:20px}
}