@import url('./professional-specialties.css');
/* Phase 0/1 canonical shell; scoped overrides leave Client navigation distinct. */
.app-shell:not(.client-shell) .sidebar{background:#0a1219;padding:18px 8px 0;gap:8px}
.app-shell:not(.client-shell) .sidebar-profile{order:0;border:0;padding:0 10px 12px}
.app-shell:not(.client-shell) .sidebar .brand{order:3;margin-top:auto;padding:18px 10px;min-height:74px;z-index:1}
.app-shell:not(.client-shell) .sidebar .brand img{width:190px;height:auto}
.app-shell:not(.client-shell) .sidebar .agent-navigation{order:1;flex:0 0 auto;gap:18px}
.app-shell:not(.client-shell) .sidebar-story{order:2;position:relative;inset:auto;min-height:180px;margin:0 -8px -85px;padding:40px 20px 90px;background:linear-gradient(#0a121900,#0a121922 50%,#0a1219),linear-gradient(#0a1219,transparent 38%),url('/assets/real-estate-hero.png') 75% center/cover}
.app-shell:not(.client-shell) .sidebar-story em{display:none}
.app-shell:not(.client-shell) .sidebar nav button{min-height:43px;padding:8px 14px;border-radius:6px;font-size:13px;line-height:17px}
.app-shell:not(.client-shell) .sidebar nav button[aria-current=page]{background:#202b34;box-shadow:inset 4px 0 #ff6908}
.app-shell:not(.client-shell) .module-copy{flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:5px}
.app-shell:not(.client-shell) .module-copy small{font-size:8px;border:1px solid #455562;border-radius:4px;padding:2px 3px;white-space:nowrap}
.app-shell:not(.client-shell) .sidebar .collapse-button{position:fixed;top:14px;left:214px;background:#101b24;width:26px;height:26px;min-height:26px;padding:4px}
.app-shell:not(.client-shell).collapsed .sidebar .collapse-button{left:42px}
.shell-search{display:flex;align-items:center;gap:10px;position:relative;flex:1;max-width:850px}
.shell-search input{width:100%;min-height:42px;background:#eff5fa;border:1px solid #dce6ee;font-size:14px}
.shell-search-results:not(:empty){position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #dce6ee;padding:12px;z-index:30;box-shadow:0 8px 20px #0002}
.shell-search-results .btn{display:block;width:100%;text-align:left}
.shell-search+.mobile-brand+.portal-context{font-size:12px}
.settings-page{color:#121b36;--settings-surface:#fff;--settings-border:#dce5ef;--settings-muted:#59698d}
.main:has(.settings-page){background:#f5faff}
.main:has(.settings-page){padding-top:12px}
.main:has(.settings-page)>.preview-tools,.main:has(.settings-page)>.preview-label{margin:0 0 6px;padding:0;font-size:10px}
.settings-page .settings-notifications th,.settings-page .settings-notifications td{padding:8px 18px}
.settings-page .settings-notifications input[role=switch]{margin:0;vertical-align:middle}
.settings-page h1{font-size:38px;line-height:1.15;margin:8px 0}
.settings-description{color:var(--settings-muted);margin:4px 0 20px;font-size:16px}
.settings-breadcrumb{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--settings-muted)}
.settings-breadcrumb .btn{padding:2px 4px;min-height:28px;border:0;background:none;font-size:12px}
.settings-tabs{display:flex;gap:24px;border-bottom:1px solid var(--settings-border);margin:24px 0 20px;overflow-x:auto}
.settings-page .settings-tabs .btn{border:0;border-bottom:4px solid transparent;border-radius:0;background:none;color:var(--settings-muted);white-space:nowrap;font-weight:400;padding:12px 14px;min-height:44px}
.settings-page .settings-tabs .btn[aria-current=page]{border-bottom-color:#ff6908;color:inherit;font-weight:650}
.settings-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.settings-card,.settings-page .branding-settings,.settings-page .agreement-paper{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:8px;padding:22px;margin:0 0 20px;min-width:0}
.settings-page h2{font-size:24px;line-height:1.25;margin:0 0 6px}
.settings-page h3{font-size:18px;margin-top:18px}
.settings-page .field{margin:0 0 22px}
.settings-page input,.settings-page select{background:var(--settings-surface);color:inherit;border-color:#c6d2e3;border-radius:4px;min-height:42px}
.settings-page input[type=checkbox],.settings-page input[type=radio]{min-height:0;accent-color:#ff6908}
.settings-page .btn{border-color:#b9c6db;border-radius:4px}
.settings-page .btn.primary{background:#ff6908;color:#17211e;border-color:#ff6908}
.settings-note-inline{font-size:13px;color:var(--settings-muted);margin:16px 0}
.settings-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
.settings-regional{padding:0!important;border:0!important;box-shadow:none!important;background:none!important;max-width:none}
.settings-choices{border:0;padding:0;margin:22px 0;display:flex;gap:12px;flex-wrap:wrap}
.settings-choices legend{font-size:14px;font-weight:600;margin-bottom:10px}
.settings-choices label{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #c6d2e3;border-radius:6px;flex:1;min-height:68px;padding:12px;cursor:pointer}
.settings-choices label:has(input:checked){border-color:#ff6908;background:#fff1e6;color:#17211e}
.settings-table-scroll{overflow:auto}.settings-notifications{width:100%;border-collapse:collapse;margin:20px 0}
.settings-notifications th,.settings-notifications td{padding:15px 20px;border:1px solid var(--settings-border);font-weight:400}
.settings-notifications th:first-child{text-align:left;width:55%}
.settings-notifications td{text-align:center}
.settings-notifications thead{background:#eef4fa}
.settings-notifications input[role=switch]{appearance:none;width:48px;height:28px;border:0;border-radius:20px;background:#c5cfde;position:relative;cursor:pointer}
.settings-notifications input[role=switch]:before{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002}
.settings-notifications input[role=switch]:checked{background:#ff6908}
.settings-notifications input[role=switch]:checked:before{left:24px}
.settings-page dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}
.settings-page dd{margin:0;overflow-wrap:anywhere}
.unavailable-control{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--settings-border)}
.unavailable-control small{max-width:320px;color:var(--settings-muted)}
.settings-page .branding-settings form{padding:12px 0;border-top:1px solid var(--settings-border)}
html[data-density=compact] .settings-card{padding:14px}
html[data-density=compact] .settings-page .field{margin-bottom:12px}
html[data-density=compact] .app-shell:not(.client-shell) .sidebar nav button{min-height:36px;padding-block:5px}
html[data-theme=dark] .settings-page{color:#eef2ff;--settings-surface:#18222e;--settings-border:#405269;--settings-muted:#b5c4df}
html[data-theme=dark] .main:has(.settings-page){background:#111a24}
html[data-theme=dark] .settings-notifications thead{background:#263548}
@media(prefers-color-scheme:dark){html[data-theme=system] .settings-page{color:#eef2ff;--settings-surface:#18222e;--settings-border:#405269;--settings-muted:#b5c4df}html[data-theme=system] .main:has(.settings-page){background:#111a24}html[data-theme=system] .settings-notifications thead{background:#263548}}
@media(min-width:768px){.app-shell:not(.collapsed):not(.client-shell){grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:1000px){.settings-columns{grid-template-columns:1fr}.settings-tabs{gap:4px}.shell-search{max-width:420px}.portal-context small{display:none}}
@media(max-width:767px){.app-shell:not(.client-shell) .sidebar{padding:4px 8px max(4px,env(safe-area-inset-bottom))}.app-shell:not(.client-shell) .sidebar-story{display:none}.app-shell:not(.client-shell) .sidebar .brand{display:none}.app-shell:not(.client-shell) .sidebar .agent-navigation{display:block}.settings-page h1{font-size:30px}.settings-card{padding:16px}.settings-tabs .btn{padding:10px;font-size:14px}.settings-breadcrumb{flex-wrap:wrap}.shell-search{display:none}.unavailable-control{align-items:flex-start;flex-direction:column}.settings-page dl{grid-template-columns:1fr;gap:8px}.settings-page h2{font-size:21px}.settings-notifications th,.settings-notifications td{padding:12px 8px}.settings-actions .btn{flex:1}}