.healthcare-app .app:has(>main[data-page="settings"]){min-height:100dvh;background:#e9f5ff url('/assets/overview-briefing-background.svg') left top/100% 100% no-repeat}
.healthcare-app main[data-page="settings"]{max-width:1440px;padding:32px 32px 24px;min-height:100dvh}
.healthcare-app main[data-page="settings"] .page-heading{min-height:80px;margin-bottom:20px}
.healthcare-app main[data-page="settings"] h1{font-size:clamp(30px,3.2vw,42px);line-height:1.2;letter-spacing:-.04em;font-weight:800;color:#071746}
.healthcare-app main[data-page="settings"] #page-subtitle{font-size:13px;color:#4d6690;margin-top:8px;line-height:1.6}
.healthcare-app main[data-page="settings"] #stats[hidden]{display:none}
.settings-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);background:#fffffff5;border:1px solid #c9ddf6;border-radius:16px;box-shadow:0 5px 22px #678fb710;min-height:510px;overflow:hidden}
.settings-section-nav{padding:20px 14px;border-right:1px solid #e2ebf8;display:flex;flex-direction:column;gap:5px;background:#f8fbff80}
.settings-section-nav button{border:0;background:none;text-align:left;padding:12px 13px;min-height:42px;border-radius:7px;font:inherit;font-size:12px;line-height:1.45;color:#24467b;cursor:pointer}
.settings-section-nav button[aria-current="page"]{background:#e0efff;color:#075eff;font-weight:650}
.settings-section-nav button:hover{background:#edf5ff}
.settings-content{padding:26px 28px 24px;min-width:0}
.settings-content h2{font-size:20px;font-weight:750;letter-spacing:-.025em;color:#102b5b;margin:0 0 22px}
.settings-content h3{font-size:13px;color:#15366a;font-weight:650;margin:20px 0 8px}
.settings-description{font-size:12px;line-height:1.6;color:#627a9d;margin:0 0 16px}
.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.settings-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;min-width:0;color:#15366a}
.settings-field>span{font-weight:600}
.settings-workspace input:not([type=checkbox]):not([type=radio]),.settings-workspace select,#modal .settings-field input,#modal .settings-field select{box-sizing:border-box;height:42px;min-height:42px;width:100%;border:1px solid #c6daf4;border-radius:7px;background:#fff;padding:10px 12px;font:inherit;font-size:12px;color:#153d77}
.settings-workspace input::placeholder{color:#8a9cb5}
.settings-workspace input[type=checkbox],.settings-workspace input[type=radio]{accent-color:#075eff;width:16px;height:16px;cursor:pointer}
.settings-workspace input:disabled{cursor:default;opacity:.4}
.settings-workspace :is(input,select,button,a):focus-visible{outline:2px solid #075eff;outline-offset:3px}
.settings-content .btn{font-size:11px;min-height:36px;padding:8px 13px;white-space:normal}
.settings-profile{display:flex;align-items:center;gap:16px;margin-bottom:25px;font-size:13px}
.settings-profile small{display:block;margin-top:6px;color:#6d81a0;font-size:11px}
.settings-avatar{display:grid;place-items:center;width:52px;height:52px;background:#dfebff;border-radius:50%;font-size:18px;font-weight:700;color:#075eff}
.settings-save{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e2ebf8;margin-top:26px;padding-top:18px}
.settings-save>span{font-size:11px;color:#6880a3}.settings-save .actions{gap:8px}
.settings-preview-note{font-size:11px;line-height:1.6;color:#617b9f;padding:11px 13px;background:#f3f8ff;border:1px solid #e0ebfa;border-radius:7px;margin:16px 0}
.settings-scope{display:inline-flex;width:fit-content;background:#fff1b2;color:#6b530e;padding:4px 8px;border-radius:6px;font-size:10px}
.settings-section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}
.settings-content .table-scroll{border:1px solid #d9e6f8;border-radius:8px;overflow-x:auto}
.healthcare-app #view .settings-content table{font-size:12px;width:100%;min-width:430px}
.healthcare-app #view .settings-content th{background:#eaf3ff;color:#24467b;font-size:11px;padding:11px 12px}
.healthcare-app #view .settings-content td{padding:13px 12px;border-bottom:1px solid #e3edf9;font-size:11px;color:#2a4874;overflow-wrap:anywhere}
.settings-users-table td strong{display:block;font-size:12px}.settings-users-table td small{display:block;font-size:10px;margin-top:5px;color:#7489a8}
.settings-user-status{display:inline-flex;align-items:center;gap:6px}.settings-user-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#179c79}.settings-user-status.invited:before{background:#dba127}
.settings-role-guide{padding:16px;background:#f3f8ff;border-radius:8px;margin-top:22px}.settings-role-guide h3{margin-top:0}.settings-role-guide>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.settings-role-guide strong{font-size:11px;color:#234579}.settings-role-guide p{font-size:10px;line-height:1.6;color:#6b81a2;margin-top:6px}
.settings-plan{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px;background:#f2f8ff;border:1px solid #dce9fa;border-radius:9px}.settings-plan small{font-size:11px;color:#6c82a2;display:block}.settings-plan h3{font-size:19px;margin:7px 0}.settings-plan p{font-size:11px;line-height:1.6;color:#6c82a2}.settings-plan strong{font-size:13px;display:block;margin-bottom:9px}.settings-plan button{margin-top:15px}.settings-billing-details{margin-top:24px}.settings-billing-details h3{margin-top:0}.settings-billing-details .settings-save{flex-wrap:wrap;margin-top:10px;padding-top:12px}.settings-billing-details .settings-save>span{width:100%}
.settings-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:12px}.settings-switch-row strong{font-size:12px}.settings-switch-row small{display:block;font-size:11px;color:#7086a5;margin-top:7px}
.settings-workspace input.settings-toggle{appearance:none;width:34px;height:20px;border-radius:20px;background:#b8c3d3;position:relative;flex-shrink:0;border:0;margin:0}
.settings-workspace input.settings-toggle:checked{background:#075eff}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.settings-toggle:checked:after{transform:translateX(14px)}
.settings-alert-matrix th:first-child{width:65%}.settings-alert-matrix :is(td,th):not(:first-child){text-align:center}.healthcare-app #view .settings-alert-matrix tbody th{background:#fff;font-size:11px;font-weight:500;border-bottom:1px solid #e3edf9}
.settings-radio-group{border:0;padding:0;margin:24px 0;display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.settings-radio-group legend{font-weight:650;margin-bottom:15px;color:#15366a}.settings-radio-group label{display:flex;align-items:center;gap:8px}
.settings-export-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #e2ebf8}.settings-export-row h3{margin:0 0 8px}.settings-export-row p{font-size:11px;line-height:1.6;color:#6d83a3}.settings-range{max-width:210px;margin:20px 0}.settings-retention{background:#f3f8ff;border-radius:8px;padding:16px;margin-top:24px;font-size:11px;line-height:1.7;color:#627b9d}.settings-retention strong{color:#24467b}.settings-retention a{color:#075eff}
#settings-user-error{font-size:12px;color:#b43145;margin:10px 0}
@media(max-width:1100px){.healthcare-app main[data-page="settings"]{padding:28px 24px}.settings-workspace{grid-template-columns:180px minmax(0,1fr)}.settings-content{padding:22px 20px}.settings-section-nav{padding:18px 10px}.settings-role-guide>div{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.settings-form-grid,.settings-plan{grid-template-columns:1fr}.settings-form-grid{gap:0}.settings-workspace{grid-template-columns:160px minmax(0,1fr)}.settings-section-nav button{padding:10px;font-size:11px}.settings-save{flex-wrap:wrap}}
@media(max-width:650px){.healthcare-app main[data-page="settings"]{padding:24px 16px}.healthcare-app main[data-page="settings"] h1{font-size:32px}.settings-workspace{display:block}.settings-section-nav{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #e2ebf8;padding:12px;gap:5px}.settings-section-nav button{font-size:11px}.settings-content{padding:22px 16px}.settings-section-top{flex-wrap:wrap}.settings-role-guide>div{grid-template-columns:1fr 1fr}.settings-save{gap:12px}.settings-save>.actions{width:100%;justify-content:flex-end}.settings-export-row{flex-wrap:wrap}}

/* Presentation tools are only visible in Settings > Demo. */
#demo-runtime-controls[hidden]{display:none!important}
.account-menu .account-demo-label{display:block;padding:10px 12px 8px;font-size:10px;line-height:1.5;color:#7085a4;border-bottom:1px solid #e2ebf8;margin-bottom:5px}
.settings-section-nav button[data-settings-section="demo"]{margin-top:14px;border-top:1px solid #dce8f8;border-radius:0;padding-top:17px}
.settings-content .settings-demo-heading{margin-top:26px}
.settings-demo-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
@media(max-width:650px){.settings-section-nav button[data-settings-section="demo"]{margin-top:0;padding-top:10px;border-top:0}.settings-demo-tools .btn{flex:1 1 45%}}


/* Approved concept 1: independent navigation and content cards. */
.healthcare-app .settings-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:stretch;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.healthcare-app .settings-section-nav,.healthcare-app .settings-content{box-sizing:border-box;background:#fff;border:1px solid #c5daf2;border-radius:7px;box-shadow:0 2px 7px #143f7010}
.healthcare-app .settings-section-nav{padding:14px 12px;gap:4px;align-self:start}
.healthcare-app .settings-section-nav button{display:flex;align-items:center;gap:11px;min-height:40px;padding:10px 12px;border-radius:4px;font-size:13px;line-height:1.4;color:#153d77}
.healthcare-app .settings-section-nav button svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.healthcare-app .settings-section-nav button[aria-current=page]{background:#e0f0ff;color:#075eff;font-weight:700}
.healthcare-app .settings-content{padding:24px 26px;min-height:430px}
.healthcare-app .settings-content>h2{margin:0 0 26px;padding:0;background:none;border:0;color:#062956;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1.3;letter-spacing:0}
.healthcare-app .settings-content>h2:focus{outline:none}
.healthcare-app .settings-profile-form{max-width:640px}
.healthcare-app .settings-profile-form .settings-form-grid{display:grid;grid-template-columns:1fr;gap:18px}
.healthcare-app .settings-profile-form .settings-field{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:18px;margin:0;font-size:14px}
.healthcare-app .settings-profile-form .settings-field>span{font-weight:400}
.healthcare-app .settings-profile-form .settings-field input,.healthcare-app .settings-profile-form .settings-field select{height:42px;font-size:14px;border-radius:5px}
.healthcare-app .settings-profile-form .settings-save{margin-top:28px;border:0;padding:0;justify-content:flex-end}
.healthcare-app .settings-profile-form #settings-save-state{margin-right:auto}
.healthcare-app .settings-profile-form #settings-save-state:empty{display:none}
.healthcare-app #view .settings-content .btn{box-sizing:border-box;min-height:40px;padding:10px 18px;border:1px solid #83afe8;border-radius:5px;background:#fff;color:#0058ef;font-size:13px;line-height:1.4;font-weight:700;box-shadow:none;transform:none;filter:none}
.healthcare-app #view .settings-content .btn:hover{background:#e9f2ff;border-color:#075eff;transform:none;filter:none}
.healthcare-app #view .settings-content .btn.primary{background:#ffdc36;border-color:#c49a17;color:#09234c}
.healthcare-app #view .settings-content .btn.primary:hover{background:#ffd124;border-color:#aa8109;color:#09234c}
@media(max-width:1100px){.healthcare-app .settings-workspace{grid-template-columns:200px minmax(0,1fr);gap:16px}.healthcare-app .settings-content{padding:22px 20px}}
@media(max-width:800px){.healthcare-app .settings-profile-form .settings-field{grid-template-columns:1fr;gap:8px}.healthcare-app .settings-profile-form .settings-save{flex-wrap:wrap}.healthcare-app .settings-profile-form #settings-save-state{width:100%}}
@media(max-width:650px){.healthcare-app .settings-workspace{grid-template-columns:1fr;gap:16px}.healthcare-app .settings-section-nav{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:5px}.healthcare-app .settings-section-nav button{font-size:12px;padding:9px 8px;gap:8px}.healthcare-app .settings-content{min-height:0;padding:20px 16px}.healthcare-app .settings-section-nav button[data-settings-section=demo]{margin:0;padding-top:9px;border-top:0}}

/* Invite and Manage user use the approved shared popup cards. */
.healthcare-app #modal:has(.settings-user-card){width:min(680px,calc(100vw - 32px));height:min(560px,calc(100dvh - 32px));border-radius:8px}
.healthcare-app #modal .settings-user-card .provider-edit-row{grid-template-columns:145px minmax(0,1fr)}
.healthcare-app #modal .settings-user-card select{box-sizing:border-box;align-self:center;width:calc(100% - 24px);min-height:40px;min-width:0;margin:10px 12px;padding:9px 11px;border:1px solid #b7cfe9;border-radius:5px;background:#fff;color:#062956;font:inherit}
.healthcare-app #modal .settings-user-role-summary{padding:16px 18px;margin:18px 0 0;border:1px solid #bfdcf5;border-radius:5px;background:#e8f4ff;font-size:16px;line-height:1.5}
.healthcare-app #modal .settings-user-role-summary p{margin:4px 0 0;font-size:14px;color:#436183;line-height:1.5}
.healthcare-app #modal .settings-user-identity{display:flex;align-items:center;gap:16px;padding:18px;margin-bottom:18px;border:1px solid #bfdcf5;border-radius:5px;background:#edf7ff;flex-wrap:wrap}
.healthcare-app #modal .settings-user-identity>div{min-width:0;flex:1;overflow-wrap:anywhere;font-size:17px}
.healthcare-app #modal .settings-user-identity small{display:block;margin-top:5px;color:#436183;font-size:14px}
.healthcare-app #modal .settings-user-identity .settings-user-status{font-size:13px}
.healthcare-app #modal .settings-user-card .provider-card-footer{display:flex;gap:12px;padding:18px 26px;background:#edf6ff;border-top:1px solid #bfdcf5}
.healthcare-app #modal .settings-user-card .provider-card-footer .btn{flex:1;min-width:0;border-width:1px;font-size:15px;padding:11px 12px;white-space:normal}
.healthcare-app #modal .settings-user-resend{width:100%;min-height:38px;padding:9px;border:1px solid #86afe5;border-radius:5px;background:#fff;color:#0058ef;font:inherit;font-size:14px;font-weight:700;transform:none;filter:none}
.healthcare-app #modal .settings-user-resend:hover{background:#e9f2ff;transform:none;filter:none}
@media(max-width:650px){.healthcare-app #modal:has(.settings-user-card){width:calc(100vw - 16px);height:min(560px,calc(100dvh - 24px))}.healthcare-app #modal .settings-user-card .provider-edit-row{grid-template-columns:90px minmax(0,1fr)}.healthcare-app #modal .settings-user-card .provider-card-footer{padding:16px 12px;gap:8px}.healthcare-app #modal .settings-user-card .provider-card-footer .btn{font-size:13px;padding:10px 8px}}

.healthcare-app #modal:has(.settings-user-card){height:fit-content;bottom:auto;top:50%;margin-top:0;margin-bottom:0;translate:0 -50%}
.healthcare-app #modal:has(.settings-user-card)>#modal-content{height:auto}
.healthcare-app #modal .settings-user-card{height:auto;max-height:calc(100dvh - 34px)}

/* Compact profile card and uniform form-control geometry. */
.healthcare-app .settings-workspace:has(.settings-profile-form){grid-template-columns:230px minmax(0,600px);justify-content:start;align-items:start}
.healthcare-app .settings-workspace:has(.settings-profile-form) .settings-content{min-height:0}
.healthcare-app .settings-profile-form{max-width:none}
.healthcare-app .settings-profile-form .settings-save{justify-content:flex-end}
.healthcare-app #modal .settings-user-card .provider-edit-row>input,
.healthcare-app #modal .settings-user-card .provider-edit-row>select{box-sizing:border-box;height:42px;min-height:42px;max-height:42px;line-height:20px;margin:10px 12px;padding:10px 11px;font-family:inherit;font-size:15px}
@media(max-width:1100px){.healthcare-app .settings-workspace:has(.settings-profile-form){grid-template-columns:200px minmax(0,600px)}}
@media(max-width:650px){.healthcare-app .settings-workspace:has(.settings-profile-form){grid-template-columns:1fr}}

.healthcare-app .settings-save{justify-content:flex-end}

/* Selected healthcare Ally pose 10: a quiet presence on My profile. */
.healthcare-app .settings-profile-layout{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.healthcare-app .settings-profile-art{justify-self:end;align-self:center;pointer-events:none;padding-right:16px}
.healthcare-app .settings-profile-art img{display:block;width:auto;height:190px;max-width:100%;object-fit:contain}
@media(min-width:1450px){
.healthcare-app .settings-workspace:has(.settings-profile-form){grid-template-columns:230px minmax(0,1fr)}
.healthcare-app .settings-profile-layout{grid-template-columns:minmax(0,600px) minmax(160px,220px);gap:20px}
.healthcare-app .settings-profile-art{justify-self:center;padding:0}
.healthcare-app .settings-profile-art img{height:auto;width:220px;max-height:300px}
}
@media(max-width:650px){.healthcare-app .settings-profile-art{justify-self:center;padding:0}.healthcare-app .settings-profile-art img{height:170px}}

/* Match Overview's visible character height, accounting for transparent padding. */
.healthcare-app .settings-profile-art{align-self:start;padding:0}
.healthcare-app .settings-profile-art img{height:360px;width:300px;max-width:none;max-height:none}
@media(min-width:1400px){
.healthcare-app .settings-workspace:has(.settings-profile-form){grid-template-columns:230px minmax(0,1fr)}
.healthcare-app .settings-profile-layout{grid-template-columns:minmax(0,600px) 300px;gap:20px}
.healthcare-app .settings-profile-art{justify-self:center;align-self:start;margin-top:-100px}
.healthcare-app .settings-profile-art img{height:360px;width:300px;max-width:none;max-height:none}
}
@media(max-width:1399px){.healthcare-app .settings-profile-art{margin-top:0;justify-self:end}}
@media(max-width:650px){.healthcare-app .settings-profile-art{justify-self:center}.healthcare-app .settings-profile-art img{height:270px;width:225px}}

@media(min-width:1400px){.healthcare-app .settings-profile-art{transform:translateX(clamp(0px,calc(100vw - 1440px),80px))}}

/* Organization, billing and alerts: compact actions without a divider. */
.healthcare-app #settings-form:is([data-section="organization"],[data-section="billing"],[data-section="alerts"]) .settings-save{border-top:0;padding-top:0;margin-top:18px}
.healthcare-app .settings-content:has(#settings-form[data-section="organization"]){min-height:0;align-self:start;padding-top:22px;padding-bottom:20px}
.healthcare-app #settings-form[data-section="organization"] .settings-form-grid{row-gap:8px}
.healthcare-app #settings-form[data-section="organization"] .settings-field{margin-bottom:8px}
.healthcare-app #settings-form[data-section="organization"] h3{margin-top:14px}
.healthcare-app #settings-form[data-section="organization"] .settings-description{margin-bottom:12px}
.healthcare-app .settings-role-guide{border:1px solid #c5daf2}
.healthcare-app #modal:has(.settings-info-card){width:min(680px,calc(100vw - 32px));height:fit-content;bottom:auto;top:50%;margin-block:0;translate:0 -50%;border-radius:8px}
.healthcare-app #modal:has(.settings-info-card)>#modal-content{height:auto}
.healthcare-app #modal .settings-info-card{height:auto;max-height:calc(100dvh - 34px)}
.healthcare-app #modal .settings-sms-message{border:1px solid #bfdcf5;border-radius:6px;background:#edf7ff;padding:20px;color:#062956;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.healthcare-app #modal .settings-info-card .provider-card-footer{justify-content:flex-end}
.healthcare-app #modal .settings-info-card .provider-card-footer .btn{min-width:110px}

.healthcare-app #modal .settings-info-message{border:1px solid #bfdcf5;border-radius:6px;background:#edf7ff;padding:20px;color:#062956;font-size:16px;line-height:1.65;overflow-wrap:anywhere}