:root{color-scheme:dark;font:17px/1.6 Arial,Helvetica,sans-serif;background:#071321;color:#f5f7fc}*{box-sizing:border-box}body{margin:0}header,footer,main{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid #354b66}.brand{color:#f5f7fc;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.12em}.brand span{color:#56d9ed}.badge{border:1px solid #526b89;border-radius:99px;padding:4px 12px;font-size:12px;white-space:nowrap}main{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start;padding:80px 0}h1{font-size:clamp(36px,4.4vw,58px);line-height:1.1;letter-spacing:-.035em;margin:20px 0 28px}h2{font-size:28px;line-height:1.2;margin:0 0 18px}p{color:#bbc9de}strong{color:#f5f7fc;overflow-wrap:anywhere}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:#99c4ff}aside{color:#c9d5e5;font-size:14px;border-left:3px solid #ffd166;padding:12px 18px;margin-top:36px;background:#102037}.card{background:#0d1e32;border:1px solid #354b66;border-radius:18px;padding:32px;min-width:0}label{display:block;font-size:14px;margin:0 0 8px}input,button,select{font:inherit;min-height:48px;width:100%;border-radius:8px;padding:11px 14px}input,select{background:#071321;border:1px solid #6886ac;color:#fff;margin-bottom:14px}button{background:#2f6bd7;color:#fff;border:1px solid #609aff;cursor:pointer;font-weight:700;font-size:15px;margin:0 0 12px}button:hover{background:#2453ae}.secondary{background:transparent;border-color:#6886ac}.secondary:hover{background:#162d47}.text-button{background:transparent;border:0;color:#99c4ff;text-decoration:underline}button:disabled,input:disabled,select:disabled{opacity:.6;cursor:wait}.hint{font-size:13px;margin:0 0 24px}.divider{color:#bbc9de;font-size:13px;text-align:center;margin:24px 0;border-top:1px solid #354b66;padding-top:20px}#status{font-size:14px;min-height:24px}#status.error{color:#ffd166}footer{border-top:1px solid #354b66;padding:24px 0;font-size:13px;color:#bbc9de}:focus-visible{outline:3px solid #ffd166;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){main{grid-template-columns:1fr;gap:32px;padding:36px 0}.card{padding:24px}.intro h1{font-size:40px}aside{margin-top:20px}}@media(max-width:380px){header,footer,main{width:calc(100% - 28px)}header{align-items:flex-start}.brand{max-width:150px}.card{padding:20px}.badge{font-size:11px;padding:4px 8px}}
#recovery-codes{font-size:12px;line-height:2;overflow-wrap:anywhere;white-space:pre-wrap;background:#071321;padding:12px}summary{cursor:pointer;min-height:48px}details{margin-bottom:20px}
.operator-panel{grid-column:1/-1}.organization-item{border-top:1px solid #354b66;padding:16px 0;overflow-wrap:anywhere}.organization-item h3{margin:0}.organization-item p{margin:6px 0}.check{display:flex;gap:12px;align-items:center;margin:12px 0}.check input{width:24px;min-height:24px;flex-shrink:0;margin:0}.page-actions{display:flex;gap:12px}
fieldset{min-width:0;border:1px solid #6886ac;border-radius:8px;margin:16px 0;padding:12px}legend{font-size:14px;padding:0 6px}.check{min-height:44px}label,legend{overflow-wrap:anywhere}
:root[data-theme="light"]{color-scheme:light;background:#f4f7fb;color:#102037}
:root[data-theme="light"] .card{background:#fff;border-color:#526b89}
:root[data-theme="light"] p,:root[data-theme="light"] footer,:root[data-theme="light"] .divider{color:#334155}
:root[data-theme="light"] strong,:root[data-theme="light"] .brand{color:#102037}
:root[data-theme="light"] .brand span,:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .text-button{color:#174ea6}
:root[data-theme="light"] aside{background:#e8eff9;color:#24364e;border-color:#825600}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] #recovery-codes{background:#fff;color:#102037}
:root[data-theme="light"] .secondary{color:#102037}
:root[data-theme="light"] .secondary:hover{background:#e8eff9}
:root[data-theme="light"] #status.error{color:#825600}
:root[data-theme="light"] :focus-visible{outline-color:#825600}
:root[data-contrast="true"]{color-scheme:dark;background:#000;color:#fff}
:root[data-contrast="true"] .card,:root[data-contrast="true"] aside,:root[data-contrast="true"] input,:root[data-contrast="true"] select,:root[data-contrast="true"] #recovery-codes{background:#000;color:#fff;border-color:#fff}
:root[data-contrast="true"] p,:root[data-contrast="true"] strong,:root[data-contrast="true"] footer,:root[data-contrast="true"] .brand,:root[data-contrast="true"] .divider{color:#fff}
:root[data-contrast="true"] .brand span,:root[data-contrast="true"] .eyebrow,:root[data-contrast="true"] .text-button,:root[data-contrast="true"] #status.error{color:#ffeb3b}
:root[data-contrast="true"] button,:root[data-contrast="true"] .secondary{background:#000;color:#fff;border:2px solid #fff}
:root[data-contrast="true"] button:hover{background:#fff;color:#000}
:root[data-contrast="true"] fieldset,:root[data-contrast="true"] header,:root[data-contrast="true"] footer,:root[data-contrast="true"] .organization-item,:root[data-contrast="true"] .badge{border-color:#fff}
:root[data-contrast="true"] :focus-visible{outline-color:#ffeb3b}
:root[data-reduce-motion="true"] *, :root[data-reduce-motion="true"] *::before,:root[data-reduce-motion="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
textarea{display:block;font:inherit;min-height:140px;width:100%;resize:vertical;border-radius:8px;padding:11px 14px;background:#071321;border:1px solid #6886ac;color:#fff;margin-bottom:14px}textarea:disabled{opacity:.6;cursor:wait}.support-message-body{white-space:pre-wrap;overflow-wrap:anywhere}#support-detail{overflow-wrap:anywhere}#support-panel h4{overflow-wrap:anywhere}
:root[data-theme="light"] textarea{background:#fff;color:#102037}
:root[data-contrast="true"] textarea{background:#000;color:#fff;border-color:#fff}
#customer-email-panel,#commerce-panel{overflow-wrap:anywhere;min-width:0}#customer-email-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}#customer-email-panel select,#commerce-panel select{max-width:100%}
#email-helpers-panel{overflow-wrap:anywhere;min-width:0}#email-helpers-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
/* Owner workspace: same verified controls, compact navigation and record pages. */
.crm-mode{--crm-surface:#0d1e32;--crm-base:#071321;--crm-line:#354b66;--crm-muted:#bbc9de;--crm-accent:#56d9ed;font-size:15px;line-height:1.5}
.crm-mode>header{width:100%;padding:14px 24px;max-width:none;background:var(--crm-surface)}
.crm-mode main{display:block;width:100%;padding:0;max-width:none}
.crm-mode main>.intro,.crm-mode #operator-panel{display:none}
.crm-mode>footer{margin:0 24px 0 242px;width:auto;padding:16px 0}
.crm-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 145px)}
.crm-sidebar{background:var(--crm-surface);border-right:1px solid var(--crm-line);padding:22px 14px;min-width:0}
.crm-wordmark{font-size:24px;font-weight:700;padding:0 10px 18px;color:var(--crm-accent)}
.crm-wordmark small{display:block;color:var(--crm-muted);font-size:12px;font-weight:400}
.crm-nav-group{margin-bottom:17px}.crm-nav-group>p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:0 10px 6px;color:var(--crm-muted)}
.crm-sidebar a{display:block;padding:9px 12px;margin:3px 0;border-radius:6px;color:inherit;text-decoration:none;font-size:14px}
.crm-sidebar a:hover,.crm-sidebar a[aria-current=page]{background:#1b3854;color:#fff}.crm-sidebar a[aria-current=page]{box-shadow:inset 3px 0 var(--crm-accent)}
.crm-scope-summary{border-top:1px solid var(--crm-line);font-size:11px;padding:16px 10px;overflow-wrap:anywhere}
.crm-workspace{min-width:0;padding:0 28px 28px;display:flex;flex-direction:column}
.crm-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--crm-line);padding:12px 0;order:-3}
.crm-toolbar a{display:flex;gap:7px;align-items:center;color:inherit;text-decoration:none;padding:7px 10px;border:1px solid transparent;border-radius:5px;font-size:13px}.crm-toolbar a span{color:var(--crm-accent);font-size:18px}
.crm-toolbar a:hover,.crm-toolbar a[aria-current=page]{background:var(--crm-surface);border-color:var(--crm-line)}
.crm-stage-label{font-size:11px;color:var(--crm-muted);margin-left:auto;border:1px solid var(--crm-line);padding:3px 8px;border-radius:20px}
.crm-page-heading{padding:22px 0 8px;order:-2}.crm-page-heading .eyebrow{margin:0 0 6px;font-size:10px}.crm-page-heading h1{font-size:30px;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em}
.crm-global-status{order:-1;font-size:13px;margin:0 0 12px}.crm-global-status:empty{display:none}
.crm-page{border:1px solid var(--crm-line);background:var(--crm-surface);border-radius:9px;padding:20px;min-width:0}
.crm-page-description{margin-top:0;color:var(--crm-muted);font-size:13px}
.crm-mode .card{padding:0;border:0;background:transparent;border-radius:0}
.crm-mode h2{font-size:22px}.crm-mode h3{font-size:18px}.crm-mode h4{font-size:15px}
.crm-page>details{margin:0}.crm-page>details>summary{font-weight:700;border-bottom:1px solid var(--crm-line);margin-bottom:18px;min-height:36px}
.crm-mode input,.crm-mode select,.crm-mode textarea{font-size:14px;min-height:40px;padding:9px 10px;max-width:100%;box-sizing:border-box}
.crm-mode textarea{width:100%;min-height:100px;background:var(--crm-base);color:inherit;border:1px solid #6886ac;border-radius:7px}
.crm-mode button{width:auto;max-width:100%;min-height:40px;padding:8px 13px;font-size:13px;margin-right:8px;white-space:normal;overflow-wrap:anywhere}
.crm-mode label{font-size:13px}.crm-mode .check input{min-height:24px}.crm-mode form{max-width:780px}
.crm-mode details{border:1px solid var(--crm-line);border-radius:6px;padding:12px;margin-bottom:12px}.crm-mode details>summary{font-size:14px;min-height:28px;font-weight:600}
.crm-mode .crm-page>details,.crm-mode .crm-record-tabs+details{border:0;padding:0}
.crm-mode .organization-item{padding:14px 0}.crm-mode .organization-item p{font-size:13px}
.crm-table-scroll{max-width:100%;overflow:auto;margin:18px 0;border:1px solid var(--crm-line);border-radius:7px}
.crm-customer-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.crm-customer-table caption{text-align:left;padding:12px;font-weight:700;background:var(--crm-base)}
.crm-customer-table th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;background:var(--crm-base);white-space:nowrap}.crm-customer-table th,.crm-customer-table td{padding:12px;border-bottom:1px solid var(--crm-line);vertical-align:middle}
.crm-customer-table td{overflow-wrap:anywhere;min-width:95px}.crm-customer-table td:nth-child(2){min-width:150px}.crm-customer-table button{margin:0;font-size:12px;min-width:100px}.crm-customer-table tbody tr:hover{background:var(--crm-base)}
.crm-record-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--crm-line);margin:14px 0 18px;padding-bottom:6px}.crm-record-tabs button{background:transparent;color:inherit;border:1px solid var(--crm-line);border-radius:5px;margin:0;font-weight:400}.crm-record-tabs button[aria-selected=true]{background:#2453ae;border-color:#609aff;color:#fff;font-weight:700}
.crm-customer-record [role=tabpanel]>summary{display:none}.crm-customer-record>h3{margin-top:12px}.crm-record-section{min-width:0}.crm-mode p,.crm-mode h3,.crm-mode h4{overflow-wrap:anywhere}
:root[data-theme=light] .crm-mode{--crm-surface:#fff;--crm-base:#f3f6fa;--crm-line:#cbd5e1;--crm-muted:#475569;--crm-accent:#176d87}
:root[data-theme=light] .crm-sidebar a:hover,:root[data-theme=light] .crm-sidebar a[aria-current=page]{background:#e6f1f5;color:#102037}
:root[data-contrast=true] .crm-mode{--crm-line:currentColor}
@media(max-width:900px){.crm-shell{grid-template-columns:180px minmax(0,1fr)}.crm-workspace{padding:0 16px 20px}.crm-mode>footer{margin-left:196px}.crm-sidebar{padding:18px 8px}.crm-page{padding:14px}}
@media(max-width:620px){.crm-shell{grid-template-columns:1fr}.crm-sidebar{border-right:0;border-bottom:1px solid var(--crm-line);padding:10px 12px}.crm-wordmark{font-size:19px;padding:0 0 10px}.crm-wordmark small,.crm-scope-summary{display:none}.crm-nav-group{display:inline; margin:0}.crm-nav-group>p{display:none}.crm-sidebar a{display:inline-block;font-size:12px;padding:7px 9px;margin:2px}.crm-workspace{padding:0 12px 20px}.crm-toolbar{gap:2px}.crm-toolbar a{padding:5px;font-size:11px}.crm-stage-label{margin-left:0}.crm-page-heading h1{font-size:26px}.crm-mode>footer{margin:0 12px}.crm-mode>header{padding:12px}.crm-page{padding:12px}.crm-mode button{min-height:44px}.crm-mode .page-actions{flex-wrap:wrap}.crm-record-tabs button{font-size:12px}.crm-page-heading{padding-top:16px}}
@media(min-width:621px){.crm-sidebar{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;min-height:100vh}.crm-toolbar{position:sticky;top:0;background:var(--crm-base);z-index:5}.crm-mode main{background:var(--crm-base)}}
.crm-mode .crm-search-filters{margin:4px 0 12px;padding:8px 12px;background:var(--crm-base)}
.crm-mode .crm-search-filters fieldset{margin:8px 0;border:0;padding:0}.crm-mode .crm-search-filters legend{display:none}
.crm-mode .crm-search-filters p{font-size:12px}
.crm-mode .crm-search-filters fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px 14px;max-width:none!important}.crm-filter-field{min-width:0}.crm-filter-field label{margin:0 0 4px}.crm-filter-field input,.crm-filter-field select{margin:0}.crm-mode .crm-search-filters fieldset>p,.crm-mode .crm-search-filters fieldset>.check{grid-column:1/-1}
@media(min-width:900px){.crm-mode #customer-lookup>form{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) auto;gap:0 12px;max-width:none;align-items:start}.crm-mode #customer-lookup>form>label[for=customer-query]{grid-column:1;grid-row:1}.crm-mode #customer-query{grid-column:1;grid-row:2}.crm-mode #customer-lookup>form>label[for=customer-kind]{grid-column:2;grid-row:1}.crm-mode #customer-kind{grid-column:2;grid-row:2}.crm-mode #customer-lookup>form>button{grid-column:3;grid-row:2;margin-right:0}.crm-mode #customer-lookup .crm-search-filters{grid-column:1/-1;grid-row:3}.crm-mode #customer-lookup .crm-search-filters fieldset{max-width:650px}}
.crm-customer-table td:nth-child(3),.crm-customer-table td:nth-child(5){white-space:nowrap}
.crm-table-scroll{container-type:inline-size}
@container(max-width:720px){
 .crm-customer-table,.crm-customer-table caption,.crm-customer-table tbody{display:block;width:100%;box-sizing:border-box}
 .crm-customer-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .crm-customer-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;padding:14px;border-top:1px solid var(--crm-line)}
 .crm-customer-table td,.crm-customer-table td:nth-child(2),.crm-customer-table td:nth-child(3),.crm-customer-table td:nth-child(5){display:block;min-width:0;padding:0;border:0;white-space:normal}
 .crm-customer-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--crm-muted);margin-bottom:4px}
 .crm-customer-table td:nth-child(2),.crm-customer-table td:nth-child(4),.crm-customer-table td:last-child{grid-column:1/-1}
 .crm-customer-table td:last-child::before{display:none}
 .crm-customer-table td:nth-child(2){font-weight:700;font-size:15px}
 .crm-customer-table button{min-width:0;min-height:44px;width:100%}
}
.crm-toolbar .crm-verify{margin:0 0 0 auto;font-size:12px;min-height:36px;padding:7px 10px}
@media(max-width:620px){.crm-toolbar .crm-verify{margin-left:0;min-height:44px}}
.training-banner{background:#fff3cd;color:#231b00;padding:12px;font-weight:600}.crm-personal-tools{margin-top:1rem}
.crm-owner-label{font-weight:600;font-size:13px}.crm-overview-group{display:inline-block;vertical-align:top;width:min(100%,340px);padding:0 16px 12px 0;box-sizing:border-box}.crm-overview-group h4{margin:10px 0 5px}.crm-overview-group p{margin:5px 0}.crm-mode label{display:block;line-height:1.5;clear:both}.crm-mode label>input,.crm-mode label>select,.crm-mode label>textarea{display:block;margin-top:5px}.crm-mode label.check{display:flex;align-items:flex-start;gap:8px}.crm-mode label.check>input{display:inline-block;flex:0 0 auto;margin-top:0}.crm-saved-filters{max-width:780px}.crm-record-section>details>summary{margin-bottom:8px}

/* Compact, readable owner forms and clear customer attention. */
.crm-mode input:not([type=checkbox]):not([type=radio]),.crm-mode select{width:100%;max-width:420px}
.crm-mode textarea{max-width:760px}.crm-mode label{margin-top:10px}.crm-mode button{align-self:start}.crm-mode .crm-refresh{background:transparent;color:var(--crm-muted);border:1px solid var(--crm-line);font-size:12px;min-height:34px}
.individual-onboarding-grid,.crm-compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;max-width:760px;margin:16px 0}
.onboarding-field{min-width:0}.onboarding-field label{display:block;margin:0 0 5px}.onboarding-field input,.onboarding-field select{box-sizing:border-box;width:100%;min-width:0;margin:0}.onboarding-wide,.crm-compact-form>.check,.crm-compact-form>p{grid-column:1/-1}
.crm-clickable-row{cursor:pointer}.crm-clickable-row:focus{outline:2px solid var(--crm-accent);outline-offset:-2px}.crm-license-badge{display:inline-block;padding:6px 12px;border-radius:6px;border:1px solid currentColor;font-weight:700}.license-active{color:#80e8ad;background:#103f2b}.license-expired,.license-suspended{color:#ffb3b3;background:#512027}.license-scheduled{color:#ffd987;background:#453917}.license-no_license{color:#ccd6e5;background:#263347}
.crm-customer-attention{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}.support-conversation{border-left:4px solid #609aff;padding:12px!important;margin:10px 0;background:var(--crm-base)}.support-private{border-color:#e6bb68}.support-customer{border-color:#56d9ed}.support-message-body{white-space:pre-wrap;font-size:15px!important}.helper-library{border-bottom:1px solid var(--crm-line);padding-bottom:16px;margin-bottom:16px}.helper-library button{margin-bottom:8px}
@media(max-width:600px){.individual-onboarding-grid,.crm-compact-form{grid-template-columns:minmax(0,1fr)}.crm-mode .crm-refresh{min-height:44px}}

/* Long historical details must stay within their record, including small screens. */
.crm-shell pre, #crm-shell pre {white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;min-width:0;}
.crm-overview-group,.crm-record-section,.organization-item {min-width:0;overflow-wrap:anywhere;}

.crm-mode .crm-page-heading{padding:12px 0 0}.crm-mode .crm-page-heading h1{font-size:26px;margin-bottom:8px}
.crm-mode .crm-page{padding:14px}.crm-mode .crm-page-description{margin:0 0 8px}.crm-mode .crm-page>details>summary{margin-bottom:8px;min-height:24px}
.crm-mode .crm-search-filters fieldset{gap:8px 12px}.crm-mode .crm-filter-field label{margin:0 0 3px}.crm-mode .crm-filter-field input,.crm-mode .crm-filter-field select{margin:0}
.crm-mode .crm-search-filters .crm-filter-help{grid-column:1/-1;padding:0;border:0;margin:0}.crm-mode .crm-filter-help summary{font-size:12px;min-height:20px;font-weight:400}.crm-mode .crm-filter-help p{margin:6px 0;font-size:12px}
.crm-mode .crm-search-filters .check{margin:0;grid-column:1/-1}.crm-mode .crm-search-filters fieldset>button{margin:0;min-height:32px;padding:4px 10px}
.crm-mode .crm-table-scroll{margin:8px 0}.crm-mode .crm-saved-filters details{padding:6px 10px;margin-bottom:6px}

.crm-integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.crm-integrations-grid article{border:1px solid var(--crm-line);padding:12px!important;border-radius:6px}

.crm-mode button.danger{background:#862a37;border-color:#e58391;color:#fff}

.crm-mode .crm-compact-form>button{justify-self:start;width:auto}.crm-mode .crm-compact-form label{margin:0}.crm-mode .crm-compact-form input,.crm-mode .crm-compact-form select{margin-bottom:0}

/* Customer portal: keep the primary action visible, with secondary tools on demand. */
body.customer-mode main{display:block;width:min(1100px,calc(100% - 40px));padding:24px 0}
body.customer-mode .intro{display:none}
body.customer-mode header{padding:16px 0}
body.customer-mode .card{padding:24px}
body.customer-mode #panel-title{font-size:26px;margin-bottom:8px}
body.customer-mode #status{margin:0 0 12px;min-height:0}
body.customer-mode #account>.hint{display:none}
.customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.customer-toolbar p{margin:0;font-size:14px;overflow-wrap:anywhere;min-width:0}
.customer-mode button,.customer-mode input,.customer-mode select{min-height:44px}
.customer-mode button{width:auto;max-width:100%;margin:6px 8px 6px 0;padding:9px 16px}
.customer-mode input:not([type=checkbox]),.customer-mode select,.customer-mode textarea{max-width:38rem}
.customer-mode textarea{font:inherit;display:block;width:100%;min-height:110px;padding:10px;border-radius:8px;background:transparent;color:inherit;border:1px solid #6886ac}
.customer-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #354b66;padding-bottom:10px;margin-bottom:20px}
.customer-tabs button{background:transparent;border:1px solid #6886ac;color:inherit;font-size:14px;margin:0}
.customer-tabs button[aria-selected=true]{background:#2f6bd7;color:#fff;border-color:#99c4ff}
.customer-pages h3{margin:0 0 8px;font-size:19px}
.customer-pages p{margin:8px 0 14px;font-size:15px}
.customer-pages section{min-width:0}
#customer-page-access{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
#customer-page-access>section{border:1px solid #354b66;border-radius:12px;padding:20px}
#customer-page-access #invitation-panel:not([hidden]){grid-column:1/-1}
#customer-page-access #individual-offer{margin-top:14px;padding-top:14px;border-top:1px solid #354b66}
#customer-page-access #preparation-launch h2{font-size:23px;margin:0 0 10px}
#customer-page-access #preparation-launch a{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;background:#2f6bd7;color:#fff;text-decoration:none;border:1px solid #99c4ff;border-radius:8px;font-weight:bold}
.customer-pages form{max-width:44rem}
.customer-pages details{border:1px solid #354b66;border-radius:10px;padding:12px 16px;margin:14px 0}
.customer-pages summary{font-weight:bold;min-height:32px}
.customer-pages #support-panel{border:0;padding:0;margin:0}
.customer-pages #support-panel>summary{display:none}
.customer-security{max-width:46rem}
.customer-security>section{border-top:1px solid #354b66;margin-top:16px;padding-top:16px}
:root[data-theme=light] .customer-tabs button[aria-selected=true]{color:#fff}
:root[data-contrast=true] .customer-tabs button[aria-selected=true]{background:#fff;color:#000}
:root[data-contrast=true] #customer-page-access>section,:root[data-contrast=true] .customer-pages details{border-color:#fff}
:root[data-contrast=true] #customer-page-access #preparation-launch a{background:#000;color:#fff;border:2px solid #fff}
@media(max-width:700px){body.customer-mode main{width:calc(100% - 24px);padding:16px 0}body.customer-mode .card{padding:16px}#customer-page-access{grid-template-columns:1fr;gap:12px}#customer-page-access>section{padding:16px}.customer-tabs{gap:5px}.customer-tabs button{font-size:13px;padding:8px 10px}.customer-toolbar{gap:8px}.customer-pages .page-actions{flex-wrap:wrap}}
.access-guide{margin-top:16px;min-width:0}.access-guide summary{cursor:pointer;font-weight:600}.access-guide p{font-size:14px;line-height:1.55}.access-guide p span{overflow-wrap:anywhere;font-size:12px}.access-guide h4{margin-bottom:8px}.access-guide details{margin:10px 0;padding:10px}
.status-good,.status-attention{padding:10px 12px;border:1px solid;border-left-width:5px;border-radius:6px;line-height:1.5}.status-good{background:#e8f5ec;color:#164b2a;border-color:#398653}.status-attention{background:#fff5d1;color:#614900;border-color:#a67b00}:root[data-contrast=true] .status-good,:root[data-contrast=true] .status-attention{background:#000;color:#fff;border-color:#fff}
#customer-page-access #preparation-launch .access-guide a{display:inline;min-height:0;padding:0;background:none;color:inherit;border:0;border-radius:0;font-weight:600;text-decoration:underline;overflow-wrap:anywhere}

.email-editor{min-width:0;margin:12px 0}.email-editor>label{display:block;font-weight:600;margin-bottom:6px}.email-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px;border:1px solid #60758d;border-bottom:0;border-radius:7px 7px 0 0}.email-editor-toolbar button{width:auto;min-height:32px;margin:0;padding:5px 10px;font-size:13px}.email-editor-toolbar details{margin:0;padding:0;border:0}.email-editor-toolbar summary{cursor:pointer;padding:5px 8px}.email-editor-toolbar details[open]{flex-basis:100%}.email-editor-toolbar input{max-width:32rem}.email-editor-body{min-height:140px;max-height:420px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid #60758d;border-radius:0 0 7px 7px;padding:12px;background:#071321;color:inherit;line-height:1.55}.email-editor-body:focus{outline:2px solid #58b8e9;outline-offset:1px}.email-editor-body p{margin:0 0 10px}.email-editor-body p:last-child{margin-bottom:0}.email-editor-body a{color:inherit;text-decoration:underline}.email-editor-body[contenteditable=false]{opacity:.7}.email-editor-note{font-size:12px;margin:5px 0 10px}.customer-email-preview{width:100%;height:440px;border:1px solid #60758d;border-radius:8px;background:#fff}.customer-email-composer article{min-width:0}.customer-email-composer pre{white-space:pre-wrap;overflow-wrap:anywhere}
:root[data-theme=light] .email-editor-body{background:#fff}:root[data-contrast=true] .email-editor-body{background:#000;color:#fff;border-color:#fff}

.status-disconnected{display:block;padding:10px 12px;border:1px solid #bd3b46;border-left-width:5px;border-radius:6px;background:#fff0f1;color:#79212b;line-height:1.5}.crm-integrations-grid strong.status-good,.crm-integrations-grid strong.status-attention{display:block}:root[data-contrast=true] .status-disconnected{background:#000;color:#fff;border-color:#fff}.crm-activity-day{font-size:18px;margin:22px 0 10px}

/* All authentication states share one compact card. Account/CRM layouts retain their own rules. */
.auth-mode main{display:block;max-width:560px;padding:28px 0;margin:0 auto;width:calc(100% - 32px)}
.auth-mode main>.intro{margin:0 0 18px}.auth-mode .intro h1{font-size:28px;line-height:1.2;margin:4px 0 8px}.auth-mode .intro .eyebrow,.auth-mode .intro aside{display:none}.auth-mode .intro p{margin:6px 0;font-size:15px}
.auth-mode #auth-card{padding:24px;min-width:0}.auth-mode #auth-card h2{margin:0 0 10px;font-size:24px}.auth-mode #status{margin:0 0 16px}.auth-mode #auth-card form{margin:0;display:grid;gap:10px}.auth-mode #auth-card label{margin:0}.auth-mode #auth-card input{box-sizing:border-box;max-width:100%;margin:5px 0 0}.auth-mode #auth-card .check{display:flex;align-items:center;gap:8px;line-height:1.4}.auth-mode #auth-card .check input{width:auto;margin:0}.auth-mode #auth-card p{overflow-wrap:anywhere}.auth-mode #auth-card .hint{font-size:13px;margin:0}.auth-mode #auth-card details{margin-top:16px}.auth-mode #password-login{margin-bottom:16px}.auth-mode #password-setup>p{margin:0 0 14px}.auth-mode #password-setup>button{margin-top:12px}.auth-mode #auth-card button{min-height:40px;white-space:normal}.auth-mode footer{padding:18px}
@media(max-width:480px){.auth-mode main{padding:16px 0}.auth-mode #auth-card{padding:18px}.auth-mode .intro h1{font-size:25px}}
/* Compact sign-in summaries keep technical details out of the scanning path. */
#account-signin-rows>.account-signin-row>summary{display:list-item;cursor:pointer;overflow-wrap:anywhere}#account-signin-rows>.account-signin-row>summary>*{display:inline-block;margin:3px 14px 3px 0}#account-signin-rows>.account-signin-row>summary>strong{min-width:min(100%,180px)}#account-signin-rows>.account-signin-row>summary>span{font-size:13px}#account-signin-rows .account-signin-row form{max-width:620px}#account-signin-rows .account-signin-row p{overflow-wrap:anywhere}
/* Compact preferences preserve labels and keyboard-accessible explanations. */
.crm-preferences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px 16px;max-width:820px}.crm-preferences-grid fieldset{margin:0;min-width:0}.crm-preference-help{grid-column:1/-1}.crm-preference-help summary{cursor:pointer}.crm-preferences-grid>.check{align-self:center}.crm-mode #commerce-panel .crm-compact-form{max-width:820px}
.crm-lifecycle input,.crm-beta-onboarding input:not([type=checkbox]){max-width:32rem;width:100%;box-sizing:border-box}.crm-lifecycle .danger{background:#a61b1b;color:white}.crm-lifecycle details{margin-top:1rem;border:1px solid #a61b1b;padding:.75rem;border-radius:.5rem}.onboarding-step{border:1px solid #cbd5e1;border-radius:.5rem;padding:.75rem;margin:.5rem 0}.onboarding-step h5{margin:0 0 .5rem}.onboarding-status{padding:.35rem .6rem;border-radius:.25rem;font-weight:600;display:inline-block}.onboarding-status.is-complete{background:#dcfce7;color:#14532d}.onboarding-status.is-pending{background:#fef3c7;color:#78350f}.onboarding-status.needs-attention{background:#fee2e2;color:#7f1d1d}.crm-beta-onboarding pre{max-width:65ch;font:inherit}.crm-beta-onboarding button,.crm-lifecycle button{margin:.25rem .5rem .25rem 0;max-width:100%;white-space:normal}

.crm-beta-onboarding .onboarding-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;align-items:start}.crm-beta-onboarding .onboarding-steps>h5,.crm-beta-onboarding .onboarding-steps>p,.crm-beta-onboarding .onboarding-steps>button{grid-column:1/-1}.crm-beta-onboarding .onboarding-step{margin:0;min-width:0}.crm-beta-onboarding pre{max-width:100%}
/* Keep the environment label inside very narrow / heavily zoomed CRM windows. */
@media(max-width:380px){body>header,.crm-mode .crm-toolbar{flex-wrap:wrap;gap:8px}body>header .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}}

.purchase-page .onboarding-field .check{display:flex;align-items:flex-start;gap:8px}.purchase-page .onboarding-field .check input{width:auto;flex:0 0 auto;margin:4px 0 0}
[data-school-billing] button{margin:.25rem .5rem .25rem 0;max-width:100%;white-space:normal}[data-school-billing] .status-warning{padding:.5rem;border-radius:.3rem;background:#fef3c7;color:#78350f}[data-school-billing] .status-success{padding:.5rem;border-radius:.3rem;background:#dcfce7;color:#14532d}

.support-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;margin-left:.5rem;padding:.1rem .35rem;border-radius:1rem;background:#b42318;color:#fff;font-size:.8rem;font-weight:700}.support-unread-badge[hidden]{display:none}.support-inbox-columns{display:grid;grid-template-columns:minmax(250px,2fr) minmax(0,3fr);gap:16px;align-items:start}.support-inbox-columns>*{min-width:0}.support-inbox-row{padding:12px!important;overflow-wrap:anywhere}.support-inbox-row h4{margin:0 0 6px}.support-inbox-row p{margin:5px 0}.support-inbox-row.is-unread{border-left:4px solid #245a83;background:#edf5ff}.support-inbox-row.is-unread h4{font-weight:800}.support-inbox-row.is-read{color:#4b5563;background:#f8fafc}.support-inbox-row small{display:block;margin:8px 0}.support-bulk,.support-message-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.support-bulk button,.support-message-actions button{padding:6px 9px;font-size:.88rem}.support-bulk>span{flex-basis:100%}#support-search{display:flex;flex-wrap:wrap;gap:10px;align-items:end}#support-search>label{flex:1 1 180px;min-width:0}#support-detail{overflow-wrap:anywhere}#support-detail textarea{width:100%;box-sizing:border-box}@media(max-width:850px){.support-inbox-columns{grid-template-columns:minmax(0,1fr)}.support-inbox-columns:has(#support-detail:not([hidden]):not(:empty))>#support-list{display:none}}
/* Compact paid-school invitations: one school heading, explicit separate roles. */
#paid-organization-setup .school-invitation-group{margin-top:12px}#paid-organization-setup h4{margin:0 0 4px}#paid-organization-setup .school-invitation-role{border-top:1px solid #36546b;margin-top:12px;padding-top:12px}#paid-organization-setup h5{font-size:1rem;margin:0 0 6px}#paid-organization-setup p{margin:6px 0 10px}#paid-organization-setup [role=status]:empty{display:none}
.crm-mode .support-inbox-row.is-unread{background:#193b55;color:#f3f8ff}.crm-mode .support-inbox-row.is-read{background:#102235;color:#c1cedb}.crm-mode .support-inbox-row p,.crm-mode .support-inbox-row label,.crm-mode .support-inbox-row small{color:inherit}.crm-mode .support-inbox-row.is-read h4{color:#c1cedb}.support-inbox-row .check input{width:auto;flex:0 0 auto}
@media(max-width:850px){#support-panel.support-reading #support-search{display:none}}

/* Administrator entry has no customer onboarding hero. */
.owner-entry-mode .intro{display:none}.owner-entry-mode main{display:block;max-width:960px}.owner-entry-mode #crm-owner-entry{border:0;padding:0;background:transparent;overflow-wrap:anywhere}
/* Queue states use text as well as color; an empty queue is not provider health. */
#operations-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;align-items:start}#operations-results>section{grid-column:1/-1;min-width:0}#operations-results .delivery-card{border:1px solid #476177;border-left:4px solid #476177;border-radius:8px;padding:14px;margin:0;min-width:0;overflow-wrap:anywhere}#operations-results h4{margin:8px 0}#operations-results p{margin:8px 0}.delivery-state{display:inline-block;font-size:.9rem}#operations-results .delivery-good{border-left-color:#47c999}.delivery-good .delivery-state{color:#80edbd}#operations-results .delivery-warning{border-left-color:#eabc54}.delivery-warning .delivery-state{color:#ffdb83}#operations-results .delivery-error{border-left-color:#ff7474}.delivery-error .delivery-state{color:#ffaaaa}.delivery-muted .delivery-state{color:#c4ced8}
/* Organization list is compact; contact detail remains available on demand. */
.crm-organization-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(120px,1fr) auto;gap:8px 16px;align-items:center;padding:12px 0;overflow-wrap:anywhere}.crm-organization-row>*{min-width:0}.crm-organization-row h3,.crm-organization-row p{margin:3px 0}.crm-organization-row>details{grid-column:1/-1}.crm-organization-row>details>summary{cursor:pointer;font-size:.9rem}@media(max-width:1000px){.crm-organization-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:520px){.crm-organization-row{grid-template-columns:minmax(0,1fr)}.crm-organization-row>button{justify-self:start}}
/* Compact administrative history: essential fields remain visible; details expand. */
.crm-activity-entry{margin:.45rem 0;padding:.55rem .7rem;border:1px solid var(--border,#63758b);border-radius:.5rem;overflow-wrap:anywhere}
.crm-activity-entry>summary{display:grid;grid-template-columns:minmax(9rem,1.3fr) minmax(8rem,1fr) minmax(9rem,1.5fr) minmax(7rem,1fr);gap:.5rem;align-items:center;cursor:pointer}
.crm-activity-entry>summary:before{content:'▸';position:absolute;margin-left:-.5rem}
.crm-activity-entry[open]>summary:before{content:'▾'}
.crm-activity-entry pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:800px){.crm-activity-entry>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:430px){.crm-activity-entry>summary{grid-template-columns:minmax(0,1fr)}}

#activity-search{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;align-items:end}
#activity-search .crm-activity-filter{min-width:0}#activity-search .crm-activity-filter label{margin:0 0 .25rem}#activity-search .crm-activity-filter input,#activity-search .crm-activity-filter select{width:100%;max-width:none;margin:0}#activity-search>.check{margin:0}#activity-search>button{justify-self:start}
@media(max-width:550px){#activity-search{grid-template-columns:minmax(0,1fr)}}

.support-folders{display:flex;gap:.4rem;flex:1 0 100%;flex-wrap:wrap}.support-folders button[aria-pressed=true]{background:#245a83;color:white;border-color:#81c9ff}#support-search>button{align-self:end}#support-list:empty{display:none}.support-inbox-columns:not(:has(#support-detail:not([hidden]):not(:empty))){grid-template-columns:minmax(0,1fr)}

.crm-attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.75rem}.crm-attention-card{border:1px solid var(--border,#63758b);border-radius:.6rem;padding:.8rem;min-width:0;overflow-wrap:anywhere}.crm-attention-card h3,.crm-attention-card h4{margin:0 0 .65rem}.crm-attention-card button{display:block;margin:.4rem 0;text-align:left;width:100%;white-space:normal}.crm-attention-card p{margin:.4rem 0}.crm-attention-task{display:flex;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.crm-attention-card .attention-needed{border-left:4px solid #e7ad42}.crm-attention-delivery{margin-top:1rem}

.crm-subscription-summary{border:1px solid var(--border,#63758b);border-radius:.6rem;padding:.8rem;margin:.6rem 0;font-size:1rem;overflow-wrap:anywhere}.crm-subscription-summary h3,.crm-subscription-summary h4{margin:0 0 .5rem}.crm-subscription-summary p{margin:.45rem 0}.crm-subscription-summary details{margin-top:.5rem}
.crm-receipt-row{margin:.5rem 0;padding:.75rem;border:1px solid var(--border,#526779);border-radius:.5rem;overflow-wrap:anywhere;font-size:1rem}
.crm-receipt-pages nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.email-compose-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}
.email-compose-form> :not(.email-compose-field){grid-column:1/-1}
.email-compose-field{min-width:0}.email-compose-field>input,.email-compose-field>select{width:100%;max-width:none;box-sizing:border-box}.email-compose-field>label{display:block}
.email-compose-field:has(>input[hidden],>select[hidden]){display:none}
@media(max-width:700px){.email-compose-form{grid-template-columns:minmax(0,1fr)}}
.email-compose-actions{display:flex;flex-wrap:wrap;gap:.5rem}.email-compose-actions>button{width:auto;max-width:100%;margin:0;flex:0 1 auto}

/* Onboarding is one sequential ledger, not the former card grid. */
.crm-beta-onboarding .onboarding-steps{grid-template-columns:minmax(0,1fr)}
.crm-beta-onboarding .onboarding-steps>.crm-table-scroll{grid-column:1 / -1;width:100%;min-width:0}
/* Owner verification keeps its single title and existing recovery in one task flow. */
.owner-entry-mode main{padding:24px 0}
.owner-entry-mode main>.card{padding:24px}
.owner-entry-mode #panel-title{font-size:24px;margin:0 0 16px}
.owner-entry-mode #status{margin:0 0 16px}
.owner-entry-mode #crm-owner-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}
.owner-entry-mode #crm-owner-entry>p,.owner-entry-mode #crm-owner-entry>details{grid-column:1/-1;margin:0}
.owner-entry-mode #crm-owner-entry>button{margin:0}
.owner-entry-mode #crm-owner-entry details>p{margin:0 0 16px}
@media(max-width:600px){.owner-entry-mode main>.card{padding:16px}.owner-entry-mode #crm-owner-entry{grid-template-columns:minmax(0,1fr)}.owner-entry-mode #crm-owner-entry>button{grid-column:1}}
/* An opened recovery task replaces the verification actions; closing it restores them. */
.owner-entry-mode #crm-owner-entry:has(>details[open])>p:first-child,
.owner-entry-mode #crm-owner-entry:has(>details[open])>#security-status,
.owner-entry-mode #crm-owner-entry:has(>details[open])>button{display:none}