/* Phase 4C: all surfaces use live app theme tokens, no hard-coded palette. */
#v6SettingsPage{min-width:0;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
#v6SettingsPage .v6-settinggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;max-width:100%}
#v6SettingsPage .v6-settinggrid>button{min-width:0;min-height:48px;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.3;touch-action:manipulation}
#v6SettingsPage h2{margin-block:22px 12px;scroll-margin-top:90px}
#recordBackdrop .modal,#settingsBg .modal,#reviewBg .modal{box-sizing:border-box;max-width:min(94vw,860px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
#recordBackdrop .fields{min-width:0}
#recordBackdrop :is(input,textarea,select),#v6SettingsPage :is(input,textarea,select){box-sizing:border-box;max-width:100%;min-width:0}
#recordBackdrop textarea{min-height:120px;resize:vertical;line-height:1.5}
#recordBackdrop :is(button,input,select,textarea):focus-visible,#v6SettingsPage button:focus-visible{outline:2px solid var(--fb-accent,var(--accent,currentColor));outline-offset:2px}
#recordBackdrop .footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media(max-width:760px){
 #v6SettingsPage{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
 #v6SettingsPage .v6-settinggrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #v6SettingsPage .v6-settinggrid>button{min-height:52px;font-size:clamp(12px,3.4vw,15px)}
 body.fn4c-record-open :is(.v6-nav,.v6-rail,.v6-footer){display:none!important}
 body.fn4c-record-open #recordBackdrop{align-items:stretch!important;justify-content:stretch!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important}
 body.fn4c-record-open #recordBackdrop>.modal{max-width:100%!important;width:100%!important;height:100%!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;padding:16px max(14px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important}
 body.fn4c-record-open #recordBackdrop :is(input,textarea,select){font-size:16px!important}
 body.fn4c-record-open #recordBackdrop textarea{min-height:24dvh}
 body.fn4c-record-open #recordBackdrop .footer{position:sticky;bottom:0;z-index:2;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:var(--fb-surface,var(--panel,var(--surface,inherit)));border-top:1px solid var(--fb-border,var(--border,transparent))}
}
@media(max-width:370px){#v6SettingsPage .v6-settinggrid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#recordBackdrop * ,#v6SettingsPage *{scroll-behavior:auto!important;animation-duration:0.01ms!important;transition-duration:0.01ms!important}}