/* Settings uses one screen at a time; keep original controls and event bindings. */
#settingsView.settings-screen-navigation [hidden]{display:none!important}
#settingsView.settings-screen-navigation{max-width:980px;min-width:0;margin-inline:auto}
#settingsView.settings-screen-navigation .settings-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
#settingsView.settings-screen-navigation .settings-shortcuts button{display:flex;align-items:center;min-height:94px;gap:12px;padding:16px;border-radius:16px;text-align:left;background:var(--surface);color:var(--text)}
#settingsView .settings-menu-copy{display:grid;gap:5px;flex:1;min-width:0}
#settingsView .settings-menu-copy strong{font-size:.95rem;line-height:1.3}
#settingsView .settings-menu-copy small{font-size:.78rem;line-height:1.45;font-weight:400;color:var(--muted)}
#settingsView .settings-menu-arrow{flex:none;font-size:1.6rem;color:var(--muted)}
#settingsView .settings-page-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#settingsView .settings-back{display:flex;align-items:center;gap:9px;min-height:44px;white-space:normal;background:var(--surface);color:var(--text)}
#settingsView .settings-back span{font-size:1.6rem;line-height:1}
#settingsView .settings-page-label{color:var(--muted);font-size:.78rem;text-align:right}
#settingsView.settings-screen-navigation .settings-stack{display:block}
#settingsView.settings-screen-navigation .settings-panel{min-width:0;max-width:100%;margin:0;scroll-margin:0}
#settingsView .whv-workspace-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 20px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
#settingsView .whv-workspace-link p{margin:4px 0 0;color:var(--muted);font-size:.8rem;line-height:1.4}
#settingsView .whv-workspace-link .btn{min-height:44px;white-space:normal}
@media(max-width:620px){
  #settingsView.settings-screen-navigation .settings-shortcuts{grid-template-columns:minmax(0,1fr);gap:10px}
  #settingsView.settings-screen-navigation .settings-shortcuts button{min-height:82px;padding:14px}
  #settingsView .settings-page-label{display:none}
  #settingsView .whv-workspace-link{display:block}
  #settingsView .whv-workspace-link .btn{width:100%;margin-top:12px}
  #settingsView .whv-employee-details{grid-template-columns:minmax(0,1fr)}
  #settingsView .settings-panel .btn{max-width:100%;white-space:normal}
}
#settingsView.settings-screen-navigation:not([data-settings-screen="home"])>.guest-upgrade{display:none}