/* Settings navigation and forms share Clinic's existing design tokens. */
#page-settings .settings-workspace{display:grid;grid-template-columns:224px minmax(0,1fr);gap:24px;align-items:start}
#page-settings .settings-workspace-content{min-width:0}
#page-settings .settings-workspace .settings-tabbar{display:flex;flex-direction:column;gap:4px;margin:0;padding:12px;background:#fff;overflow:visible;min-width:0;border-radius:16px}
#page-settings .settings-nav-group{font-size:11px;font-weight:700;color:var(--ink3);padding:16px 10px 6px;text-transform:uppercase;letter-spacing:.05em}
#page-settings .settings-nav-group:first-child{padding-top:4px}
#page-settings .settings-workspace .cfg-tab-btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;white-space:normal;min-height:62px;padding:10px 12px;font-weight:600}
#page-settings .cfg-tab-btn small{font-size:11px;line-height:1.4;font-weight:400;opacity:.85}
#page-settings .cfg-tab-btn:focus-visible{outline:3px solid #83b8ec;outline-offset:2px}
#page-settings .settings-section-intro{margin:0 0 16px}
#page-settings .settings-section-intro h3{font-size:20px;margin:0 0 4px;color:var(--ink)}
#page-settings .settings-section-intro p{font-size:14px;margin:0;color:var(--ink3)}
#page-settings .settings-workspace-content .card{max-width:none;margin-bottom:18px;box-shadow:none;border-radius:14px}
#page-settings .settings-workspace-content .card-head{padding:18px 20px;gap:12px;flex-wrap:wrap}
#page-settings .settings-workspace-content .card-head h3{font-size:16px}
#page-settings .settings-workspace-content .card-head-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:0}
#page-settings .settings-workspace-content .settings-card-body{padding:20px}
#page-settings .settings-account-panel{max-width:none}
#page-settings .settings-clinic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#page-settings .settings-workspace-content input:not([type=checkbox]):not([type=radio]):not([type=file]),#page-settings .settings-workspace-content select{min-height:42px;max-width:100%;box-sizing:border-box}
#page-settings .settings-workspace-content .fg{min-width:0}
#page-settings .settings-actions{padding-top:16px;border-top:1px solid var(--border)}
@media(max-width:1000px){
 #page-settings .settings-workspace{grid-template-columns:minmax(0,1fr);gap:20px}
 #page-settings .settings-workspace .settings-tabbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
 #page-settings .settings-nav-group{grid-column:1/-1}
 #page-settings .settings-workspace .cfg-tab-btn{min-height:56px}
}
@media(max-width:600px){
 #page-settings .settings-clinic-grid{grid-template-columns:minmax(0,1fr)!important}
 #page-settings .settings-workspace-content .card-head,#page-settings .settings-workspace-content .settings-card-body{padding:16px}
 #page-settings .settings-workspace-content .card-head-actions{width:100%}
 #page-settings .settings-workspace-content .card-head-actions>input,#page-settings .settings-workspace-content .card-head-actions>select{width:100%!important}
 #page-settings .settings-workspace-content .btn{min-height:44px;white-space:normal}
}

/* Independent record, like the patient / OS workspace. Only active in Settings. */
body.settings-workspace-open{overflow:hidden;background:#f3f6f8}
body.settings-workspace-open #screen-app>.sidebar,
body.settings-workspace-open #screen-app>#mob-overlay,
body.settings-workspace-open #screen-app>#mob-menu-btn,
body.settings-workspace-open #screen-app>#mob-tabbar,
body.settings-workspace-open #screen-app>#mob-add-overlay,
body.settings-workspace-open #screen-app>#mob-add-sheet,
body.settings-workspace-open #screen-app>#mob-more-overlay,
body.settings-workspace-open #screen-app>#mob-more-sheet,
body.settings-workspace-open #screen-app .topbar,
body.settings-workspace-open #screen-app #mob-topbar,
body.settings-workspace-open #screen-app #sb-pill-toggle,
body.settings-workspace-open .ck-fab{display:none!important}
body.settings-workspace-open #screen-app>.main{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-y:auto!important;background:#f3f6f8}
body.settings-workspace-open #screen-app #page-settings{width:100%!important;max-width:1600px!important;min-height:100dvh;margin:0 auto!important;padding:0 28px 40px!important;box-sizing:border-box}
#screen-app.screen #page-settings.clinic-unified-page>.clinic-unified-heading{display:none!important}
#page-settings .settings-record-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:18px 0;margin:0 0 24px;border-bottom:1px solid var(--border);background:#f3f6f8}
#page-settings .settings-record-header h1{font-size:24px;margin:0 0 4px;color:var(--ink)}
#page-settings .settings-record-header p{font-size:13px;color:var(--ink3);margin:0}
#page-settings .settings-record-header .btn{min-height:44px;flex-shrink:0}
@media(max-width:600px){
 body.settings-workspace-open #screen-app #page-settings{padding:0 14px 28px!important}
 #page-settings .settings-record-header{gap:10px;flex-wrap:wrap;padding:12px 0;margin-bottom:16px}
 #page-settings .settings-record-header h1{font-size:20px}
 #page-settings .settings-record-header p{display:none}
}

/* The live shell injects a separate adaptive header and reparents the sidebar toggle. */
html body.settings-workspace-open.clinic-minimal-preview #screen-app .main>.topbar,
html body.settings-workspace-open #clinic-adaptive-header,
html body.settings-workspace-open #sb-pill-wrap,
html body.settings-workspace-open #sb-pill-wrap>#sb-pill-toggle{display:none!important}
html body.settings-workspace-open #screen-app.screen.active .main>.page#page-settings{padding-top:0!important}
#page-settings .settings-help{margin:0 0 20px;border:1px solid var(--border);border-radius:12px;background:#fff}
#page-settings .settings-help>summary{padding:12px 16px;cursor:pointer;color:var(--ink2);font-size:13px;font-weight:600;min-height:44px;box-sizing:border-box}
#page-settings .settings-help>summary:focus-visible{outline:3px solid #83b8ec;outline-offset:2px}
#page-settings .settings-help>.setup-card{margin:12px 16px!important}
#page-settings .settings-help:not(:has(>.setup-card:not([hidden]))){display:none}