/* Calm Desk / Electric Indigo. Owner-only presentation; no customer or auth changes. */
.crm-mode{--crm-base:#0c1023;--crm-surface:#141a30;--crm-nav:#101529;--crm-line:#39425c;--crm-muted:#a6b1d0;--crm-accent:#a79aff;--crm-secondary:#43d9ef;--crm-text:#f2f4fa;--crm-selected:#292a49;--crm-button-text:#0c1023;background:var(--crm-base);color:var(--crm-text);font:16px/1.5 'Segoe UI',Arial,sans-serif;color-scheme:dark}
.crm-mode>header{background:var(--crm-nav);border-color:var(--crm-line)}
.crm-mode .brand,.crm-mode strong{color:var(--crm-text)}
.crm-mode .brand span{color:var(--crm-secondary)}
.crm-mode main{background:var(--crm-base)}
.crm-shell{grid-template-columns:240px minmax(0,1fr)}
.crm-sidebar{background:var(--crm-nav);padding:26px 14px;border-color:var(--crm-line);position:static;max-height:none;overflow:visible;min-height:0}
.crm-wordmark{font-size:20px;line-height:1.3;color:var(--crm-accent)}
.crm-wordmark small{font-size:13px;margin-top:6px}
.crm-nav-group{margin-bottom:22px}.crm-nav-group>p{font-size:13px;text-transform:none;letter-spacing:0;color:var(--crm-muted)}
.crm-sidebar a{font-size:15px;padding:9px 10px;line-height:1.4}
.crm-mode .crm-sidebar a:hover,.crm-mode .crm-sidebar a[aria-current=page]{background:var(--crm-selected);color:var(--crm-accent)}
.crm-mode .crm-sidebar a[aria-current=page]{box-shadow:none;font-weight:700;position:relative}
.crm-mode .crm-sidebar a[aria-current=page]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--crm-accent);border-radius:3px}
.crm-workspace{padding:0 24px 24px}.crm-toolbar{position:static;background:var(--crm-base);gap:12px}
.crm-page-heading{padding:28px 0 12px}.crm-page-heading h1{font-size:30px;color:var(--crm-accent);letter-spacing:0}
.crm-page{padding:0;border:0;border-radius:0;background:transparent}
.crm-mode p,.crm-mode .hint,.crm-mode footer,.crm-mode .crm-page-description{color:var(--crm-muted)}
.crm-mode .crm-page-description{font-size:15px;max-width:80ch}
.crm-mode h2{font-size:23px;color:var(--crm-secondary)}.crm-mode h3{font-size:19px}.crm-mode h4{font-size:16px}
.crm-mode label,.crm-mode legend{font-size:15px}
.crm-mode input,.crm-mode select,.crm-mode textarea{background:var(--crm-surface);color:var(--crm-text);border-color:var(--crm-muted);font-size:16px;min-height:44px;border-radius:6px}
.crm-mode input[type=checkbox]{accent-color:var(--crm-accent);min-height:20px;height:20px;width:20px}
.crm-mode button{font-size:15px;min-height:44px;padding:9px 13px;background:var(--crm-accent);border-color:var(--crm-accent);color:var(--crm-button-text);border-radius:6px;line-height:1.4}
.crm-mode button:hover{background:var(--crm-secondary);border-color:var(--crm-secondary)}
.crm-mode button.secondary,.crm-mode .crm-record-tabs button{background:var(--crm-surface);border-color:var(--crm-muted);color:var(--crm-text)}
.crm-mode button.secondary:hover,.crm-mode .crm-record-tabs button:hover{background:var(--crm-selected)}
.crm-mode button.text-button{color:var(--crm-accent);background:transparent;border-color:transparent}
.crm-mode button:disabled{opacity:.55;cursor:not-allowed}
.crm-mode .crm-record-tabs button[aria-selected=true],.crm-mode .support-folders button[aria-pressed=true]{background:var(--crm-selected);color:var(--crm-accent);border-color:var(--crm-accent)}
.crm-mode :focus-visible{outline:3px solid var(--crm-secondary);outline-offset:3px}
.crm-mode details,.crm-mode fieldset{border-color:var(--crm-line);border-radius:6px}
.crm-mode details>summary{font-size:16px;min-height:40px}
.crm-mode .crm-attention-card{background:var(--crm-surface);border:0;border-top:1px solid var(--crm-line);border-radius:0;padding:18px}
.crm-mode .crm-attention-card h3,.crm-mode .crm-attention-card h4{color:var(--crm-secondary)}
.crm-mode .crm-table-scroll{border:0;border-top:1px solid var(--crm-line);border-radius:0}
.crm-mode .crm-customer-table{font-size:15px}.crm-mode .crm-customer-table th{font-size:13px;text-transform:none;letter-spacing:0;white-space:normal;color:var(--crm-muted)}
.crm-mode .crm-customer-table button{font-size:14px}
.crm-mode .organization-item p,.crm-mode .crm-scope-summary{font-size:14px}
.crm-mode .crm-activity-entry,.crm-mode .crm-subscription-summary,.crm-mode .crm-receipt-row{border-color:var(--crm-line);background:var(--crm-surface)}
.crm-mode .crm-global-status:not(:empty){padding:12px;border-top:1px solid var(--crm-line);background:var(--crm-surface)}
.crm-mode>footer{margin-left:264px;border-color:var(--crm-line)}
.crm-mode .crm-contact-details{display:grid;grid-template-columns:minmax(100px,.3fr) minmax(0,1fr);gap:10px 20px;margin:20px 0;padding:18px;background:var(--crm-surface)}
.crm-contact-details dt{color:var(--crm-muted);font-weight:600}.crm-contact-details dd{margin:0;overflow-wrap:anywhere;user-select:text}
.crm-mode .crm-result-count{border-bottom:1px solid var(--crm-line);padding-bottom:16px}
.crm-mode .support-inbox-row{cursor:pointer}.crm-mode .support-inbox-row:hover{background:var(--crm-selected)}
.crm-mode .support-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.crm-mode .support-bulk>.check{flex-basis:100%}
.crm-mode .crm-attention-card .attention-needed{background:#ffda85;border-color:#ffda85;color:#302000}
.crm-mode .crm-attention-card.delivery-error{border-top:3px solid #ff8b9e}.crm-mode .crm-attention-card.delivery-warning{border-top:3px solid #ffda85}.crm-mode .crm-attention-card.delivery-good{border-top:3px solid #65dfb6}
.crm-mode .status-attention{background:#322b1b;color:#ffe2a4;border-color:#e7b758}.crm-mode .status-good{background:#15332c;color:#9af0cc;border-color:#65dfb6}.crm-mode .status-disconnected{background:#351d29;color:#ffbdc9;border-color:#ff8b9e}
.crm-mode .crm-toolbar .crm-stage-label{display:none}
.crm-mode .crm-attention-delivery{gap:14px}
.crm-mode button.danger{background:#a92446;border-color:#ff8b9e;color:#fff}.crm-mode button.danger:hover{background:#841b37}
.crm-mode .support-inbox-row{padding:16px;margin:0;border:0;border-bottom:1px solid var(--crm-line);border-left:3px solid transparent;background:var(--crm-base)}
.crm-mode .support-inbox-row.is-unread{background:var(--crm-surface);border-left-color:var(--crm-accent)}
.crm-mode .support-inbox-row.is-read h4{font-weight:400;color:var(--crm-muted)}
.crm-mode .support-inbox-row h4,.crm-mode .support-inbox-row p{margin:4px 0}
.crm-mode .support-inbox-row>.check{margin:8px 0}.crm-mode .support-inbox-row>button{margin-top:10px}
.crm-mode .support-inbox-row:hover{background:var(--crm-selected)}
@media(min-width:1100px){.crm-mode .support-inbox-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}.crm-mode .support-inbox-row>h4,.crm-mode .support-inbox-row>p,.crm-mode .support-inbox-row>small{grid-column:1}.crm-mode .support-inbox-row>.check{grid-column:2;grid-row:1/3;align-self:start}.crm-mode .support-inbox-row>button{grid-column:2;grid-row:3/6;align-self:center}}
.crm-mode .support-reading .support-inbox-row{display:block}
.crm-mode[data-crm-palette="arctic-violet"]{--crm-base:#101a22;--crm-surface:#1b2933;--crm-nav:#15232d;--crm-line:#95adbd;--crm-muted:#95adbd;--crm-accent:#70ddf4;--crm-secondary:#c19aff;--crm-selected:#1b2933;--crm-button-text:#101a22}
.crm-mode[data-crm-palette="aurora"]{--crm-base:#081b1b;--crm-surface:#102727;--crm-nav:#0c2020;--crm-line:#83aaa6;--crm-muted:#83aaa6;--crm-accent:#40e0c0;--crm-secondary:#a5b6ff;--crm-selected:#102727;--crm-button-text:#081b1b}
.crm-mode[data-crm-palette="cobalt-current"]{--crm-base:#081522;--crm-surface:#112337;--crm-nav:#0c1c2d;--crm-line:#8ba7c2;--crm-muted:#8ba7c2;--crm-accent:#6ab4ff;--crm-secondary:#4ee0d2;--crm-selected:#112337;--crm-button-text:#081522}
.crm-mode[data-crm-palette="ember"]{--crm-base:#20130f;--crm-surface:#2e201a;--crm-nav:#281a15;--crm-line:#bba093;--crm-muted:#bba093;--crm-accent:#ffad66;--crm-secondary:#ff7d96;--crm-selected:#2e201a;--crm-button-text:#20130f}
.crm-mode[data-crm-palette="jade-gold"]{--crm-base:#0d1b15;--crm-surface:#192a21;--crm-nav:#13231b;--crm-line:#96ad9e;--crm-muted:#96ad9e;--crm-accent:#63e3a5;--crm-secondary:#f0ca65;--crm-selected:#192a21;--crm-button-text:#0d1b15}
.crm-mode[data-crm-palette="midnight-citrus"]{--crm-base:#131922;--crm-surface:#202836;--crm-nav:#19212c;--crm-line:#9caaba;--crm-muted:#9caaba;--crm-accent:#d3e85d;--crm-secondary:#6cd8ff;--crm-selected:#202836;--crm-button-text:#131922}
.crm-mode[data-crm-palette="neon-plum"]{--crm-base:#1b1021;--crm-surface:#2b1b32;--crm-nav:#23172b;--crm-line:#b39abd;--crm-muted:#b39abd;--crm-accent:#ff83d2;--crm-secondary:#b2a0ff;--crm-selected:#2b1b32;--crm-button-text:#1b1021}
.crm-mode[data-crm-palette="royal-orchid"]{--crm-base:#1a1025;--crm-surface:#261a34;--crm-nav:#21152d;--crm-line:#b19abe;--crm-muted:#b19abe;--crm-accent:#d099ff;--crm-secondary:#ff81b2;--crm-selected:#261a34;--crm-button-text:#1a1025}
.crm-mode[data-crm-palette="ruby-slate"]{--crm-base:#19151d;--crm-surface:#28222e;--crm-nav:#211c27;--crm-line:#afa1b6;--crm-muted:#afa1b6;--crm-accent:#ff8eaa;--crm-secondary:#afafff;--crm-selected:#28222e;--crm-button-text:#19151d}
/* Preserve the user's existing light and enhanced-contrast preferences. */
:root[data-theme=light] .crm-mode{--crm-base:#f5f6fb;--crm-surface:#fff;--crm-nav:#eceef7;--crm-line:#bcc2d3;--crm-muted:#495472;--crm-accent:#5340b8;--crm-secondary:#07677a;--crm-text:#20263a;--crm-selected:#e4e0fa;--crm-button-text:#fff;color-scheme:light}
:root[data-contrast=true] .crm-mode{--crm-base:#000;--crm-surface:#000;--crm-nav:#000;--crm-line:#fff;--crm-muted:#fff;--crm-accent:#ffeb3b;--crm-secondary:#71eaff;--crm-text:#fff;--crm-selected:#242424;--crm-button-text:#000;color-scheme:dark}
@media(max-width:1000px){.crm-shell{grid-template-columns:210px minmax(0,1fr)}.crm-workspace{padding:0 22px 24px}.crm-mode>footer{margin-left:232px}}
@media(max-width:750px){.crm-shell{display:block}.crm-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-right:0;border-bottom:1px solid var(--crm-line);padding:18px}.crm-wordmark,.crm-scope-summary{grid-column:1/-1}.crm-nav-group{display:block;margin:0}.crm-nav-group>p,.crm-wordmark small{display:block}.crm-sidebar a{display:block;font-size:15px;margin:3px 0}.crm-workspace{padding:0 18px 24px}.crm-mode>footer{margin:0 18px}.crm-page{padding:0}.crm-record-tabs button{font-size:15px}.crm-toolbar{gap:12px;flex-wrap:wrap}.crm-page-heading h1{font-size:28px}}
/* Calm Desk delivery ledger preserves every workflow without a tile wall. */
.crm-mode .crm-delivery-list{list-style:none;padding:0;margin:16px 0 22px;border-top:1px solid var(--crm-line)}
.crm-mode .crm-delivery-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,2fr) minmax(150px,1fr);align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--crm-line)}
.crm-mode .crm-delivery-row h4,.crm-mode .crm-delivery-row p{margin:0}.crm-mode .crm-delivery-row p{font-size:14px;margin-top:5px}
.crm-mode .crm-delivery-state strong{display:inline-block;padding:3px 8px;border-radius:4px;background:var(--crm-surface);font-size:14px}
.crm-mode .crm-delivery-row.delivery-error strong{background:#49202e;color:#ffa5bc}.crm-mode .crm-delivery-row.delivery-warning strong{background:#382c17;color:#ffda8a}.crm-mode .crm-delivery-row.delivery-good strong{background:#143b2e;color:#81e8b1}
.crm-mode .crm-attention-card .attention-clear{background:transparent;color:var(--crm-text);border-color:var(--crm-line)}
.crm-mode .crm-attention-card .attention-clear:hover{background:var(--crm-selected)}
@media(max-width:1000px){.crm-mode .crm-delivery-row{grid-template-columns:1fr 1fr}.crm-mode .crm-delivery-state{grid-column:1/-1;grid-row:2}.crm-mode .crm-delivery-row button{grid-column:2;grid-row:1}}
@media(max-width:500px){.crm-mode .crm-delivery-row{display:block}.crm-mode .crm-delivery-state{margin:10px 0}.crm-mode .crm-delivery-row button{width:100%}}
.crm-mode .crm-delivery-list{container-type:inline-size}
.crm-mode .crm-delivery-row>*{min-width:0;overflow-wrap:anywhere}
@container(max-width:650px){.crm-mode .crm-delivery-row{display:block}.crm-mode .crm-delivery-state{margin:10px 0}.crm-mode .crm-delivery-row button{width:100%}}
/* Structural Calm Desk contracts: entry cards, compact ledgers and a bounded reader. */
.crm-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.crm-entry-card,.crm-surface{min-width:0;border-top:1px solid var(--crm-line);padding:20px 0;margin-bottom:24px}
.crm-entry-card h2,.crm-surface h2{margin:0 0 16px;font-size:20px}
.crm-entry-card p{min-height:0;max-width:55ch}
.crm-entry-card button{margin-top:0}
.crm-entry-grid[hidden],.crm-page [hidden]{display:none!important}
.crm-ledger{width:100%;border-collapse:collapse;table-layout:fixed}
.crm-ledger th{text-align:left;color:var(--crm-muted);font-size:13px;font-weight:500}
.crm-ledger th,.crm-ledger td{padding:14px 10px;border-bottom:1px solid var(--crm-line);overflow-wrap:anywhere}
.crm-mode .crm-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:24px 0;border-block:1px solid var(--crm-line)}
.crm-mode .crm-attention-card{background:transparent;border:0;border-right:1px solid var(--crm-line)}
.crm-attention-card>strong{display:block;font-size:32px;margin:8px 0}
.crm-mode .crm-attention-card:last-child{border-right:0}
.crm-alert-count{float:right;background:#b92742;color:white;border-radius:20px;padding:0 7px;margin-left:8px;font-size:13px}
.crm-mode .crm-page input,.crm-mode .crm-page select,.crm-mode .crm-page textarea{box-sizing:border-box;max-width:100%;width:100%;min-width:0;height:auto;padding:10px 12px;line-height:1.5}
.crm-mode .crm-page input[type=checkbox]{width:20px;flex:none;padding:0}
.crm-mode .crm-page select{padding-right:34px;min-height:48px}
.crm-mode .crm-page label{min-width:0;overflow-wrap:anywhere}
.crm-mode .crm-page button{white-space:normal;overflow-wrap:anywhere;height:auto}
.crm-mode .support-inbox-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.crm-mode #support-detail{min-width:0;border:1px solid var(--crm-line);border-radius:7px;padding:20px;background:var(--crm-surface)}
.crm-mode #support-detail>h4{font-size:21px;margin:0 0 12px}
.crm-mode #support-detail .crm-contact-details{padding:0;background:transparent;margin:16px 0}
.crm-mode .support-inbox-row,.crm-mode .support-reading .support-inbox-row{display:block;padding:14px 10px}
.crm-mode .support-inbox-row>h4{font-size:16px;margin:0 0 6px}
.crm-mode .support-inbox-row>p{font-size:14px}
.crm-mode .support-inbox-row>.check{display:inline-flex;margin-right:12px}
.crm-mode .support-inbox-row>button{min-height:36px;padding:5px 9px;margin-top:6px}
.crm-mode .support-conversation{background:transparent;border:0;border-block:1px solid var(--crm-line);padding:18px 0;margin:18px 0}
.crm-mode .support-message-body{white-space:pre-wrap;font-size:16px;line-height:1.7;color:var(--crm-text);overflow-wrap:anywhere}
.crm-mode #support-update{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0;border-block:1px solid var(--crm-line)}
.crm-mode #support-update h4{grid-column:1/-1;margin:0}
.crm-mode #support-update label{margin:0}
.crm-mode #support-search{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.crm-mode #support-search>label{flex:1 1 230px;margin:0}
.crm-mode #support-search>label:first-child{flex-basis:300px}
.crm-mode #support-search>label.check{flex-basis:100%}
@media(max-width:1300px){.crm-mode .support-inbox-columns{grid-template-columns:1fr}}
@media(max-width:1000px){.crm-entry-grid{grid-template-columns:1fr}}
@media(max-width:750px){.crm-mode .crm-attention-grid{grid-template-columns:1fr}.crm-mode .crm-attention-card{border-right:0;border-bottom:1px solid var(--crm-line)}.crm-mode #support-update{grid-template-columns:1fr}.crm-ledger th,.crm-ledger td{padding:10px 5px;font-size:13px}}
.crm-mode>header{display:none}
.crm-mode .crm-toolbar{border:0;min-height:0;padding:10px 0;justify-content:flex-end}
.crm-mode .crm-page-heading{padding-top:10px;padding-bottom:18px}
.crm-mode .crm-page>details{border:0;padding:0}
.crm-mode .crm-page>details>summary{display:none}
.crm-mode .crm-search-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:20px;width:100%}
.crm-search-toolbar>div{flex:1 1 210px;min-width:0}.crm-search-toolbar>div:first-child{flex:2 1 280px}
.crm-mode #customer-lookup>form{display:block;max-width:none}
.crm-mode .crm-search-toolbar label{display:block;margin:0 0 6px}
.crm-mode .crm-search-toolbar input{width:100%}
.crm-mode .crm-organization-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,.8fr) auto;gap:20px;align-items:center;padding:16px 0;border:0;border-bottom:1px solid var(--crm-line);background:transparent}
.crm-mode .crm-organization-row h3,.crm-mode .crm-organization-row p{margin:0 0 4px}
.crm-mode .crm-organization-row details{grid-column:1/-1}
.crm-compose-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.crm-mode .crm-compose-split>form{display:block;max-width:none;width:100%}
.crm-compose-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.crm-compose-field{min-width:0;margin-bottom:14px}.crm-compose-field:has(>input[hidden]){display:none}
.crm-mode .crm-compose-field>label{display:block;margin:0 0 6px}
.crm-mode .crm-compose-field>input,.crm-mode .crm-compose-field>select{width:100%;max-width:100%}
.crm-draft-summary{border-top:1px solid var(--crm-line);padding:20px 0}
.crm-mode .crm-compose-split .email-editor{width:100%;max-width:none}
.crm-mode #operations-results>.delivery-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.5fr);gap:20px;align-items:start;border:0;border-bottom:1px solid var(--crm-line);background:transparent;padding:14px 0}
.crm-mode #operations-results>.delivery-card h4{margin:0}
.crm-mode #operations-results>.delivery-card details{margin:0;padding:0;border:0}
.crm-mode .crm-activity-entry{background:transparent;border:0;border-bottom:1px solid var(--crm-line);border-radius:0;margin:0;padding:0}
.crm-mode .crm-activity-entry>summary{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:16px 0 16px 24px;font-weight:400}
.crm-mode .crm-activity-entry>summary::before{content:'';position:absolute;left:4px;top:23px;margin:0;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.crm-mode .crm-activity-entry[open]>summary::before{content:'';transform:rotate(45deg)}
.crm-mode .crm-record-ledger{width:100%;min-width:640px;border-collapse:collapse}
.crm-mode .crm-record-ledger th,.crm-mode .crm-record-ledger td{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--crm-line)}
.crm-mode .crm-record-ledger .organization-item{border:0;margin:0;padding:0;background:transparent}
.crm-mode .crm-record-ledger .crm-numeric{text-align:right;font-variant-numeric:tabular-nums}
.crm-mode .crm-organization-ledger-row{border:0;border-radius:0;background:transparent}
.crm-mode .crm-ledger-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.crm-mode .crm-ledger-actions>details{border:0;padding:0;background:transparent}
.crm-mode .crm-record-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-bottom:20px}
.crm-mode .crm-record-filters>div{min-width:0}
.crm-mode .crm-record-filters label{margin:0 0 6px}
.crm-mode .crm-record-filters input,.crm-mode .crm-record-filters select{margin:0}
.crm-mode .crm-record-filters>div:has(input[type=checkbox]){grid-column:1/-1;display:flex;align-items:center;gap:10px}
.crm-mode .crm-record-filters>div:has(input[type=checkbox]) label{order:1;margin:0}
@media(max-width:750px){.crm-mode .crm-record-filters{grid-template-columns:minmax(0,1fr)}}
.crm-mode .payment-review-list>.crm-search-toolbar{display:grid;grid-template-columns:minmax(180px,280px) max-content;align-items:end;gap:6px 12px}
.crm-mode .payment-review-list>.crm-search-toolbar>label{grid-column:1;margin:0}
.crm-mode .payment-review-list>.crm-search-toolbar>select{grid-column:1;grid-row:2}
.crm-mode .payment-review-list>.crm-search-toolbar>button{grid-column:2;grid-row:2}
@media(max-width:550px){.crm-mode .payment-review-list>.crm-search-toolbar{grid-template-columns:minmax(0,1fr)}.crm-mode .payment-review-list>.crm-search-toolbar>button{grid-column:1;grid-row:3;justify-self:start}}
.crm-mode #crm-palette-settings{grid-column:1/-1;border-bottom:1px solid var(--crm-line);padding-bottom:16px}
@media(max-width:1300px){.crm-compose-split{grid-template-columns:1fr}}
@media(max-width:1000px){.crm-mode .crm-organization-row{grid-template-columns:1fr 1fr}.crm-compose-options{grid-template-columns:1fr}.crm-mode #operations-results>.delivery-card{grid-template-columns:1fr 1fr}.crm-mode #operations-results>.delivery-card details{grid-column:1/-1}}
@media(max-width:750px){.crm-mode .crm-activity-entry>summary{grid-template-columns:1fr}.crm-mode .crm-organization-row{grid-template-columns:1fr}.crm-mode #operations-results>.delivery-card{grid-template-columns:1fr}}
.crm-mode #support-search{max-width:none;width:100%;margin-bottom:20px}
.crm-mode #support-search>label:not(.check){flex:1 1 220px}
.crm-mode #support-search>.check{flex:0 0 auto;align-self:center}
.crm-mode .support-bulk>span{flex-basis:auto}
.crm-mode .support-bulk>.check{flex-basis:auto}
.crm-mode .support-inbox-row>small{display:none}
.crm-mode .support-inbox-row{position:relative;padding-left:42px!important}
.crm-mode .support-inbox-row>.check{position:absolute;left:10px;top:14px;font-size:0;margin:0}
.crm-mode .support-inbox-row>.check input{font-size:16px}
.crm-mode #support-detail .support-technical{margin-bottom:12px}
.crm-mode #support-update{border:0}
.crm-mode .crm-draft-summary{margin:0}
.crm-mode #crm-dashboard .crm-surface>.crm-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.crm-mode .crm-search-toolbar button{align-self:end;margin-bottom:0}
.crm-mode .crm-search-toolbar .crm-filter-field{margin:0}
.crm-mode .crm-search-toolbar input,.crm-mode .crm-search-toolbar select{margin:0}
.crm-mode .crm-compose-field{margin:0 0 14px}
.crm-mode .crm-compose-options>*{margin-top:0!important}
.crm-mode .crm-compose-split form>.crm-compose-field>input{width:100%!important;max-width:none!important}
.crm-mode .crm-compose-split .crm-compose-field>input{width:100%!important;max-width:none!important}
.crm-mode .crm-compose-split .email-compose-field{width:100%;max-width:none;margin:0 0 14px}
.crm-mode .crm-compose-split .email-compose-form>label,.crm-mode .crm-compose-split .email-compose-form>input{width:100%;max-width:none}
.crm-mode #activity-search{max-width:none;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.crm-mode #activity-search{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.crm-mode #activity-search{grid-template-columns:1fr}}
.crm-mode .crm-draft-summary{background:transparent;border:0;border-top:1px solid var(--crm-line);padding:20px 0}
.crm-mode .individual-onboarding-grid{max-width:none;gap:16px}
.crm-mode #organization-search{max-width:none}
.crm-mode #bookkeeping-panel>.crm-compact-form{display:flex;flex-wrap:wrap;align-items:end;max-width:none;gap:12px}
.crm-mode #bookkeeping-panel>.crm-compact-form button{align-self:end}
.crm-mode #bookkeeping-panel>h3{display:none}
@media(max-width:1000px){.crm-mode #crm-dashboard .crm-surface>.crm-entry-grid{grid-template-columns:1fr}}
.crm-mode #operations-results{display:block}
.crm-mode .crm-page input:not([type=checkbox]):not([type=radio]){width:100%!important;max-width:100%!important;box-sizing:border-box}
.crm-mode #payment-review-panel .crm-ledger td>small{display:block;margin-top:4px}
.crm-mode .crm-activity-entry>summary::marker{content:''}
.crm-mode #operations-results>.delivery-card{width:100%;box-sizing:border-box;border-radius:0}
.crm-mode #operations-results>.delivery-card{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.5fr) minmax(0,1fr)}
.crm-mode #bookkeeping-panel>.crm-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.crm-mode #operations-results>.delivery-card{grid-template-columns:1fr 1fr}.crm-mode #bookkeeping-panel>.crm-entry-grid{grid-template-columns:1fr}}
@media(max-width:750px){.crm-mode #operations-results>.delivery-card{grid-template-columns:1fr}}
.crm-mode #email-helpers-panel>.crm-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.crm-mode #email-helpers-panel>.crm-entry-grid{grid-template-columns:1fr}}

/* Detail screens use the same Calm Desk hierarchy as the section overviews. */
.crm-mode .crm-detail-workspace{border:0;background:transparent;padding:0}
.crm-mode .crm-detail-workspace>.crm-record-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;border-bottom:1px solid var(--crm-line);margin:0 0 24px}
.crm-mode .crm-detail-panel{min-width:0;padding:0;border:0;background:transparent}
.crm-mode .crm-detail-heading{margin:0 0 20px;font-size:24px;line-height:1.3}
.crm-mode .crm-detail-panel>details{border:0;border-top:1px solid var(--crm-line);border-radius:0;padding:20px 0;margin:0 0 24px;background:transparent}
.crm-mode .crm-detail-panel summary{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.crm-mode .crm-detail-panel form{max-width:none;width:100%;padding:20px;border:1px solid var(--crm-line);border-radius:6px;box-sizing:border-box}
.crm-mode .crm-detail-panel form>input,.crm-mode .crm-detail-panel form>select,.crm-mode .crm-detail-panel form>textarea{margin-bottom:18px}
.crm-mode .crm-detail-panel .organization-item{border:0;border-top:1px solid var(--crm-line);border-radius:0;padding:18px 0;background:transparent}
.crm-mode .crm-detail-panel .organization-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.crm-mode .crm-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.crm-mode .crm-overview-grid>.crm-overview-group{min-width:0;width:100%;max-width:none;border:0;border-top:1px solid var(--crm-line);border-radius:0;margin:0;padding:20px 0}
.crm-mode .crm-overview-group h4{font-size:18px;margin:0 0 16px}
.crm-mode .crm-overview-group dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;margin:0}
.crm-mode .crm-overview-group dd{margin:0;font-weight:600}
.crm-mode .crm-overview-group dt,.crm-mode .crm-overview-group dd{border-bottom:1px solid var(--crm-line);padding-bottom:12px}
.crm-mode .crm-customer-overview>.crm-contact-details{max-width:none}
.crm-mode .crm-detail-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.crm-mode .crm-detail-panel .crm-document-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:12px 20px;align-items:start}
.crm-mode .crm-document-row h4,.crm-mode .crm-document-row p{margin:0}
.crm-mode .crm-document-row details{grid-column:1/-1;width:100%}
.crm-mode .crm-document-row>button{margin:0}
.crm-mode .crm-detail-panel form.crm-detail-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.crm-mode .crm-detail-form>.crm-detail-field{min-width:0;margin:0}
.crm-mode .crm-detail-form>*{min-width:0;max-width:100%;box-sizing:border-box}
.crm-mode .crm-detail-form .crm-preferences-grid{width:100%;min-width:0}
.crm-mode .crm-preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:16px}
.crm-mode .crm-preferences-grid #crm-palette-settings{grid-column:auto;margin:0;padding:0;border:0;min-width:0}
.crm-mode .crm-preferences-grid #crm-palette-settings p{font-size:14px;margin:10px 0}
.crm-mode .crm-preferences-grid fieldset{border:0;border-top:1px solid var(--crm-line);padding:16px 0}
@media(max-width:800px){.crm-mode .crm-preferences-grid{grid-template-columns:1fr}}
.crm-mode .crm-detail-form>.crm-detail-field>input,.crm-mode .crm-detail-form>.crm-detail-field>select{margin:6px 0 0}
.crm-mode .crm-detail-form>:not(.crm-detail-field),.crm-mode .crm-detail-form>.crm-detail-wide{grid-column:1/-1}
.crm-mode .crm-detail-form>button{justify-self:start;margin:0}
@media(max-width:800px){.crm-mode .crm-detail-panel .crm-document-row{grid-template-columns:1fr}.crm-mode .crm-document-row>button{justify-self:start}}
@media(max-width:800px){.crm-mode .crm-detail-panel form.crm-detail-form{grid-template-columns:1fr}}
@media(max-width:800px){.crm-mode .crm-overview-grid{grid-template-columns:1fr}.crm-mode .crm-detail-panel form{padding:14px}.crm-mode .crm-detail-heading{font-size:22px}}
.crm-mode .crm-preferences-grid #crm-palette-settings>label,.crm-mode .crm-preferences-grid .onboarding-field>label{display:block;margin:0 0 6px;padding:0}.crm-mode .crm-preferences-grid #crm-palette-settings>select,.crm-mode .crm-preferences-grid .onboarding-field>select{margin:0}
/* Support desk: approved compact inbox and persistent desktop reading column. */
.crm-mode #support-panel.support-desk{padding:0;border:0}
.crm-mode .support-desk-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 22px}
.crm-mode .support-desk-nav .support-folders{flex:0 1 auto;gap:10px}
.crm-mode .support-desk-nav button{margin:0;min-height:40px;padding:8px 12px}
.crm-mode .support-inbox-summary{margin:0;padding:12px 16px;border-radius:4px;background:var(--crm-surface);color:var(--crm-text);border-left:1px solid var(--crm-accent)}
.crm-mode #support-search{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px auto;gap:8px 12px;border:0;padding:0;margin:0 0 16px;background:transparent;max-width:none}
.crm-mode #support-search>label{margin:0;min-width:0;grid-column:auto}
.crm-mode #support-search>label.check{grid-column:1/-1;margin:0;min-height:24px}
.crm-mode #support-search input,.crm-mode #support-search select{margin:6px 0 0;min-height:40px}
.crm-mode #support-search>button{margin:0;min-height:40px;align-self:end}
.crm-mode .support-desk .support-inbox-columns,.crm-mode .support-desk .support-inbox-columns:not(:has(#support-detail:not([hidden]):not(:empty))){display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.crm-mode .support-list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--crm-line);padding-top:18px;margin-bottom:12px}
.crm-mode .support-list-heading h2{font-size:19px;color:var(--crm-text);margin:0}
.crm-mode .support-list-heading>span{font-size:13px;color:var(--crm-muted)}
.crm-mode .support-desk .support-bulk{gap:6px;margin:0 0 16px;align-items:center}
.crm-mode .support-desk .support-bulk>span{font-size:12px;flex:1 0 auto}
.crm-mode .support-desk .support-bulk button{margin:0;padding:6px 9px;min-height:36px}
.crm-mode .support-desk .support-bulk button:disabled{display:none}
.crm-mode .support-row-head{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px;gap:12px;padding:12px 0 10px 30px;border-bottom:1px solid var(--crm-line);font-size:12px;color:var(--crm-muted)}
.crm-mode .support-desk .support-inbox-row,.crm-mode .support-desk.support-reading .support-inbox-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px;gap:12px;padding:14px 0 14px 30px!important;border:0;border-bottom:1px solid var(--crm-line);background:transparent;margin:0;position:relative}
.crm-mode .support-desk .support-inbox-row>.check{left:0;top:15px;grid-column:auto;grid-row:auto;margin:0}
.crm-mode .support-row-main{min-width:0}
.crm-mode .support-row-main>strong{display:block;font-size:14px;overflow-wrap:anywhere}
.crm-mode .support-row-main h4{font-size:14px!important;font-weight:400!important;margin:6px 0!important;line-height:1.5;color:var(--crm-text)}
.crm-mode .support-row-main .support-row-preview{font-size:13px;line-height:1.5;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--crm-muted)}
.crm-mode .support-row-state{display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.5}
.crm-mode .support-row-date{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.crm-mode .support-inbox-row.is-read .support-row-main>strong{font-weight:400;color:var(--crm-muted)}
.crm-mode .support-inbox-row.is-unread .support-row-state>span:last-child{font-weight:700;color:var(--crm-accent)}
.crm-mode .support-desk .support-inbox-row>.support-row-open{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);border:0}
.crm-mode .support-desk .support-inbox-row>.support-row-open:focus{position:static;width:auto;height:auto;min-height:36px;clip-path:none;grid-column:1/-1}
.crm-mode .support-reader-empty{padding:22px;background:var(--crm-surface);border-radius:6px;min-height:280px}
.crm-mode .support-reader-empty h2{font-size:20px;color:var(--crm-text);margin:0 0 16px}
.crm-mode .support-reader-empty p{line-height:1.65;max-width:50ch}
.crm-mode #support-detail:not([hidden]):not(:empty)~.support-reader-empty{display:none}
.crm-mode .support-desk #support-detail{border:0;border-radius:6px;padding:22px}
.crm-mode .support-desk #support-detail form{border:0;padding:0;max-width:none}
.crm-mode .support-desk #support-detail .support-message-body{font-size:15px;line-height:1.7}
.crm-mode .support-desk #support-detail .support-conversation{padding:16px 0;border:0;border-top:1px solid var(--crm-line);background:transparent}
.crm-mode .support-desk #support-detail textarea{min-height:140px}
.crm-mode .support-desk>details{margin-top:24px}
.crm-mode .support-desk .support-message-actions{margin:16px 0}
@media(min-width:1101px){.crm-mode .support-desk.support-reading .support-inbox-view>button{display:none}}
@media(max-width:1100px){.crm-mode .support-desk .support-inbox-columns,.crm-mode .support-desk .support-inbox-columns:not(:has(#support-detail:not([hidden]):not(:empty))){grid-template-columns:1fr}.crm-mode .support-reader-empty{display:none}.crm-mode .support-desk.support-reading #support-list{display:none}.crm-mode #support-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crm-mode #support-search>.support-query{grid-column:1/-1}}
@media(max-width:550px){.crm-mode .support-row-head,.crm-mode .support-desk .support-inbox-row,.crm-mode .support-desk.support-reading .support-inbox-row{grid-template-columns:minmax(0,1fr) 90px}.crm-mode .support-row-date{grid-column:1/-1}.crm-mode .support-row-head>span:last-child{display:none}.crm-mode #support-search{grid-template-columns:1fr}.crm-mode #support-detail{padding:16px}.crm-mode .support-desk-nav{gap:8px}}
.crm-mode .support-desk-nav>button{background:transparent;color:var(--crm-text);border:1px solid var(--crm-line)}
.crm-mode .support-desk-nav>button[aria-pressed=true]{background:var(--crm-selected);color:var(--crm-accent)}
.crm-mode .support-desk #support-messages{max-height:360px;overflow:auto;scrollbar-gutter:stable;margin:16px 0;scroll-padding:16px}
.crm-mode .support-desk #support-detail>details{border:0;border-top:1px solid var(--crm-line);border-radius:0;padding:14px 0;background:transparent}
.crm-mode .support-desk #support-reply>label{margin-bottom:12px}
.crm-mode .support-desk .support-bulk>.check{font-size:13px}
.crm-mode .support-desk button{box-shadow:none}.crm-mode .support-desk .support-inbox-row>.check{font-size:13px}.support-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.crm-mode .support-desk .support-bulk>.check{display:flex;align-items:center;gap:8px;margin:0;min-height:36px;max-width:none}.crm-mode .support-desk .support-bulk>span{margin:0;text-align:right}.crm-mode .support-desk #support-reply>button{margin-top:14px}
.crm-mode .support-compose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.crm-mode #support-reply .support-compose-mode{display:flex;align-items:center;gap:10px;margin:0;font-size:13px}.crm-mode #support-reply .support-compose-mode select{width:auto;margin:0;min-height:40px}.crm-mode #support-reply .support-template-tools{border:0;padding:0;background:transparent;margin:0}.crm-mode #support-reply .support-template-tools summary{font-size:14px;min-height:40px;display:flex;align-items:center;cursor:pointer}.crm-mode #support-reply .support-template-tools[open]{flex:1 1 100%}.crm-mode .support-compose-toolbar:has(details[open]){flex-wrap:wrap}.crm-mode .support-compose-audience{font-size:13px;margin:0 0 14px;color:var(--crm-muted)}.crm-mode .support-reply-preview{border-top:1px solid var(--crm-line);margin-top:16px;padding-top:16px}.crm-mode .support-preview-body{white-space:pre-wrap;overflow-wrap:anywhere}.crm-mode .support-reply-preview>button{margin-right:8px}.crm-mode .support-technical>details{border:0;border-bottom:1px solid var(--crm-line);background:transparent;padding:14px 0}.crm-mode .support-desk .support-compose-toolbar select{max-width:100%}@media(max-width:550px){.crm-mode .support-compose-toolbar{flex-wrap:wrap}.crm-mode #support-reply .support-compose-mode{flex-wrap:wrap}}
/* Whole-workspace Calm Desk refinement. Approved palette and real controls retained. */
.crm-mode .crm-page{padding:0}.crm-mode .crm-page-description{margin:0 0 22px}
.crm-mode .crm-page-heading{padding:10px 0 4px}.crm-mode .crm-page-heading h1{font-size:28px;margin:0 0 7px}
.crm-mode .crm-page button:not(.crm-primary):not(.danger):not([type=submit]):not(.attention-needed){background:var(--crm-surface);color:var(--crm-text);border-color:var(--crm-muted)}
.crm-mode .crm-page button:not(.danger):hover{background:var(--crm-selected);color:var(--crm-text);border-color:var(--crm-accent)}
.crm-mode .crm-page button.crm-primary{background:var(--crm-accent);color:var(--crm-button-text);border-color:var(--crm-accent)}
.crm-mode .crm-page .crm-refresh{font-size:14px;min-height:44px;color:var(--crm-muted);background:transparent}
.crm-mode .crm-page button[aria-selected=true],.crm-mode .crm-page button[aria-pressed=true]{background:var(--crm-selected);color:var(--crm-accent);border-color:var(--crm-accent)}
.crm-mode .crm-page button.danger{background:#a92446;border-color:#ff8b9e;color:#fff}
.crm-mode .crm-page button.danger:hover{background:#841b37}
.crm-mode .crm-page h2{font-size:20px;line-height:1.35}.crm-mode .crm-page h3{font-size:17px;line-height:1.4}
.crm-mode .crm-attention-card h3{font-size:14px;font-weight:500;color:var(--crm-muted);margin:0}
.crm-mode .crm-attention-card>strong{font-size:30px;font-weight:500;color:var(--crm-accent);font-variant-numeric:tabular-nums}
.crm-mode .crm-attention-card>button{width:auto;font-size:13px;min-height:36px;padding:5px 9px}
.crm-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.crm-dashboard-columns>.crm-surface{min-width:0;margin-bottom:20px}
.crm-mode .crm-dashboard-delivery>button{margin-top:16px}
.crm-mode .crm-ledger th.crm-numeric,.crm-mode .crm-ledger td.crm-numeric,.crm-mode .crm-numeric{text-align:right;font-variant-numeric:tabular-nums}
.crm-mode .crm-ledger td small{display:block;color:var(--crm-muted);margin-top:4px}
.crm-mode .crm-ledger button{font-size:14px;padding:6px 10px}
.crm-mode .crm-compose-options{gap:0 20px}.crm-mode .crm-compose-field input,.crm-mode .crm-compose-field select{margin-bottom:0}
.crm-mode .crm-compose-split form>h2{margin:0 0 20px}.crm-mode .crm-draft-summary h2{margin-top:0}
.crm-mode .crm-compose-options>.crm-compose-field:has(>input[hidden]){display:none}
.crm-mode .email-editor-toolbar button{font-size:13px;min-height:36px;padding:5px 9px}
.crm-mode .email-editor-body{background:var(--crm-surface);border-color:var(--crm-muted)}
.crm-mode .email-compose-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.crm-mode .crm-draft-tools{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.crm-mode .crm-draft-summary>details{margin-top:24px}
.crm-mode form.crm-detail-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none}
.crm-mode .crm-detail-field label{margin:0 0 6px}.crm-mode .crm-detail-field input,.crm-mode .crm-detail-field select{margin:0}
.crm-mode .crm-saved-filters{max-width:none}
.crm-mode .crm-global-status:not(:empty){border-left:0;border-top:1px solid var(--crm-line)}
.crm-mode input::placeholder,.crm-mode textarea::placeholder{color:var(--crm-muted);opacity:1}
.crm-mode input,.crm-mode textarea,[contenteditable=true]{caret-color:var(--crm-secondary)}
.crm-mode ::selection{background:var(--crm-accent);color:var(--crm-button-text)}
.crm-mode *{scrollbar-color:var(--crm-muted) var(--crm-surface)}
.crm-mode .crm-attention-notice{background:var(--crm-surface);padding:12px 16px;border:1px solid var(--crm-line);border-radius:6px}
@media(max-width:1100px){.crm-dashboard-columns{grid-template-columns:1fr}}
@media(max-width:800px){.crm-mode form.crm-detail-form{grid-template-columns:1fr}}

.crm-mode .crm-customer-table td:first-child strong,.crm-mode .crm-customer-table td:first-child small{display:block}.crm-mode .crm-customer-table td:first-child small{color:var(--crm-muted);margin-top:4px;font-size:13px}

.crm-mode .delivery-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.5fr) minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--crm-line);color:var(--crm-muted);font-size:13px;font-weight:600}@media(max-width:1000px){.crm-mode .delivery-columns{display:none}}

.crm-mode .crm-finance-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;align-items:start;margin:24px 0}.crm-mode .crm-finance-overview>div,.crm-mode .crm-finance-overview>section{min-width:0}.crm-mode .crm-finance-overview h4{margin-top:0}@media(max-width:1100px){.crm-mode .crm-finance-overview{grid-template-columns:1fr}}

.crm-mode .crm-attention-card strong.crm-metric-empty{font-size:18px;line-height:1.4;color:var(--crm-muted)}.crm-mode #crm-reports .crm-entry-grid{align-items:start}.crm-mode #email-helpers-panel>.crm-entry-grid .crm-entry-card p{min-height:0}.crm-mode #email-helpers-panel>.crm-entry-grid .crm-entry-card button{margin-top:0}

.crm-mode .crm-finance-overview>section{border-top:1px solid var(--crm-line);padding-top:20px}.crm-mode .crm-finance-overview h2{margin:0 0 16px}

.crm-mode .crm-organization-ledger{width:100%;min-width:760px;border-collapse:collapse}
.crm-mode .crm-organization-ledger td{vertical-align:top;padding:16px 12px}
.crm-mode .crm-organization-ledger h3{font-size:14px;margin:0 0 4px}
.crm-mode .crm-organization-ledger p{margin:0 0 4px;font-size:13px}
.crm-mode .crm-organization-ledger details{margin-top:8px;font-size:13px}
.crm-mode .crm-organization-ledger td:first-child{width:28%}
.crm-mode .crm-organization-ledger td:nth-child(2){width:25%}


.crm-mode .crm-organization-ledger th.crm-numeric,.crm-mode .crm-organization-ledger td.crm-numeric{text-align:right;font-variant-numeric:tabular-nums}
.crm-mode .crm-organization-ledger td details{border:0;padding:0;background:transparent;border-radius:0}
.crm-mode .crm-organization-ledger td details summary{font-size:12px;font-weight:400;color:var(--crm-muted);padding:0}


.crm-mode .crm-members-ledger{width:100%;min-width:700px;border-collapse:collapse}
.crm-mode .crm-members-ledger th,.crm-mode .crm-members-ledger td{padding:12px;text-align:left;vertical-align:top}
.crm-mode .crm-customer>summary{display:none}
.crm-mode .crm-customer-attention{margin:12px 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.crm-mode .crm-detail-panel .crm-subscription-summary{border:0;border-top:1px solid var(--crm-line);border-radius:0;background:transparent;padding:18px 0}
.crm-mode .crm-detail-panel .crm-subscription-summary details{border:0;padding:0;background:transparent}


.crm-wordmark{display:flex;align-items:flex-start;gap:10px}
.crm-wordmark svg{width:28px;height:26px;flex:none;margin-top:2px}
.crm-mode .crm-organization-ledger td,.crm-mode .crm-organization-ledger th,.crm-mode .crm-members-ledger td,.crm-mode .crm-members-ledger th{border-color:var(--crm-line)}


/* Customer work uses the available width, retaining one-column reading on phones. */
.crm-mode .crm-record-columns:not([hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.crm-mode .crm-record-columns>.crm-detail-heading{grid-column:1/-1;margin-bottom:0}
.crm-mode .crm-record-columns>details{min-width:0;margin:0}
.crm-mode .crm-record-count{font-variant-numeric:tabular-nums;font-weight:700;margin:8px 0 16px}
.crm-mode .email-purpose-help{font-size:.875rem;line-height:1.5;margin:6px 0 0;max-width:65ch}
.crm-mode .support-submission-details{margin-top:16px}

.crm-mode .crm-ledger-scroll{max-width:100%;overflow:auto}.crm-mode .crm-ledger caption{text-align:left;font-weight:700;padding:16px 0}
.crm-mode .crm-ledger-scroll>.crm-ledger{min-width:640px}

/* Payment notices keep historical distinctions readable without four squeezed columns. */
.crm-mode .crm-payment-ledger .crm-payment-summary>td{vertical-align:top}
.crm-mode .crm-payment-ledger th:nth-child(1){width:18%}
.crm-mode .crm-payment-ledger th:nth-child(2){width:46%}
.crm-mode .crm-payment-ledger th:nth-child(3){width:20%}
.crm-mode .crm-payment-ledger th:nth-child(4){width:16%}
.crm-mode .crm-payment-summary>td>p{margin:6px 0}
@media(max-width:1000px){
 .crm-mode .crm-payment-ledger,.crm-mode .crm-payment-ledger tbody{display:block;width:100%}
 .crm-mode .crm-payment-ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .crm-mode .crm-payment-ledger .crm-payment-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;border-bottom:1px solid var(--crm-line);padding:16px 0}
 .crm-mode .crm-payment-ledger .crm-payment-summary>td{display:block;width:auto;padding:0;border:0;min-width:0}
 .crm-mode .crm-payment-summary>td:nth-child(1){grid-column:1;grid-row:1}
 .crm-mode .crm-payment-summary>td:nth-child(2){grid-column:1/-1;grid-row:2}
 .crm-mode .crm-payment-summary>td:nth-child(3){grid-column:1;grid-row:3}
 .crm-mode .crm-payment-summary>td:nth-child(4){grid-column:2;grid-row:3}
 .crm-mode .crm-payment-ledger tr:not(.crm-payment-summary):not([hidden]),.crm-mode .crm-payment-ledger tr:not(.crm-payment-summary)>td{display:block;width:100%}
}

/* The approved desktop navigation remains expanded; phones use a disclosure. */
.crm-navigation-links{display:contents}
.crm-mode .crm-mobile-menu{display:none}
@media(max-width:750px){
 .crm-mode .crm-sidebar{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px}
 .crm-mode .crm-sidebar .crm-wordmark{grid-column:1;min-width:0;font-size:18px}
 .crm-mode .crm-mobile-menu:not([hidden]){display:block;grid-column:2;background:var(--crm-surface);color:var(--crm-text);border-color:var(--crm-muted)}
 .crm-mode .crm-navigation-links:not([hidden]){display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:8px}
 .crm-mode .crm-navigation-links[hidden]{display:none}
 /* Keep the record's content near its navigation instead of below six rows. */
 .crm-mode .crm-customer>.crm-record-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scroll-padding-inline:8px;padding:8px 8px 12px}
 .crm-mode .crm-customer>.crm-record-tabs>button{flex:0 0 auto;white-space:nowrap;min-height:44px}
}
@media(max-width:550px){
 .crm-mode #support-search{grid-template-columns:repeat(2,minmax(0,1fr))}
 .crm-mode #support-search>.support-query,.crm-mode #support-search>button{grid-column:1/-1}
 .crm-mode #support-search input,.crm-mode #support-search select,.crm-mode #support-search>button{min-height:44px}
}

/* Adam's explicit Calm Desk structural metrics, October 24, 2026. */
.crm-mode .crm-page table th,.crm-mode .crm-page table td{padding:8px 12px}
@media(min-width:751px) and (max-width:1440px){
 .crm-shell{grid-template-columns:240px minmax(0,1fr)}
 .crm-workspace{padding:0 16px 16px}
 .crm-mode>footer{margin-left:256px}
}
/* Keep the inbox visible when a laptop is zoomed: compact filters before stacking. */
@media(min-width:1000px) and (max-width:1100px){
 .crm-mode #support-search{grid-template-columns:minmax(160px,1fr) 160px 160px auto}
 .crm-mode #support-search>.support-query{grid-column:auto}
}
@media(min-width:1000px) and (max-height:700px){
 .crm-mode .support-desk-nav{margin:16px 0}
 .crm-mode .support-inbox-summary{padding:8px 16px}
 .crm-mode .support-list-heading{padding-top:8px;margin-bottom:8px}
 .crm-mode .support-desk .support-bulk{margin-bottom:8px}
 .crm-mode .support-row-head{padding-block:8px}
}
.crm-mode #support-search>label.check{display:flex;align-items:center;gap:8px}
.crm-mode #support-search>label.check input[type=checkbox]{margin:0;min-height:20px}
@media(min-width:1000px) and (max-height:700px){
 .crm-mode .support-desk .support-inbox-row,.crm-mode .support-desk.support-reading .support-inbox-row{padding-block:8px!important}
}
/* Preserve the record, not stacked navigation, in the laptop's first screen. */
@media(max-width:1440px){
 .crm-mode .crm-customer>.crm-record-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scroll-padding-inline:8px;padding:8px 8px 12px}
 .crm-mode .crm-customer>.crm-record-tabs>button{flex:0 0 auto;white-space:nowrap;min-height:44px}
}
.crm-mode .crm-license-badge{margin-inline-end:8px}
@media(max-width:1100px){
 .crm-mode .support-desk.support-reading #support-search{display:none}
}
@media(max-width:1100px) and (max-height:700px){
 .crm-mode .support-desk #support-detail{padding:16px}
 .crm-mode .support-desk #support-detail>p{margin-block:8px}
 .crm-mode .support-desk #support-detail>.crm-contact-details{margin-block:8px}
 .crm-mode .support-desk #support-messages{margin-block:8px;padding-top:8px}
}
/* In the single-pane reader, inbox counts and folder controls return with Back. */
@media(max-width:1100px){
 .crm-mode .support-desk.support-reading .support-inbox-summary,
 .crm-mode .support-desk.support-reading .support-desk-nav{display:none}
}
/* Keep the two frequent inbox actions beside the message, with secondary actions disclosed. */
.crm-mode .support-desk .support-message-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.crm-mode .support-desk .support-message-actions>button{margin:0}
.crm-mode .support-more-actions{margin:0;padding:0;border:0;background:transparent}
.crm-mode .support-more-actions>summary{box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--crm-muted);border-radius:6px;cursor:pointer;font-weight:600}
.crm-mode .support-more-actions>button{display:block;margin:8px 0 0}
.crm-mode .support-reader-empty{min-height:0}
@media(min-width:1101px) and (max-height:800px){
 .crm-mode .support-desk #support-detail{padding:16px}
 .crm-mode .support-desk #support-detail>p,.crm-mode .support-desk #support-detail>.crm-contact-details{margin-block:8px}
 .crm-mode .support-desk .support-message-actions{margin-block:8px}
 .crm-mode .support-desk #support-messages{margin-block:8px}
 .crm-mode .support-desk #support-detail .support-conversation{margin:0;padding-top:8px}
}
/* Match the approved Dashboard's two quiet, flat work panels. */
.crm-mode .crm-dashboard-columns>.crm-surface{background:var(--crm-surface)}
/* Customer discovery follows the approved single compact disclosure. */
.crm-mode #customer-lookup>.crm-saved-filters>.crm-search-filters{border:0;border-bottom:1px solid var(--crm-line);border-radius:0;background:transparent;padding:8px 0;margin:0 0 16px}
.crm-mode #customer-lookup>.crm-saved-filters>.crm-search-filters>summary{min-height:32px;line-height:32px;font-size:14px}
.crm-mode #customer-results .crm-customer-table{background:var(--crm-surface)}
.crm-mode #customer-results .crm-customer-table caption{font-size:18px;color:var(--crm-secondary);padding:16px 12px;text-align:left}
@media(min-width:1001px){
 .crm-mode #customer-lookup>form>.crm-search-toolbar{display:grid;grid-template-columns:minmax(140px,1fr) 170px 155px auto auto;gap:16px;margin-bottom:8px}
}

/* Keep organization discovery controls in one laptop row, as in Calm Desk. */
@media(min-width:1001px){
 .crm-mode #organization-search>.crm-search-toolbar{display:grid;grid-template-columns:minmax(140px,1fr) 170px 130px auto auto;gap:16px;margin-bottom:8px}
}
.crm-mode #organization-search>.crm-search-filters{border:0;border-bottom:1px solid var(--crm-line);border-radius:0;background:transparent;padding:8px 0;margin:0 0 16px}
.crm-mode #organization-search>.crm-search-filters>summary{min-height:32px;line-height:32px;font-size:14px}
.crm-mode .crm-organization-ledger{background:var(--crm-surface)}

/* Calm Desk guidance and quiet work surfaces; operational text remains intact. */
.crm-mode #individual-onboarding-panel>p:first-of-type,
.crm-mode #customer-email-panel>p:first-of-type,
.crm-mode #email-helpers-panel>p:first-of-type{background:var(--crm-surface);border:1px solid var(--crm-line);border-radius:6px;padding:12px 16px;margin:0 0 16px;font-size:14px;line-height:1.5}
.crm-mode #email-helpers-panel>.crm-entry-grid>.crm-entry-card,
.crm-mode #email-helpers-panel>.helper-library,
.crm-mode #customer-email-panel .crm-compose-split>form,
.crm-mode #customer-email-panel .crm-draft-summary{background:var(--crm-surface)}

/* Payment review: full-width primary filter and a distinct assessment notice. */
.crm-mode #payment-review-panel>.crm-search-toolbar{grid-template-columns:minmax(180px,1fr) max-content}
.crm-mode #payment-review-panel>p:first-of-type{padding:12px 16px;margin:0 0 16px;border:1px solid var(--crm-accent);border-radius:6px;background:var(--crm-surface);color:var(--crm-text)}
.crm-mode #payment-review-panel .crm-payment-ledger{background:var(--crm-surface)}
@media(max-width:550px){.crm-mode #payment-review-panel>.crm-search-toolbar{grid-template-columns:minmax(0,1fr)}}

/* Business report methodology stays accessible without displacing the summary. */
.crm-mode #crm-reports .crm-report-scope{padding:0;border:0;border-bottom:1px solid var(--crm-line);border-radius:0;margin:16px 0}
.crm-mode #crm-reports .crm-report-scope>summary{padding:8px 0;color:var(--crm-muted);font-weight:400}
.crm-mode #crm-reports .crm-entry-grid>.crm-surface{background:var(--crm-surface)}

/* Preserve the dense-cell contract when payment rows stack at laptop zoom. */
.crm-mode .crm-payment-ledger .crm-payment-summary>td{padding:8px 12px}

/* Calm Desk handoff and delivery surfaces, matching the approved section hierarchy. */
.crm-mode #bookkeeping-panel>p:first-of-type{padding:12px 16px;margin:0 0 16px;border:1px solid var(--crm-line);border-radius:6px;background:var(--crm-surface)}
.crm-mode #bookkeeping-panel>.crm-compact-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.crm-mode #bookkeeping-panel>.crm-compact-form>label{flex:1 1 260px;min-width:0;margin:0}
.crm-mode #bookkeeping-panel>.crm-compact-form>button{margin:0}
.crm-mode #bookkeeping-panel [role=status]>section,.crm-mode .crm-finance-overview>section{background:var(--crm-surface)}
.crm-mode #operations-panel>details{border:0;border-bottom:1px solid var(--crm-line);border-radius:0;padding:0;margin:0 0 16px}
.crm-mode #operations-panel>details>summary{padding:8px 0;font-weight:400;color:var(--crm-muted)}
.crm-mode #operations-results>.delivery-columns,.crm-mode #operations-results>.delivery-card{background:var(--crm-surface)}
@media(max-width:750px){.crm-mode #bookkeeping-panel>.crm-compact-form>label{flex-basis:100%}.crm-mode #bookkeeping-panel>.crm-compact-form>button{flex:1 1 180px}}

.crm-mode #activity-results>.crm-activity-entry{background:var(--crm-surface)}
@media(min-width:1101px){
 .crm-mode #activity-search{grid-template-columns:minmax(220px,1fr) 190px 150px 150px auto;align-items:end}
 .crm-mode #activity-search>button{grid-column:5;grid-row:1;margin:0}
 .crm-mode #activity-search>label.check{grid-row:2;grid-column:1/3}
 .crm-mode #activity-search>label.check:last-of-type{grid-column:3/-1;justify-self:end}
}

.crm-mode #crm-page-testing>.crm-entry-grid>.crm-entry-card,.crm-mode #crm-page-account>.crm-entry-grid>.crm-entry-card{background:var(--crm-surface);margin-bottom:0}
.crm-mode #crm-page-testing .crm-entry-card ul{padding-left:24px;margin:12px 0 16px;font-size:14px}
.crm-mode #crm-page-testing .crm-entry-card li+li{margin-top:8px}
.crm-mode .crm-overview-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:14px;margin:16px 0}
.crm-mode .crm-overview-facts dt{color:var(--crm-muted)}
.crm-mode .crm-overview-facts dd{margin:0;overflow-wrap:anywhere}

.crm-mode #crm-page-testing>.crm-entry-grid>.crm-entry-card,.crm-mode #crm-page-account>.crm-entry-grid>.crm-entry-card{display:flex;flex-direction:column;align-items:flex-start}
.crm-mode #crm-page-testing>.crm-entry-grid>.crm-entry-card>button,.crm-mode #crm-page-account>.crm-entry-grid>.crm-entry-card>button{margin-top:auto}

.crm-mode #private-test-license-panel>.test-license-guidance{border:0;border-bottom:1px solid var(--crm-line);border-radius:0;padding:0;margin:8px 0}
.crm-mode #private-test-license-panel>.test-license-guidance>summary{padding:4px 0;font-size:14px;font-weight:400}
.crm-mode #test-license-content>article{padding:12px 0;margin:12px 0}
.crm-mode #test-license-content>article>form{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:0;border:0;margin:8px 0}
.crm-mode #test-license-content>article>form>label{flex:1 1 200px;margin:0}
.crm-mode #test-license-content>article>form>button{margin:0}

/* Keep test-license consent and actions grouped within the Calm Desk form. */
.crm-mode #private-test-license-panel .test-license-consent{display:flex;align-items:flex-start;gap:12px;}
.crm-mode #private-test-license-panel .test-license-consent input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;}
.crm-mode #private-test-license-panel .test-license-actions{display:flex;flex-wrap:wrap;gap:16px;}
.crm-mode #private-test-license-panel .test-license-actions button{margin:0;}

/* Owner appearance prioritizes the editable palette and account controls. */
.crm-mode #account-preferences>summary{margin-bottom:16px;}
.crm-mode #account-preferences>[role=status]{margin:0 0 16px;}
.crm-mode #account-preferences>form{margin:0 0 16px;background:var(--crm-surface);}
.crm-mode #account-preferences>.crm-preferences-tools{margin:16px 0 0;padding:12px 0;border:0;border-top:1px solid var(--crm-line);}
.crm-mode #account-preferences>.crm-preferences-tools>summary{margin:0;}
.crm-mode #account-preferences>.crm-preferences-tools>form{margin-top:16px;}

.crm-mode .crm-notification-matrix{grid-column:1/-1;width:100%;border-collapse:collapse;}
.crm-mode .crm-notification-matrix caption{text-align:left;font-size:18px;font-weight:600;margin-bottom:16px;color:var(--crm-text);}
.crm-mode .crm-notification-matrix :is(th,td){padding:8px 12px;border-bottom:1px solid var(--crm-line);text-align:left;}
.crm-mode .crm-notification-matrix tbody th{font-weight:400;}
.crm-mode .crm-notification-matrix input[type=checkbox]{width:20px;height:20px;margin:0;}

.crm-mode .crm-notification-matrix .crm-notification-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;margin:0;cursor:pointer;}

.crm-mode .crm-followup-workspace:not([hidden]){grid-template-columns:minmax(0,2fr) minmax(0,1fr);}
.crm-mode .crm-followup-workspace>details:first-of-type{grid-row:span 2;}
.crm-mode .crm-task-assistance{grid-column:1/-1;margin:0;padding:12px;border:1px solid var(--crm-line);}
.crm-mode .crm-task-assistance>fieldset{border:0;margin:16px 0 0;padding:0;}
@media(max-width:1100px){.crm-mode .crm-followup-workspace:not([hidden]){grid-template-columns:1fr;}.crm-mode .crm-followup-workspace>details:first-of-type{grid-row:auto;}}

.email-signature-preview{display:none;}
.crm-mode .email-signature-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;}
.crm-mode .email-signature-editing,.crm-mode .email-signature-preview{min-width:0;padding:16px;background:var(--crm-surface);}
.crm-mode .email-signature-preview{display:block;overflow-wrap:anywhere;}
.crm-mode .email-signature-preview h3{margin:0 0 16px;}
.crm-mode .email-signature-preview a{color:var(--crm-secondary)!important;}
.crm-mode .email-signature-workspace .email-editor-body{min-height:112px;}
@media(max-width:800px){.crm-mode .email-signature-workspace{grid-template-columns:1fr;}}
/* Customer composition keeps message fields primary and auxiliary tools folded. */
.crm-mode .crm-customer-compose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;background:var(--crm-surface);}
.crm-mode .crm-customer-compose>.email-compose-field{margin:0;min-width:0;width:100%;}
.crm-mode .crm-customer-compose>.email-compose-field:has(>input[hidden]),.crm-mode .crm-customer-compose>.email-compose-field:has(>select[hidden]){display:none;}
.crm-mode .crm-customer-compose>.email-compose-field input,.crm-mode .crm-customer-compose>.email-compose-field select{width:100%;max-width:none;margin-bottom:0;}
.crm-mode .crm-customer-compose>:not(.email-compose-field){grid-column:1/-1;}
.crm-mode .crm-customer-compose>p{margin:0;}
.crm-mode .crm-customer-compose-tools{margin:0;padding:12px 0;border:0;border-top:1px solid var(--crm-line);}
.crm-mode .crm-customer-compose-tools>summary{margin:0;}
.crm-mode .crm-customer-compose .email-compose-actions{position:sticky;bottom:0;z-index:2;background:var(--crm-surface);border-top:1px solid var(--crm-line);padding:12px 0;margin:0;gap:16px;}
.crm-mode .crm-customer-compose .email-compose-actions button{margin:0;}
@media(max-width:650px){.crm-mode .crm-customer-compose{grid-template-columns:1fr;}}
.crm-mode .crm-organization-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.crm-mode .crm-organization-contact-grid>section{min-width:0;padding:16px;background:var(--crm-surface);}
.crm-mode .crm-organization-contact-grid h3{margin:0 0 16px;color:var(--crm-secondary);}
.crm-mode .crm-organization-contact-grid .crm-contact-details{padding:0;margin:0;}
.crm-mode .crm-organization-contact-grid dd{overflow-wrap:anywhere;}
@media(max-width:1440px){.crm-mode #school-actions>.crm-record-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scroll-padding-inline:8px;padding:8px 0 12px;}.crm-mode #school-actions>.crm-record-tabs>button{flex:0 0 auto;white-space:nowrap;min-height:44px;}}
@media(max-width:750px){.crm-mode .crm-organization-contact-grid{grid-template-columns:1fr;}}
.crm-mode .crm-organization-contact-grid .crm-contact-details{grid-template-columns:max-content minmax(0,1fr);column-gap:16px;}
.crm-mode .crm-organization-contact-grid dt{font-weight:400;}
@media(max-width:450px){.crm-mode .crm-organization-contact-grid .crm-contact-details{grid-template-columns:1fr;row-gap:4px;}.crm-mode .crm-organization-contact-grid dd{margin-bottom:12px;}}
/* Organization details retain identity while giving operational forms first-view space. */
.crm-mode #crm-page-organizations:has(#school-actions:not([hidden]))>.crm-page-description{display:none;}
.crm-mode #school-actions>#selected-school-title{margin:16px 0 8px;}
.crm-mode #school-actions>#selected-school-details{margin:0 0 16px;}
.crm-mode #school-actions>.crm-record-tabs{margin-bottom:16px;}
.crm-mode #school-actions .crm-detail-panel>form{padding:16px;background:var(--crm-surface);border:0;}
.crm-mode #school-actions .crm-detail-panel>form>h3{display:none;}
.crm-mode #school-actions .crm-detail-panel>form>p{margin:0 0 16px;}
.crm-mode #school-actions .crm-detail-heading{margin:0 0 16px;}
@media(min-width:1000px){.crm-workspace{position:relative;}.crm-mode .crm-org-back{position:absolute;right:16px;top:42px;margin:0;}.crm-mode .crm-workspace:has(#crm-page-organizations:not([hidden]) .crm-org-back:not([hidden]))>.crm-page-heading{padding-right:260px;min-height:54px;}}

/* Approved organization creation grid; preserve native validation. */
.crm-mode #organization-create{max-width:none;padding:16px;background:var(--crm-surface);}
.crm-mode .crm-organization-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.crm-mode .crm-organization-create-field{min-width:0;}
.crm-mode .crm-organization-create-field>label{display:block;margin:0 0 6px;}
.crm-mode .crm-organization-create-field>input{width:100%;max-width:none;margin:0;}
.crm-mode .crm-organization-create-field>.hint{margin:6px 0 0;}
.crm-mode .crm-create-wide{grid-column:1/-1;}
.crm-mode .crm-organization-create-actions{position:sticky;bottom:0;padding:12px 0;background:var(--crm-surface);z-index:1;}
.crm-mode .crm-organization-create-actions>button{margin:0;}
@media(max-width:750px){.crm-mode .crm-organization-create-grid{grid-template-columns:1fr;}}

/* Authority review uses full-width evidence fields from the approved detail mockup. */
.crm-mode #school-review .crm-detail-field{grid-column:1/-1;}
.crm-mode #school-review textarea{width:100%;max-width:none;resize:vertical;}

/* Group message composition: real message work remains the primary column. */
.crm-mode .crm-compose-split>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;}
.crm-mode .crm-compose-split>form>:not(.crm-compose-field){grid-column:1/-1;}
.crm-mode .crm-compose-split>form>.crm-compose-field{margin:0;}
.crm-mode .crm-compose-split>form>h2{margin:0;}
.crm-mode .crm-compose-options{gap:16px;}
.crm-mode .crm-compose-options>.crm-compose-field{margin:0;}
.crm-mode .crm-compose-split .email-compose-actions{position:sticky;bottom:0;background:var(--crm-surface);z-index:2;gap:16px;margin:0;padding:12px 0;}
.crm-mode .crm-compose-split .email-compose-actions button{margin:0;}
.crm-mode .crm-compose-split .email-editor-body{min-height:120px;}
@media(min-width:1001px) and (max-width:1300px){.crm-mode .crm-compose-split{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);}}
@media(max-width:750px){.crm-mode .crm-compose-split>form{grid-template-columns:1fr;}}

.crm-mode .crm-compose-split>form>.email-compose-field{grid-column:auto;margin:0;min-width:0;}
.crm-mode .crm-compose-split>form>.email-compose-field>.crm-compose-field{margin:0;}
.crm-mode .crm-group-formatting{margin:0;padding:0;border:0;}
.crm-mode .crm-group-formatting>summary{padding:8px 12px;min-height:44px;}
.crm-mode .crm-compose-split .email-editor{margin:0;}

@media(max-width:1000px){.crm-mode .crm-compose-split>form{grid-template-columns:1fr;}}

.crm-mode .crm-compose-split>form>.email-compose-field{grid-column:1/-1;}

@media(max-width:750px){.crm-mode #customer-email-panel .email-editor-body{scroll-margin-top:16px;scroll-margin-bottom:160px;}}

/* Customer identity stays together, with record actions at the opposite edge. */
.crm-mode .crm-customer-record-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px;}
.crm-mode .crm-customer-record-header h3{margin:0 0 8px;}
.crm-mode .crm-customer-record-header .crm-license-badge{margin:0;}
.crm-mode .crm-customer-record-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
.crm-mode .crm-customer-record-actions button{margin:0;}
.crm-mode .crm-customer>.crm-record-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:8px 0 12px;scroll-padding-inline:8px;margin-bottom:16px;}
.crm-mode .crm-customer>.crm-record-tabs>button{flex:0 0 auto;white-space:nowrap;min-height:44px;}
.crm-mode .crm-customer-attention{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px;}
.crm-mode .crm-customer-attention button{margin:0;}
.crm-mode .crm-customer-overview>h3{display:none;}
.crm-mode .crm-customer-overview>p:first-of-type{margin:0 0 16px;}
@media(max-width:1100px){.crm-mode .crm-customer-record-header{grid-template-columns:minmax(0,1fr);}.crm-mode .crm-customer-record-actions{justify-content:flex-start;}}

.crm-mode .crm-customer-record-header{padding:0;border:0;}
.crm-mode .crm-customer>.crm-detail-panel>h2{margin:0 0 16px;}

/* Incoming review follows Calm Desk's queue-and-reader structure. */
.crm-mode #support-mail-review>details{margin:16px 0;}
.crm-mode .support-mail-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:16px 0;}
.crm-mode .support-mail-toolbar>label,.crm-mode .support-mail-toolbar>button{margin:0;}
.crm-mode .support-mail-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;}
.crm-mode .support-mail-columns>div{min-width:0;padding:16px;background:var(--crm-surface);}
.crm-mode .support-mail-columns h2{margin:0 0 16px;font-size:20px;overflow-wrap:anywhere;}
.crm-mode .support-mail-columns p{overflow-wrap:anywhere;}
.crm-mode .support-mail-list .organization-item{padding:8px 12px;border:0;border-top:1px solid var(--crm-line);margin:0;}
.crm-mode .support-mail-reader form{margin:16px 0 0;padding:0;border:0;}
.crm-mode .support-mail-reader form>button{margin:16px 0 0;}
@media(max-width:800px){.crm-mode .support-mail-columns{grid-template-columns:minmax(0,1fr);}}

.crm-mode #support-mail-review>details{padding:0;border:0;}
.crm-mode #support-mail-review>details>summary{padding:0;min-height:24px;}

.crm-mode .crm-template-toolbar{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0;}
.crm-mode .crm-template-toolbar>button{margin:0;}
.crm-mode .crm-template-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;}
.crm-mode .crm-template-columns>div{min-width:0;padding:16px;background:var(--crm-surface);}
.crm-mode .crm-template-editor>form{padding:0;border:0;margin:0;}
.crm-mode .crm-template-editor h2{margin:0 0 16px;font-size:20px;}
.crm-mode .crm-template-editor form>label{grid-column:1/-1;}
.crm-mode .crm-template-editor textarea{min-height:120px;}
@media(max-width:800px){.crm-mode .crm-template-columns{grid-template-columns:minmax(0,1fr);}}

.crm-mode .crm-template-list .crm-record-ledger{min-width:0;table-layout:fixed;}
.crm-mode .crm-template-list .crm-record-ledger th:first-child{width:52%;}
.crm-mode .crm-template-list .crm-record-ledger th:nth-child(2){width:24%;}
.crm-mode .crm-template-list .crm-record-ledger th:nth-child(3){width:24%;}
.crm-mode .crm-template-list .crm-record-ledger th,.crm-mode .crm-template-list .crm-record-ledger td{padding:8px 12px;}
.crm-mode .crm-template-list .crm-record-ledger button{margin:0;min-height:44px;}

.crm-mode .crm-template-list h2{margin:0 0 16px;font-size:20px;}
.crm-mode .crm-template-list .crm-table-scroll{max-height:160px;overflow:auto;}

.crm-mode .support-secondary-view>.crm-detail-panel>details{border:0;padding-top:0;}
.crm-mode .support-secondary-view>.crm-detail-panel>details>summary{display:none;}
.crm-mode .support-secondary-view .crm-record-count{margin:0 0 16px;}
.crm-mode .support-secondary-view .crm-template-toolbar{margin:0 0 16px;}

.crm-mode .support-merge-preview{margin-top:16px;}
.crm-mode .support-merge-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.crm-mode .support-merge-pair>section{padding:16px 0;border-top:1px solid var(--crm-line);min-width:0;}
.crm-mode .support-merge-pair h3{margin:0 0 16px;font-size:16px;}
.crm-mode .support-merge-pair p{overflow-wrap:anywhere;}
.crm-mode .support-merge-preview textarea{min-height:100px;width:100%;}
@media(max-width:750px){.crm-mode .support-merge-pair{grid-template-columns:minmax(0,1fr);}}

.crm-mode .crm-payment-review-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.crm-mode .crm-payment-review-columns>section{min-width:0;padding:16px;background:var(--crm-surface);}
.crm-mode .crm-payment-review-columns h2{margin:0 0 16px;font-size:20px;}
.crm-mode .crm-payment-review-columns form{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0;}
.crm-mode .crm-payment-review-columns form>*{margin:0;}
.crm-mode .crm-payment-review-columns textarea{width:100%;min-height:120px;}
.crm-mode .crm-payment-review-columns .crm-contact-details{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);padding:0;}
@media(max-width:800px){.crm-mode .crm-payment-review-columns{grid-template-columns:minmax(0,1fr);}}

/* The focused settings heading already names this editor. */
.crm-mode #crm-page-account .email-signature-panel>summary{display:none}
.crm-mode #crm-page-account .email-signature-panel{border-top:0;padding-top:0}

/* Workflow details use the approved full-width reading surface. */
#crm-shell .crm-workflow-detail{display:grid;gap:16px;min-width:0}
#crm-shell .crm-workflow-detail[hidden]{display:none}
#crm-shell .crm-workflow-detail>button{justify-self:start;margin:0}
#crm-shell .crm-workflow-detail h3,#crm-shell .crm-workflow-detail h4,#crm-shell .crm-workflow-detail p{margin:0}
#crm-shell .crm-workflow-detail>section{display:grid;gap:16px;background:var(--crm-surface)}
#crm-shell .crm-workflow-detail .crm-ledger{table-layout:fixed;width:100%}
#crm-shell .crm-workflow-detail .crm-ledger th,#crm-shell .crm-workflow-detail .crm-ledger td{text-align:left;padding:8px 12px;overflow-wrap:anywhere}
#crm-shell .crm-workflow-detail .crm-ledger th{width:50%}
#crm-shell .crm-workflow-detail .crm-ledger tbody th{font-weight:400;color:inherit}

#crm-shell .crm-finance-detail>section>form{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}
#crm-shell .crm-finance-detail .crm-ledger td{vertical-align:top;font-variant-numeric:tabular-nums}
#crm-shell .crm-finance-detail .crm-ledger td p{margin:4px 0;overflow-wrap:anywhere}
#crm-shell .crm-finance-detail .crm-table-scroll{overflow:auto;max-width:100%}
@media(max-width:1200px){#crm-shell .crm-finance-detail>section>form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#crm-shell .crm-finance-detail>section>form{grid-template-columns:minmax(0,1fr)}}

#crm-shell .crm-finance-detail .crm-ledger{min-width:640px;table-layout:auto}
#crm-shell .crm-finance-detail .crm-ledger td:first-child{white-space:nowrap}
#crm-shell .crm-finance-detail .crm-ledger td:nth-child(2){min-width:240px}
#crm-shell .crm-finance-detail .crm-ledger td:nth-child(3){white-space:nowrap}

#crm-shell .crm-activity-detail{display:grid;gap:16px;min-width:0}
#crm-shell .crm-activity-detail>button{justify-self:start}
#crm-shell .crm-activity-detail>section{background:var(--crm-surface);padding:16px}
#crm-shell .crm-activity-detail h2{margin:0 0 16px;color:var(--crm-secondary)}
#crm-shell .crm-activity-detail dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;margin:0}
#crm-shell .crm-activity-detail dt{color:var(--crm-muted)}
#crm-shell .crm-activity-detail dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
#crm-shell .crm-activity-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:650px){#crm-shell .crm-activity-detail dl{grid-template-columns:minmax(0,1fr);gap:8px}#crm-shell .crm-activity-detail dd{margin-bottom:8px}}

#crm-shell .crm-finance-detail>section>form.crm-reviewed-month-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#crm-shell .crm-reviewed-month-form>label:first-child,#crm-shell .crm-reviewed-month-form>label:has(textarea){grid-column:1/-1}
#crm-shell .crm-reviewed-month-form textarea{min-height:100px;resize:vertical;width:100%;box-sizing:border-box}
@media(max-width:650px){#crm-shell .crm-finance-detail>section>form.crm-reviewed-month-form{grid-template-columns:minmax(0,1fr)}}

/* Focused draft records retain the composer without exposing it beneath the list. */
.crm-draft-list{display:grid;gap:16px}.crm-draft-list[hidden]{display:none}.crm-draft-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.crm-draft-list-toolbar .crm-draft-tools{display:flex;gap:16px;flex-wrap:wrap}.crm-draft-list [role=region]{overflow-x:auto}.crm-draft-ledger{width:100%;min-width:640px;table-layout:auto!important}.crm-draft-ledger :is(th,td){padding:8px 12px;text-align:left;vertical-align:top}.crm-draft-ledger td:first-child{min-width:220px;overflow-wrap:anywhere}.crm-draft-ledger td p{margin:4px 0 0}.crm-draft-ledger td:last-child{min-width:150px}.crm-draft-ledger td button{margin:0 8px 8px 0}

#crm-shell .crm-draft-list{display:grid;gap:16px;margin:0;padding:0;align-content:start}#crm-shell .crm-draft-list[hidden]{display:none}#crm-shell .crm-draft-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:0}#crm-shell .crm-draft-list-toolbar .crm-draft-tools{gap:16px;margin:0;padding:0}#crm-shell .crm-draft-list-toolbar button{margin:0}#crm-shell .crm-draft-list>p{margin:0}#crm-shell .crm-draft-list [role=region]{margin:0;background:var(--crm-surface)}#crm-shell .crm-draft-ledger{margin:0}#crm-shell .crm-draft-ledger td:last-child{min-width:170px}#crm-shell .crm-draft-ledger :is(th,td){padding:8px 12px}

#crm-shell .crm-draft-list [role=region]>h2{margin:0;padding:16px 12px;color:var(--crm-secondary);font-size:18px}#crm-shell .crm-draft-ledger td:last-child{min-width:210px}

#crm-shell #email-helpers-panel>[hidden]{display:none!important}#crm-shell #email-helpers-panel>.helper-library{margin-top:16px;padding:16px}#crm-shell .crm-schedule-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;background:var(--crm-surface);padding:16px}#crm-shell .crm-schedule-context h3{grid-column:1/-1;margin:0;color:var(--crm-secondary)}#crm-shell .crm-schedule-context-field{display:grid;gap:6px;min-width:0}#crm-shell .crm-schedule-context :is(p,button,label,input){margin:0}#crm-shell .crm-schedule-context button{justify-self:start}#crm-shell #followup-delivery-panel{margin:16px 0}#crm-shell #followup-delivery-panel>div:first-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#crm-shell #followup-delivery-panel>div:first-of-type>:is(p,.check){grid-column:1/-1}#crm-shell #followup-delivery-panel>div:first-of-type>*{margin:0}@media(max-width:650px){#crm-shell .crm-schedule-context,#crm-shell #followup-delivery-panel>div:first-of-type{grid-template-columns:minmax(0,1fr)}}

#crm-shell #followup-delivery-panel{border:0;padding:0}#crm-shell #followup-delivery-panel>summary{display:none}#crm-shell .crm-schedule-context{margin:0 0 16px;padding:0;background:transparent}#crm-shell .crm-schedule-context>p{align-self:center}#crm-shell #followup-delivery-panel>div:first-of-type{align-items:start}#crm-shell #followup-delivery-panel .crm-followup-actions{grid-column:1/-1;display:flex;gap:16px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--crm-base);padding:8px 0;z-index:2}#crm-shell #followup-delivery-panel .crm-followup-actions button{margin:0}#crm-shell #followup-delivery-panel .crm-followup-options{grid-column:1/-1;margin:0}#crm-shell .crm-followup-guidance{margin:16px 0}

#crm-shell form.crm-message-detail-form{display:block;margin:16px 0;padding:0;border:0}#crm-shell .crm-message-detail-form [hidden]{display:none!important}#crm-shell .crm-message-detail-form>section{background:var(--crm-surface);padding:16px}#crm-shell .crm-message-detail-form h2{margin:0 0 16px;font-size:20px}#crm-shell .crm-message-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#crm-shell .crm-message-field{display:flex;flex-direction:column;gap:6px;min-width:0}#crm-shell .crm-message-fields .wide{grid-column:1/-1}#crm-shell .crm-message-fields :is(label,input,select,textarea){margin:0;width:100%}#crm-shell .crm-message-fields .check{display:flex;gap:8px;align-items:center}#crm-shell .crm-message-fields .check input{width:20px;flex:0 0 20px}#crm-shell .crm-message-fields textarea{min-height:80px}#crm-shell .crm-helper-shared{display:grid;gap:16px}#crm-shell .crm-message-actions{display:flex;gap:16px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--crm-surface);padding:8px 0;z-index:2}#crm-shell .crm-message-actions button{margin:0}#crm-shell .crm-message-detail-form details{margin:16px 0}#crm-shell .crm-message-suggestions .crm-message-field{margin:16px 0}@media(max-width:650px){#crm-shell .crm-message-fields{grid-template-columns:minmax(0,1fr)}}

#crm-shell .crm-helper-plan{margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--crm-line)}#crm-shell .crm-helper-plan pre{white-space:pre-wrap;overflow-wrap:anywhere}#crm-shell .crm-helper-plan .crm-ledger :is(th,td){padding:8px 12px}#crm-shell .crm-helper-plan .crm-ledger{width:100%;table-layout:auto}

#crm-shell .crm-schedule-context>h2{grid-column:1/-1;margin:0 0 0;font-size:20px;color:var(--crm-secondary)}#crm-shell #followup-delivery-panel>div:first-of-type>.wide{grid-column:1/-1}#crm-shell #followup-delivery-panel .crm-message-field{gap:6px}#crm-shell #followup-delivery-panel .crm-message-field :is(label,textarea,input,select){margin:0}

/* Stripe testing: approved two-column purchase form; secondary safeguards remain available. */
#stripe-sandbox-panel>h2{display:none}
#stripe-sandbox-panel .crm-stripe-test-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;border:0;background:transparent}
#stripe-sandbox-panel .crm-stripe-test-form>.onboarding-field{margin:0;min-width:0}
#stripe-sandbox-panel .crm-stripe-test-form>.check,#stripe-sandbox-panel .crm-stripe-primary-actions{grid-column:1/-1;margin:0}
#stripe-sandbox-panel .crm-stripe-primary-actions{display:flex;gap:16px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--crm-base);padding:8px 0}
#stripe-sandbox-panel .crm-stripe-secondary{margin-top:16px}
#stripe-sandbox-panel .crm-stripe-secondary-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
#stripe-sandbox-panel .crm-stripe-secondary-fields>.onboarding-field{margin:0;min-width:0}
@media(max-width:600px){#stripe-sandbox-panel .crm-stripe-test-form,#stripe-sandbox-panel .crm-stripe-secondary-fields{grid-template-columns:minmax(0,1fr)}}

#stripe-sandbox-panel form.crm-stripe-test-form>.onboarding-field{grid-column:auto}

#crm-page-testing #commerce-panel{border:0;padding:0}
#crm-page-testing #commerce-panel>summary{display:none}
#crm-page-testing #commerce-panel .crm-calculator-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;border:0;max-width:none;background:transparent}
#commerce-panel form.crm-calculator-form>.onboarding-field{grid-column:auto;margin:0;min-width:0}
#commerce-panel form.crm-calculator-form>.onboarding-field:first-child{grid-column:1/-1}
#commerce-panel .crm-calculator-actions{grid-column:1/-1;position:sticky;bottom:0;background:var(--crm-base);padding:8px 0}
#commerce-panel .crm-calculator-guidance{margin-top:16px}
@media(max-width:600px){#crm-page-testing #commerce-panel .crm-calculator-form{grid-template-columns:minmax(0,1fr)}}

#crm-page-testing #sandbox-sales-panel>h2{display:none}
#sandbox-sales-panel .crm-legacy-sandbox-tools{display:grid;gap:16px;margin-top:16px}
#sandbox-sales-panel .crm-legacy-sandbox-tools[hidden]{display:none}
#sandbox-sales-panel .crm-legacy-sandbox-tools>details{margin:0}
#sandbox-sales-panel .crm-compact-form>.onboarding-field{grid-column:auto;margin:0;min-width:0}
#sandbox-sales-panel .crm-compact-form{padding:0;border:0;gap:16px;background:transparent}

#crm-page-testing #private-test-license-panel{border:0;padding:0}
#crm-page-testing #private-test-license-panel>summary{display:none}
#private-test-license-panel.crm-test-license-focused #test-license-content>article{border:0;padding:0}
#private-test-license-panel.crm-test-license-focused .test-license-confirmation{margin:0;padding:0;border:0}
#private-test-license-panel.crm-test-license-focused .test-license-confirmation form{margin:16px 0;padding:0;border:0}
#private-test-license-panel.crm-test-license-focused textarea{min-height:80px}
#private-test-license-panel.crm-test-license-focused .test-license-actions{position:sticky;bottom:0;background:var(--crm-base);display:flex;gap:16px;padding:8px 0}

#crm-page-account #integrations-panel>summary{display:none}
#crm-page-account #integrations-panel{border:0;padding:0}
#integrations-panel .crm-integrations-grid{display:block;overflow:auto;margin:16px 0;max-width:100%}
#integrations-panel .crm-connections-ledger{width:100%;min-width:660px;border-collapse:collapse;table-layout:fixed}
#integrations-panel .crm-connections-ledger th,#integrations-panel .crm-connections-ledger td{padding:8px 12px;border-bottom:1px solid var(--crm-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
#integrations-panel .crm-connections-ledger th:nth-child(1){width:24%}
#integrations-panel .crm-connections-ledger th:nth-child(2){width:23%}
#integrations-panel .crm-connections-ledger th:nth-child(3){width:23%}
#integrations-panel .crm-connections-ledger h4{margin:0;font-size:inherit}
#integrations-panel .crm-connections-ledger strong{display:inline-block;padding:4px 8px;border:0;font-size:inherit}
#integrations-panel .crm-connections-ledger article{border:0;padding:8px 0;margin:0}
#integrations-panel .crm-connections-ledger details{border:0;padding:0;margin:0}

.crm-mode .card:has(.crm-owner-security-grid)>h2{display:none}
.crm-mode .crm-owner-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.crm-mode .crm-owner-security-grid>section{min-width:0;padding:16px;background:var(--crm-surface);border-top:1px solid var(--crm-line);overflow-wrap:anywhere}
.crm-mode .crm-owner-security-grid h2{margin:0 0 16px;font-size:20px}
.crm-mode .crm-owner-security-grid button{max-width:100%;white-space:normal}
.crm-mode .crm-owner-security-grid #recovery-codes{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:800px){.crm-mode .crm-owner-security-grid{grid-template-columns:minmax(0,1fr)}}

/* Calm Desk preference sections retain account controls and browser palette semantics. */
#crm-page-account #account-preferences{border:0;padding:0}
#crm-page-account #account-preferences>summary{display:none}
#crm-page-account #account-preferences>form{display:block;padding:0;border:0;background:transparent}
#crm-page-account .crm-preferences-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
#crm-page-account .crm-preferences-grid>section{padding:16px;background:var(--crm-surface);min-width:0}
#crm-page-account .crm-preferences-appearance h2{margin:0 0 16px;font-size:20px}
#crm-page-account .crm-appearance-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#crm-page-account .crm-appearance-fields>.check{grid-column:1/-1;margin:0}
#crm-page-account .crm-palette-guidance{margin:16px 0 0}
#crm-page-account .crm-palette-guidance:empty{display:none}
#crm-page-account .crm-preferences-actions{position:sticky;bottom:0;z-index:2;background:var(--crm-base);padding:8px 0;display:flex;gap:16px}
#crm-page-account .crm-preferences-actions button{margin:0}
#crm-page-account .crm-preference-help{margin:16px 0 0}
@media(max-width:650px){#crm-page-account .crm-appearance-fields{grid-template-columns:minmax(0,1fr)}#crm-page-account .crm-notification-matrix :is(th,td){overflow-wrap:anywhere}}
#crm-page-account .crm-notification-matrix{table-layout:fixed}#crm-page-account .crm-notification-matrix caption{color:var(--crm-secondary)}#crm-page-account .crm-notification-matrix thead th:first-child{width:50%}
@media(max-width:650px){#crm-page-account .crm-notification-matrix thead th:first-child{width:40%}#crm-page-account .crm-notification-matrix thead th{overflow-wrap:normal;word-break:normal}}

/* Activity headings follow the same ledger grid as each record. */
.crm-mode .crm-activity-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:8px 12px 8px 24px;color:var(--crm-muted);font-weight:600}
.crm-mode .crm-activity-entry>summary{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 12px 8px 24px}
.crm-mode .crm-activity-entry>summary::before{top:15px}
@media(max-width:750px){.crm-mode .crm-activity-columns{display:none}.crm-mode .crm-activity-entry>summary{grid-template-columns:minmax(0,1fr)}}

#crm-shell #email-helpers-panel>.crm-entry-grid{margin:16px 0}
#crm-shell #email-helpers-panel>.crm-entry-grid>.crm-entry-card{margin-bottom:0;padding:12px 0}
#crm-shell .crm-library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}
#crm-shell .crm-library-heading :is(h3,button){margin:0}
@media(max-width:650px){#crm-shell .crm-library-heading{align-items:flex-start;flex-direction:column}}

.crm-mode .crm-payment-ledger th:nth-child(1){width:18%}
.crm-mode .crm-payment-ledger th:nth-child(2){width:34%}
.crm-mode .crm-payment-ledger th:nth-child(3){width:16%}
.crm-mode .crm-payment-ledger th:nth-child(4){width:18%}
.crm-mode .crm-payment-ledger th:nth-child(5){width:14%}
.crm-mode .crm-payment-amount{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.crm-mode .crm-payment-summary>td:nth-child(3){grid-column:1/-1;grid-row:3}.crm-mode .crm-payment-amount::before{content:"Amount: ";font-weight:600}.crm-mode .crm-payment-summary>td:nth-child(4){grid-column:1;grid-row:4}.crm-mode .crm-payment-summary>td:nth-child(5){grid-column:2;grid-row:4}}

#crm-shell .crm-library-heading h3{color:var(--crm-secondary)}

.crm-mode .crm-payment-ledger caption{text-align:left;color:var(--crm-secondary);font-size:18px;font-weight:600;padding:16px 12px;background:var(--crm-surface)}
.crm-mode .crm-payment-guidance{margin-top:16px;padding:16px 12px;background:var(--crm-surface)}
.crm-mode .crm-payment-guidance h2{margin:0 0 16px;color:var(--crm-secondary);font-size:18px}
.crm-mode .crm-payment-guidance>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.crm-mode .crm-payment-guidance h3{font-size:16px;margin:0 0 8px}
.crm-mode .crm-payment-guidance p{margin:0}
@media(max-width:750px){.crm-mode .crm-payment-guidance>div{grid-template-columns:minmax(0,1fr)}}

/* Keep support row inheritance semantic in every appearance mode. */
.crm-mode .support-inbox-row.is-unread{color:var(--crm-text)}
.crm-mode .support-inbox-row.is-read{color:var(--crm-muted)}
/* Calm Desk finance filters preserve the primary ledger in the initial view. */
#crm-shell .crm-finance-detail>section>form.crm-financial-report-form{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(2,minmax(140px,1fr)) auto;gap:16px;align-items:end;max-width:none}
#crm-shell .crm-finance-detail>section>form.crm-financial-report-form>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
#crm-shell .crm-finance-detail>section>form.crm-financial-report-form :is(input,select,button){margin:0;min-width:0;height:48px;box-sizing:border-box}
#crm-shell .crm-finance-detail>section>form.crm-financial-report-form>button{align-self:end;white-space:nowrap}
#crm-shell .crm-financial-report-output{display:grid;gap:16px;margin-top:16px}
#crm-shell .crm-financial-report-output>details{margin:0;padding:8px 12px;border:0;border-top:1px solid var(--crm-line);background:var(--crm-surface);border-radius:0}
#crm-shell .crm-financial-report-output>details>summary{padding:0;margin:0}
#crm-shell .crm-report-limitations{color:var(--crm-text)}
#crm-shell .crm-financial-report-output .crm-ledger caption{color:var(--crm-secondary)}
@media(max-width:1000px){#crm-shell .crm-finance-detail>section>form.crm-financial-report-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#crm-shell .crm-finance-detail>section>form.crm-financial-report-form{grid-template-columns:minmax(0,1fr)}#crm-shell .crm-finance-detail>section>form.crm-financial-report-form>button{white-space:normal}}

#crm-shell .crm-financial-report-output>details:not(.crm-report-limitations):not(.crm-report-totals)>summary{color:var(--crm-secondary);font-size:20px;font-weight:700}
#crm-shell .crm-financial-report-output .crm-ledger caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

#crm-page-account .crm-preferences-appearance h2{margin-bottom:8px}
#crm-page-account .crm-preferences-appearance .crm-palette-guidance{font-size:14px;line-height:1.5}
#crm-page-account .crm-appearance-fields :is(label,.check){font-weight:600}

#crm-page-account .crm-preferences-grid>.crm-preferences-appearance{padding-bottom:8px}
#crm-page-account .crm-preferences-appearance .crm-palette-guidance{margin-top:8px}

#crm-page-account #account-preferences>p[role=status]{margin-top:0}

#crm-page-account .crm-notification-matrix caption{padding:8px 0}

/* Save feedback stays with its action rather than displacing the preference panels. */
#crm-page-account .crm-preferences-actions{align-items:center}
#crm-page-account .crm-preferences-actions>p[role=status]{margin:0;min-width:0;font-size:14px;line-height:1.5}
#crm-page-account .crm-preferences-actions>button{flex-shrink:0}
@media(max-width:650px){#crm-page-account .crm-preferences-actions{flex-wrap:wrap}}

/* Receipt filters keep each label attached to its own control at enlarged zoom. */
#crm-shell #financial-report-panel>form.crm-compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none;padding:0;border:0;background:transparent}
#crm-shell #financial-report-panel>form.crm-compact-form>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
#crm-shell #financial-report-panel>form.crm-compact-form :is(input,select,button){min-width:0;width:100%;margin:0;box-sizing:border-box}
@media(max-width:650px){#crm-shell #financial-report-panel>form.crm-compact-form{grid-template-columns:minmax(0,1fr)}}

/* Detail surfaces follow the approved quiet panel hierarchy. */
#crm-shell .crm-workflow-detail .crm-ledger caption{color:var(--crm-secondary);font-size:20px;font-weight:700;padding:8px 12px}
#crm-shell .crm-activity-detail>details{border:0;border-radius:0;padding:0;background:transparent}
#crm-shell .crm-finance-detail>.crm-reviewed-month-detail{background:var(--crm-surface);padding:16px;margin-top:16px}
#crm-shell .crm-reviewed-month-detail>h2{color:var(--crm-secondary);font-size:20px;margin:0 0 16px}

#crm-shell .crm-reviewed-month-actions{grid-column:1/-1;position:sticky;bottom:0;z-index:1;background:var(--crm-surface);padding:8px 0;display:flex}
#crm-shell .crm-reviewed-month-actions>button{margin:0}

/* Main-screen work surfaces match the approved Calm Desk panels. */
.crm-mode #customer-results .crm-customer-table caption,.crm-mode #customer-results .crm-customer-table thead{background:var(--crm-surface)}
.crm-mode .crm-organization-ledger caption{background:var(--crm-surface);color:var(--crm-secondary);font-size:18px;padding:16px 12px}
.crm-mode .crm-organization-ledger caption strong{display:block}
.crm-mode .crm-organization-ledger caption .crm-result-count{font-size:14px;color:var(--crm-muted);font-weight:400;margin:8px 0 0;border:0;padding:0}
.crm-mode .crm-offer-workspace{background:var(--crm-surface);padding:16px}
.crm-mode .crm-offer-workspace>h2{margin:0 0 16px}
.crm-mode .crm-offer-workspace label,.crm-mode .crm-search-toolbar label{font-weight:600}

/* Match the approved delivery ledger: one section heading and compact row actions. */
.crm-mode #operations-results>.crm-delivery-heading{margin:16px 0 0;padding:16px 12px;background:var(--crm-surface);color:var(--crm-secondary);font-size:20px}
.crm-mode #operations-results>.delivery-card,.crm-mode #operations-results>.delivery-columns{gap:16px;padding:8px 12px;align-items:center}
.crm-mode #operations-results>.delivery-card>button{justify-self:start;width:auto;margin:0;min-width:0}

.crm-mode .crm-delivery-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:end;margin:16px 0}
.crm-mode .crm-delivery-toolbar>button,.crm-mode .crm-delivery-toolbar>label,.crm-mode .crm-delivery-toolbar select{margin:0;min-width:0}
.crm-mode .crm-delivery-toolbar:has(>button[hidden]){display:none}
@media(max-width:650px){.crm-mode .crm-delivery-toolbar{grid-template-columns:minmax(0,1fr)}}

/* Approved Testing overview: compact entry panels and a separate safety notice. */
#crm-shell #crm-page-testing>.crm-entry-grid>.crm-entry-card{padding:16px 0;gap:0}
#crm-shell #crm-page-testing .crm-entry-card p{margin:0 0 16px}
#crm-shell #crm-page-testing .crm-entry-card ul{margin:0 0 16px}
#crm-shell .crm-testing-notice{padding:12px 16px;margin:16px 0;border:1px solid #e7b758;border-radius:6px}
#crm-page-testing:has(>.crm-entry-grid[hidden])>.crm-testing-notice{display:none}
.crm-mode #payment-review-panel>p:first-of-type{background:#322b1b;color:#ffe2a4;border-color:#e7b758}

#crm-shell #crm-page-testing .crm-entry-card p{font-size:14px;line-height:1.5}
#crm-shell #crm-page-testing .crm-entry-card>button{font-size:14px;min-height:40px}

#crm-shell #crm-page-testing>.crm-testing-notice{color:#ffe2a4;background:#322b1b}

/* Support overview surfaces and headings follow the approved Calm Desk ledger. */
#crm-shell .support-list-heading h2,#crm-shell .support-desk #support-detail>h4{color:var(--crm-secondary)}
#crm-shell .support-desk #support-list{background:var(--crm-surface)}
#crm-shell .support-inbox-summary.has-unread,#crm-shell .crm-attention-notice{background:#322b1b;color:#ffe2a4;border:1px solid #e7b758}
#crm-shell #activity-panel>p,#crm-shell #activity-message{margin:8px 0;font-size:14px;line-height:1.5}

/* Customer overview: equal quiet panels and shared dense row rhythm. */
.crm-mode .crm-customer-overview>.crm-overview-grid{margin:16px 0;align-items:start;}
.crm-mode .crm-customer-overview>.crm-overview-grid>.crm-overview-group{padding:16px 12px;background:var(--crm-surface);}
.crm-mode .crm-customer-overview>.crm-overview-grid h4{color:var(--crm-secondary);margin:0 0 16px;}
.crm-mode .crm-customer-overview>.crm-overview-grid dl{margin:0;padding:0;background:transparent;gap:0 16px;}
.crm-mode .crm-customer-overview>.crm-overview-grid dt,.crm-mode .crm-customer-overview>.crm-overview-grid dd{padding:8px 0;line-height:1.5;}
.crm-mode .crm-customer-overview>.crm-overview-grid>.crm-overview-group:not(.crm-overview-contact) dd{text-align:right;font-variant-numeric:tabular-nums;}

.crm-mode .crm-customer-overview>.crm-overview-grid .crm-overview-contact dl{grid-template-columns:max-content minmax(0,1fr);}
.crm-mode .crm-customer-overview>.crm-overview-grid .crm-overview-contact dd{min-width:0;font-weight:400;overflow-wrap:anywhere;}
@media(max-width:450px){.crm-mode .crm-customer-overview>.crm-overview-grid .crm-overview-contact dl{grid-template-columns:1fr;}.crm-mode .crm-customer-overview>.crm-overview-grid .crm-overview-contact dt{padding-bottom:0;border-bottom:0;}}

/* People: give the member ledger the full available reading width. */
.crm-mode .crm-people-workspace:not([hidden]){grid-template-columns:minmax(0,1fr);gap:16px;}
.crm-mode .crm-people-workspace>details{padding:16px 12px;background:var(--crm-surface);}
.crm-mode .crm-people-workspace>details>summary{color:var(--crm-secondary);}

/* Document controls sit above a quiet, full-width history ledger. */
.crm-mode .crm-documents-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px;}
.crm-mode .crm-documents-toolbar>button{margin:0;}
.crm-mode .crm-documents-panel .crm-table-scroll{background:var(--crm-surface);}
.crm-mode .crm-documents-panel>summary,.crm-mode .crm-document-editor>h3{color:var(--crm-secondary);}
.crm-mode .crm-document-editor:empty{display:none;}
.crm-mode .crm-document-editor{margin-top:16px;padding:16px 12px;background:var(--crm-surface);border-top:1px solid var(--crm-line);}
.crm-mode .crm-document-editor>h3{margin:0 0 16px;font-size:20px;}
.crm-mode .crm-document-editor>form{padding:0;border:0;}

.crm-mode .crm-document-editor>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.crm-mode .crm-document-field{display:grid;gap:6px;min-width:0;}
.crm-mode .crm-document-field :is(label,input){margin:0;width:100%;max-width:none;}
.crm-mode .crm-document-editor .check,.crm-mode .crm-document-save{grid-column:1/-1;}
.crm-mode .crm-document-save{position:sticky;bottom:0;padding:8px 0;background:var(--crm-surface);}
.crm-mode .crm-document-save>button{margin:0;}
@media(max-width:650px){.crm-mode .crm-document-editor>form{grid-template-columns:minmax(0,1fr);}}

.crm-mode .crm-document-editor :is(input,button){scroll-margin-bottom:88px;}

/* Access and payment histories share Calm Desk's quiet ledger hierarchy. */
.crm-mode :is(.crm-license-history,.crm-payment-history)>summary{color:var(--crm-secondary);}
.crm-mode :is(.crm-license-history,.crm-payment-history) .crm-table-scroll{background:var(--crm-surface);}
.crm-mode .crm-license-history .crm-record-ledger td>.organization-item{padding:0;border:0;margin:0;}
.crm-mode .crm-payment-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.crm-mode .crm-payment-facts>h4,.crm-mode .crm-payment-facts>:is(.status-good,.status-attention){grid-column:1/-1;}
.crm-mode .crm-payment-facts>p{margin:0;}
@media(max-width:800px){.crm-mode .crm-payment-facts{grid-template-columns:minmax(0,1fr);}}

/* Access and billing remain distinct, aligned reading columns. */
.crm-subscription-columns { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); gap:16px; align-items:start; }
.crm-subscription-columns > * { min-width:0; }
.crm-mode .crm-detail-panel .crm-subscription-columns .crm-subscription-summary { margin:0; padding:8px 12px; border:0; border-bottom:1px solid var(--crm-line); background:transparent; }
.crm-subscription-columns h3 { margin:0 0 16px; color:var(--crm-secondary); }
.crm-subscription-billing > article + article { margin-top:16px; }
.crm-subscription-columns details { margin-top:16px; }
@media(max-width:800px) { .crm-subscription-columns { grid-template-columns:minmax(0,1fr); } }

/* Customer reading views: keep primary records ahead of auxiliary review tools. */
.crm-mode .crm-detail-panel > .crm-customer-subscriptions { border:0; padding:0; margin:0; }
.crm-customer-subscriptions > summary { display:none; }
.crm-customer-subscriptions > p { margin:0 0 16px; }
.crm-customer-subscriptions > .crm-subscription-refresh { margin:0 0 16px; }
.crm-customer-subscriptions > details { margin-top:16px; }
.crm-mode .crm-detail-panel > .customer-email-composer:not([open]) { padding:8px 0; margin:0 0 16px; border:0; }
.crm-mode .crm-detail-panel > .customer-email-composer:not([open]) > summary { margin:0; min-height:44px; display:list-item; line-height:44px; }

.crm-password-help-content { padding:8px 12px; background:var(--crm-surface); border-top:1px solid var(--crm-line); }
.crm-password-help-content h3 { color:var(--crm-secondary); margin:8px 0 16px; }
.crm-password-help-content dl { display:grid; grid-template-columns:120px minmax(0,1fr); gap:8px 16px; margin:0 0 16px; }
.crm-password-help-content dt { color:var(--crm-muted); }
.crm-password-help-content dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:450px) { .crm-password-help-content dl { grid-template-columns:minmax(0,1fr); } }

/* Courtesy preparation and review remain separate at every approval stage. */
.crm-courtesy-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; margin-top:16px; }
.crm-mode .crm-detail-panel .crm-courtesy-prepare,.crm-courtesy-review { margin:0; padding:8px 12px; border:0; border-top:1px solid var(--crm-line); border-radius:0; background:var(--crm-surface); min-width:0; }
.crm-mode .crm-detail-panel .crm-courtesy-prepare { display:block; }
.crm-mode .crm-detail-panel .crm-courtesy-prepare[hidden] { display:none; }
.crm-courtesy-columns h3 { color:var(--crm-secondary); margin:8px 0 16px; }
.crm-courtesy-prepare textarea { min-height:100px; resize:vertical; }
.crm-courtesy-prepare label { display:block; margin:16px 0 6px; }
.crm-courtesy-prepare button { margin-top:16px; }
.crm-courtesy-review p { white-space:normal; overflow-wrap:anywhere; }
@media(max-width:800px) { .crm-courtesy-columns { grid-template-columns:minmax(0,1fr); } }

.crm-lifecycle { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.crm-lifecycle-archive,.crm-lifecycle-delete { padding:8px 12px; background:var(--crm-surface); border-top:1px solid var(--crm-line); min-width:0; }
.crm-lifecycle-archive h4,.crm-lifecycle-delete h3 { margin:8px 0 16px; color:var(--crm-secondary); font-size:19px; }
.crm-lifecycle-delete > details { border:0; padding:0; margin:0; background:transparent; }
.crm-lifecycle-delete > details > summary { margin-bottom:16px; }
@media(max-width:800px) { .crm-lifecycle { grid-template-columns:minmax(0,1fr); } }

.crm-lifecycle > .crm-detail-heading { grid-column:1 / -1; }

.crm-tax-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; margin-top:16px; }
.crm-tax-evidence,.crm-tax-approval { min-width:0; padding:8px 12px; background:var(--crm-surface); border-top:1px solid var(--crm-line); }
.crm-tax-columns h3 { margin:8px 0 16px; color:var(--crm-secondary); }
.crm-mode .crm-detail-panel .crm-tax-approval form { border:0; padding:0; margin:0; background:transparent; }
@media(max-width:800px) { .crm-tax-columns { grid-template-columns:minmax(0,1fr); } }

/* Give date controls enough space on zoomed laptops. */
@media(max-width:1200px){.crm-tax-columns{grid-template-columns:minmax(0,1fr)}}

.crm-mode .crm-detail-panel form.crm-feedback-editor{display:block;background:var(--crm-surface);border:0;border-top:1px solid var(--crm-line);padding:8px 12px}
.crm-feedback-assessment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.crm-feedback-assessment textarea{min-height:120px}
.crm-feedback-context{margin-top:16px}
.crm-feedback-actions{position:sticky;bottom:0;background:var(--crm-surface);padding:8px 0;margin-top:16px}
@media(max-width:650px){.crm-feedback-assessment{grid-template-columns:minmax(0,1fr)}}

.crm-feedback-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin-bottom:16px}
.crm-feedback-field>label{margin:0}
.crm-feedback-field :is(input,select,textarea){width:100%;box-sizing:border-box;scroll-margin-bottom:80px}
.crm-feedback-notes{grid-column:1/-1}
.crm-feedback-context{border:0!important;border-top:1px solid var(--crm-line)!important;border-radius:0!important;padding:8px 0!important}

/* Customer identity uses the same full-width alignment as the working panels. */
.crm-mode .crm-customer-record-header{width:100%;max-width:none;margin-inline:0;box-sizing:border-box;}
.crm-mode .crm-customer-record-header h3{font-size:16px;line-height:1.5;}

/* The selected Email tab supplies context; preserve a compact, full-width history. */
.crm-mode .crm-customer-email-workspace>.crm-detail-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.crm-mode .crm-customer-email-workspace>.customer-email-composer,
.crm-mode .crm-customer-email-workspace>.customer-email-composer:not([open]){padding:0;border:0;margin:0 0 16px;}
.crm-mode .crm-customer-email-workspace>.customer-email-composer>summary,
.crm-mode .crm-customer-email-workspace>.customer-email-composer:not([open])>summary{display:inline-block;width:fit-content;max-width:100%;padding:8px 12px;min-height:44px;box-sizing:border-box;border:1px solid var(--crm-muted);border-radius:6px;font-size:15px;line-height:1.4;}
.crm-mode .crm-customer-email-workspace>.crm-notification-history{display:block;padding:0;border:0;margin:0;}
.crm-mode .crm-notification-history>summary{display:none;}
.crm-mode .crm-notification-history>div{width:100%;min-width:0;margin:0;}
.crm-mode .crm-notification-history>p{margin:16px 0 0;}
.crm-mode .crm-notification-history>.crm-notification-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px;}
.crm-mode .crm-notification-toolbar>h3{margin:0;color:var(--crm-secondary);font-size:18px;}
.crm-mode .crm-notification-toolbar>button{margin:0;}
/* Merge review is a full-width decision view; the inbox remains intact behind it. */
.crm-mode .support-merging .support-inbox-columns{display:block;}
.crm-mode .support-merging #support-list,
.crm-mode .support-merging #support-search,
.crm-mode .support-merging .support-reader-empty,
.crm-mode .support-merging #support-detail>:not(.support-technical),
.crm-mode .support-merging .support-technical>:not(#support-merge),
.crm-mode .support-merging #support-merge>:not(.support-merge-preview){display:none;}
.crm-mode .support-merging #support-detail{width:100%;max-width:none;padding:16px;box-sizing:border-box;border-radius:0;}
.crm-mode .support-merging .support-technical,
.crm-mode .support-merging #support-merge{padding:0;margin:0;border:0;max-width:none;}
.crm-mode .support-merging .support-merge-preview>h2{margin:16px 0;}
.crm-mode .support-merging .support-merge-pair h3{color:var(--crm-secondary);}
.crm-mode .support-merging .support-merge-pair>section{padding:8px 0;}
.crm-mode .support-merging .support-merge-preview textarea{min-height:100px;}
.crm-mode .support-merging .support-inbox-view>button,
.crm-mode .support-merging>.support-inbox-summary,
.crm-mode .support-merging>.support-desk-nav,
.crm-mode #crm-page-support:has(.support-merging)>.crm-page-description{display:none;}
.crm-mode .support-merging .support-merge-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.crm-mode .support-merging .support-merge-heading>h2,
.crm-mode .support-merging .support-merge-heading>button{margin:0;}
.crm-mode .support-merging .support-merge-preview{margin:0;padding:0;border:0;}

/* Bound saved-reply history by the real viewport, including browser zoom. */
.crm-mode .crm-template-list .crm-table-scroll{max-height:min(160px,20vh);}


/* Full-width follow-up ledger, then paired task and relationship editors. */
.crm-mode .crm-followup-workspace:not([hidden]){grid-template-columns:minmax(0,1fr);}
.crm-mode .crm-followup-workspace>details:first-of-type{grid-row:auto;}
.crm-mode .crm-followup-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.crm-mode .crm-followup-editors>*{min-width:0;margin:0;}
.crm-mode .crm-task-editor{padding:16px;background:var(--crm-surface);}
.crm-mode .crm-task-editor>h2{margin:0 0 16px;color:var(--crm-secondary);font-size:20px;}
.crm-mode .crm-task-editor>form{padding:0;border:0;margin:0;}
.crm-mode .crm-task-list th:first-child{width:34%;}
.crm-mode .crm-task-list th:last-child{width:16%;}
.crm-mode .crm-task-list td button{margin:0;}
@media(max-width:1100px){.crm-mode .crm-followup-editors{grid-template-columns:minmax(0,1fr);}}

.crm-mode .crm-followup-editors>[data-record-kind=relationship]{padding:16px;border:0;background:var(--crm-surface);}
.crm-mode .crm-followup-editors>[data-record-kind=relationship]>summary{color:var(--crm-secondary);font-size:20px;padding:0;}

.crm-mode .crm-workflow-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-column:1/-1;min-width:0;}
.crm-mode .crm-workflow-fields>label{min-width:0;margin:0;}
.crm-mode .crm-workflow-fields>label:has(textarea){grid-column:1/-1;}
.crm-mode .crm-followup-editors [data-record-kind=relationship] form{padding:0;border:0;}
@media(max-width:650px){.crm-mode .crm-workflow-fields{grid-template-columns:minmax(0,1fr);}}

.crm-mode .crm-workflow-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.crm-mode .crm-workflow-field>label{margin:0;}
.crm-mode .crm-workflow-field>:is(input,select,textarea){margin:0;width:100%;min-width:0;box-sizing:border-box;}
.crm-mode .crm-workflow-wide{grid-column:1/-1;}

/* People is one operational ledger; older label records remain a disclosure. */
.crm-mode .crm-people-ledger {padding:0;border:0;}
.crm-mode .crm-people-ledger>summary {display:none;}
.crm-mode .crm-people-ledger .crm-record-ledger th:nth-child(1){width:20%;}
.crm-mode .crm-people-ledger .crm-record-ledger th:nth-child(2){width:28%;}
.crm-mode .crm-people-ledger .crm-record-ledger th:nth-child(3){width:18%;}
.crm-mode .crm-people-ledger .crm-record-ledger th:nth-child(4){width:18%;}
.crm-mode .crm-people-ledger .crm-record-ledger th:nth-child(5){width:16%;}
.crm-mode .crm-people-ledger .crm-record-ledger button{margin:0;min-height:44px;}
.crm-mode .crm-people-workspace>[data-record-kind=contact]{margin:0;padding:0;border:0;}
.crm-mode .crm-people-workspace>[data-record-kind=contact]>summary{padding:8px 0;min-height:44px;}

.crm-mode .crm-contact-editor>form{display:block;margin:0;padding:16px;border:0;}
.crm-mode .crm-contact-label-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:0;border:0;margin:16px 0;}
.crm-mode .crm-contact-label-choices>legend{padding:0;margin-bottom:8px;}
.crm-mode .crm-contact-label-choices>.check{margin:0;min-height:44px;}
.crm-mode .crm-contact-history{margin:16px 0 0;padding:0;border:0;}
.crm-mode .crm-contact-history>summary{min-height:44px;padding:8px 0;}
@media(max-width:650px){.crm-mode .crm-contact-label-choices{grid-template-columns:minmax(0,1fr);}}

#crm-shell form.crm-contact-label-form{display:block;}

/* All customer sections stay named without a clipped horizontal tab strip. */
.crm-mode .crm-customer-section-picker{display:flex;align-items:center;gap:16px;margin:0 0 16px;}
.crm-mode .crm-customer-section-picker>label{margin:0;flex:0 0 auto;}
.crm-mode .crm-customer-section-picker>select{margin:0;width:min(100%,360px);min-width:0;min-height:44px;}
.crm-mode .crm-customer>.crm-record-tabs[hidden]{display:none!important;}
@media(max-width:650px){.crm-mode .crm-customer-section-picker{align-items:stretch;flex-direction:column;gap:6px;}.crm-mode .crm-customer-section-picker>select{width:100%;}}

/* Recorded license data and its explicit change form share a single reading path. */
.crm-mode .crm-license-history > summary { display:none; }
.crm-mode .crm-license-recorded,.crm-mode .crm-license-change { margin:16px 0 0; padding:8px 12px; background:var(--crm-surface); border-top:1px solid var(--crm-line); min-width:0; }
.crm-license-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.crm-license-toolbar h3,.crm-license-change h3 { margin:8px 0 16px; }
.crm-mode .crm-detail-panel form.crm-license-change-form { display:flex; flex-direction:column; gap:16px; border:0; padding:0; margin:0; background:transparent; }
.crm-mode .crm-license-change-form > label:not(.check) { display:flex; flex-direction:column; gap:6px; }
.crm-mode .crm-license-change-form input:not([type=checkbox]) { width:100%; max-width:none; }
.crm-license-actions { display:flex; flex-wrap:wrap; gap:16px; position:sticky; bottom:0; background:var(--crm-surface); padding:8px 0; }

.crm-payment-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
.crm-payment-columns > section { min-width:0; padding:8px 12px; background:var(--crm-surface); border-top:1px solid var(--crm-line); }
.crm-payment-columns h3,.crm-payment-columns h4 { margin:8px 0 16px; }
.crm-mode .crm-payment-detail .organization-item { border:0; padding:0; margin:0; background:transparent; }
.crm-mode .crm-payment-columns table { width:100%; table-layout:fixed; }
.crm-mode .crm-payment-columns th,.crm-mode .crm-payment-columns td { padding:8px 12px; text-align:left; overflow-wrap:anywhere; }
.crm-payment-columns caption { text-align:left; margin-bottom:8px; }
@media(max-width:800px){.crm-payment-columns{grid-template-columns:1fr}}

/* The selected customer section is the page title, not a second stacked heading. */
.crm-mode .crm-customer > .crm-detail-panel > .crm-detail-heading { display:none; }
@media(min-width:901px){
 .crm-mode .crm-customer-record-header{grid-template-columns:minmax(0,1fr) auto;}
 .crm-mode .crm-customer-record-actions{justify-content:flex-end;}
}

.crm-mode .crm-payment-detail .crm-payment-facts { display:block; }
.crm-payment-values { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:8px 16px; margin:0; }
.crm-payment-values dt { color:var(--crm-muted); }
.crm-payment-values dd { margin:0; min-width:0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
@media(max-width:450px){.crm-payment-values{grid-template-columns:1fr;gap:4px}.crm-payment-values dd{margin-bottom:12px}}
/* Received-payment editor follows the approved quiet form, preserving all safeguards. */
#crm-shell details.crm-manual-payment{border:0;border-top:1px solid var(--crm-line);border-radius:0;padding:16px 0;scroll-margin-top:16px}
#crm-shell form.crm-manual-payment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;border:0;background:transparent}
#crm-shell .crm-manual-payment-form>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
#crm-shell .crm-manual-payment-form :is(input,select,textarea){box-sizing:border-box;max-width:100%;width:100%;min-width:0;margin:0}
#crm-shell .crm-manual-payment-form>:is(.crm-manual-wide,.crm-manual-optional,.check,.crm-manual-actions,[role=status]){grid-column:1/-1}
#crm-shell .crm-manual-payment-form>.check{display:flex;flex-direction:row;align-items:flex-start;gap:8px}
#crm-shell .crm-manual-payment-form input[type=checkbox]{width:auto;flex:0 0 auto}
#crm-shell .crm-manual-optional{padding:8px 0;border:0;border-top:1px solid var(--crm-line);border-radius:0}
#crm-shell .crm-manual-optional>label{display:flex;flex-direction:column;gap:6px;margin-top:16px}
#crm-shell .crm-manual-actions{position:sticky;bottom:0;display:flex;gap:16px;padding:8px 0;background:var(--crm-panel)}
@media(max-width:650px){#crm-shell form.crm-manual-payment-form{grid-template-columns:minmax(0,1fr)}}
#crm-shell .crm-manual-actions{flex-direction:column;background:var(--crm-surface);padding:8px 12px}
#crm-shell .crm-manual-actions>.check{display:flex;align-items:flex-start;gap:8px;margin:0}
#crm-shell .crm-manual-actions>button{align-self:flex-start;margin:0}
#crm-shell .crm-manual-optional>label[hidden]{display:none}
#crm-shell .crm-manual-optional{margin:0} #crm-shell .crm-manual-optional>summary{margin:0}
/* Receipt period summary follows the approved measure-by-currency reading order. */
#crm-shell #financial-report-panel>form.crm-compact-form{grid-template-columns:minmax(180px,1.5fr) minmax(145px,1fr) minmax(145px,1fr) auto;align-items:end}
#crm-shell .crm-receipt-environment{order:0}#crm-shell .crm-receipt-from{order:1}#crm-shell .crm-receipt-through{order:2}#crm-shell .crm-receipt-run{order:3}
#crm-shell .crm-receipt-zone{order:4;grid-column:1/3}#crm-shell .crm-receipt-download{order:5;grid-column:3/5}
#crm-shell .crm-receipt-totals{background:var(--crm-surface);min-width:0}
#crm-shell .crm-receipt-totals :is(th,td){padding:8px 12px}
#crm-shell .crm-receipt-totals tbody th{font-weight:400;text-align:left}
#crm-shell .crm-receipt-totals td{font-variant-numeric:tabular-nums;text-align:right}
@media(max-width:1050px){#crm-shell #financial-report-panel>form.crm-compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}#crm-shell .crm-receipt-zone,#crm-shell .crm-receipt-download{grid-column:auto}}
@media(max-width:650px){#crm-shell #financial-report-panel>form.crm-compact-form{grid-template-columns:minmax(0,1fr)}}
#crm-shell #financial-report-panel>form.crm-compact-form>button{align-self:end}
#crm-shell .crm-receipt-totals tbody th{font-size:16px;color:var(--crm-text)}
#crm-shell .crm-receipt-totals thead th:not(:first-child){text-align:right}
#crm-shell .crm-receipt-totals caption{color:var(--crm-secondary)}

/* Workflow details prioritize queue facts; refresh metadata follows the measures. */
#crm-shell .crm-workflow-detail>section>h4{color:var(--crm-secondary);font-size:20px;font-weight:700;padding:8px 12px 0;}

#crm-shell .crm-recipient-preview{display:grid;gap:16px;min-width:0;margin:0}
#crm-shell .crm-recipient-preview>button{justify-self:start}
#crm-shell .crm-recipient-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
#crm-shell .crm-recipient-columns>section{min-width:0;padding:16px;background:var(--crm-surface);overflow-wrap:anywhere}
#crm-shell .crm-recipient-columns h2{font-size:20px;color:var(--crm-secondary);margin:0 0 16px}
#crm-shell .crm-recipient-columns article{margin:0 0 16px;padding:0;border:0;background:transparent}
#crm-shell .crm-recipient-columns article h4{margin:0 0 8px}
#crm-shell .crm-recipient-columns table{width:100%;table-layout:fixed;font-size:14px;line-height:1.5}
#crm-shell .crm-recipient-columns th:nth-child(1){width:27%}
#crm-shell .crm-recipient-columns th:nth-child(2){width:48%}
#crm-shell .crm-recipient-columns th:nth-child(3){width:25%}
#crm-shell .crm-recipient-columns td:nth-child(2){word-break:break-all}
#crm-shell .crm-recipient-columns :is(th,td){padding:8px 12px;overflow-wrap:anywhere;text-align:left;vertical-align:top}
#crm-shell .crm-recipient-columns iframe{width:100%;min-width:0;height:260px}
#crm-shell .crm-recipient-columns pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:750px){#crm-shell .crm-recipient-columns{grid-template-columns:minmax(0,1fr)}}

/* Calculator: approved Scenario and Result hierarchy, preserving existing billing semantics. */
#crm-page-testing #commerce-panel .crm-calculator-form{padding:16px;background:var(--crm-surface)}
#commerce-panel .crm-calculator-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
#commerce-panel :is(.crm-calculator-heading,.crm-calculator-result)>h3{font-size:20px;color:var(--crm-secondary);margin:0}
#commerce-panel .crm-calculator-heading>button{margin:0}
#commerce-panel form.crm-calculator-form>.onboarding-field:nth-child(2){grid-column:1/-1}
#commerce-panel .crm-calculator-actions{background:var(--crm-surface);padding:0}
#commerce-panel .crm-calculator-result{scroll-margin-bottom:16px;margin:16px 0 0;padding:16px;background:var(--crm-surface)}
#commerce-panel .crm-calculator-result>[role=status]{margin-top:16px}

/* Stripe workflow: one quiet purchase section, status beside its heading. */
#stripe-sandbox-panel .crm-stripe-test-form{padding:16px;background:var(--crm-surface)}
#stripe-sandbox-panel .crm-stripe-purchase-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
#stripe-sandbox-panel .crm-stripe-purchase-heading>h3{font-size:20px;color:var(--crm-secondary);margin:0}
#stripe-sandbox-panel .crm-stripe-purchase-heading>[role=status]{margin:0;padding:8px 12px;font-size:14px;flex:0 1 auto}
#stripe-sandbox-panel .crm-stripe-primary-actions{background:var(--crm-surface)}

/* Keep stacked purchase actions after their inputs; a tall sticky stack obscures consent. */
#stripe-sandbox-panel .crm-stripe-primary-actions>button{margin:0}
@media(max-width:900px){#stripe-sandbox-panel .crm-stripe-primary-actions{position:static;padding:0}}

/* Test confirmation follows the approved Test case hierarchy while preserving safeguards. */
#private-test-license-panel.crm-test-license-focused #test-license-content>article{margin:0}
#private-test-license-panel.crm-test-license-focused .test-license-confirmation{padding:16px;background:var(--crm-surface)}
#private-test-license-panel .crm-test-case-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
#private-test-license-panel .crm-test-case-heading>h3{margin:0;font-size:20px;color:var(--crm-secondary)}
#private-test-license-panel .crm-test-case-heading>[role=status]{margin:0;font-size:14px}
#private-test-license-panel.crm-test-license-focused .test-license-actions{background:var(--crm-surface)}
@media(max-width:900px){#private-test-license-panel.crm-test-license-focused .test-license-actions{position:static}}
@media(max-width:600px){
 #school-license .crm-table-scroll{overflow:visible}
 #school-license table,#school-license tbody,#school-license tr{display:block;min-width:0;width:100%}
 #school-license thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #school-license td{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:14px;padding:8px 12px}
 #school-license td::before{content:attr(data-label);color:var(--crm-muted)}
}

/* Live allocations lead; exceptional stop controls stay in their reviewed record. */
#school-events .crm-record-ledger td{vertical-align:top}
#school-events .crm-record-ledger .organization-item{border:0;padding:0}
@media(max-width:900px){
 #school-events .crm-table-scroll{overflow:visible}
 #school-events table,#school-events tbody,#school-events tr{display:block;min-width:0;width:100%}
 #school-events tr[hidden]{display:none}
 #school-events thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #school-events .crm-event-row{padding:8px 0;border-bottom:1px solid var(--crm-line)}
 #school-events .crm-event-row td{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:8px 12px}
 #school-events .crm-event-row td::before{content:attr(data-label);color:var(--crm-muted)}
 #school-events td[colspan]{display:block;min-width:0;padding:8px 12px}
}

/* Owner verification can expand the session bar; keep Back in flow then. */
.crm-mode .crm-workspace:has(.crm-verify:not([hidden])) .crm-org-back{position:static;margin:0 0 16px}

/* Delivery history follows the approved ledger; details preserve provider evidence and cancellation safeguards. */
#crm-shell .crm-delivery-focused{border:0;padding:0;margin:0}
#crm-shell .crm-delivery-focused>summary{display:none}
.crm-delivery-tools{display:flex;gap:16px;align-items:end;flex-wrap:wrap}
.crm-delivery-tools label{display:grid;gap:8px}
.crm-delivery-tools button{margin:0}
.crm-delivery-history>div:nth-last-child(2){background:var(--crm-surface);margin-top:16px}
.crm-delivery-history h2{padding:16px 12px;margin:0;color:var(--crm-secondary);font-size:18px}
.crm-delivery-ledger{width:100%;table-layout:fixed}
.crm-delivery-ledger :is(th,td){padding:8px 12px;vertical-align:top;overflow-wrap:anywhere}
.crm-delivery-ledger pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.crm-delivery-ledger [hidden]{display:none}
.crm-delivery-ledger td section{padding:16px 0}
@media(max-width:900px){
 .crm-delivery-ledger,.crm-delivery-ledger tbody,.crm-delivery-ledger tr,.crm-delivery-ledger td{display:block}
 .crm-delivery-ledger thead{display:none}
 .crm-delivery-ledger td[data-label]{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px}
 .crm-delivery-ledger td[data-label]::before{content:attr(data-label);color:var(--crm-muted)}
 .crm-delivery-ledger tr[hidden]{display:none}
}

#crm-shell .crm-delivery-tools{display:flex;align-items:flex-end;gap:16px;margin:0}
#crm-shell .crm-delivery-tools>label{display:grid;gap:8px;margin:0}
#crm-shell .crm-delivery-tools :is(button,select){margin:0;align-self:end}
#crm-shell .crm-delivery-history>p{margin:16px 0}

/* Focused customer recovery and activation use the Calm Desk record hierarchy. */
#crm-shell .crm-recovery-focused>summary{display:none}
#crm-shell .crm-recovery-focused{border:0;padding:0;margin:0;display:grid;gap:16px}
#crm-shell .crm-recovery-focused>button{justify-self:start;margin:0}
#crm-shell .crm-recovery-focused form{display:grid;gap:16px}
#crm-shell .crm-recovery-focused form[hidden]{display:none}
#crm-shell .crm-recovery-focused textarea{min-height:96px}
#crm-shell .crm-activation-ledger{width:100%;table-layout:auto;background:var(--crm-surface)}
#crm-shell .crm-activation-ledger :is(th,td){padding:8px 12px;vertical-align:top;text-align:left}
#crm-shell .crm-activation-ledger th[scope=row]{width:25%}
#crm-shell .crm-activation-ledger .crm-license-badge{margin:0;max-width:100%;white-space:normal}
#crm-shell .crm-activation-controls{padding:16px;background:var(--crm-surface);margin-top:16px}
#crm-shell .crm-offer-management>h2,#crm-shell .crm-activation-controls h3{font-size:18px;color:var(--crm-secondary)}
#crm-shell .crm-activation-history{margin-top:16px}

#crm-shell .crm-recovery-focused>p{margin:0}
#crm-shell .crm-recovery-focused>details{margin:0;padding:0;border:0}
#crm-shell .crm-recovery-focused>form{margin:0;padding:0;border:0;background:transparent}
#crm-shell .crm-recovery-focused form .check{display:flex;gap:16px;align-items:flex-start}
#crm-shell .crm-recovery-focused form .check input{flex:0 0 auto;width:auto;margin:4px 0}

#crm-shell .crm-offer-management>.organization-item,#crm-shell .crm-offer-management>div>.organization-item{margin:0 0 16px;padding:0;border:0}
#crm-shell .crm-offer-management h2{margin:0 0 16px}
#crm-shell .crm-activation-recipient{margin:0 0 16px}
#crm-shell .crm-activation-ledger .crm-license-badge{padding:0;border:0;background:transparent;color:var(--crm-text);font-weight:400}
#crm-shell .crm-recovery-actions{position:sticky;bottom:0;z-index:2;padding:8px 0;background:var(--crm-base)}
#crm-shell .crm-recovery-actions button{margin:0}

#crm-shell .crm-recovery-toolbar{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px}
#crm-shell .crm-recovery-toolbar button{margin:0}
#crm-shell .crm-recovery-focused :is(textarea,.check){scroll-margin-bottom:80px}
#crm-shell .crm-recovery-focused>form{padding-bottom:16px}

#crm-shell .crm-recovery-actions{display:grid;gap:16px}
#crm-shell .crm-recovery-actions .check{margin:0}
#crm-shell .crm-recovery-actions button{justify-self:start}

#payment-review-panel .crm-payment-detail:not([hidden]){display:grid;gap:16px}
#payment-review-panel .crm-payment-detail>button{justify-self:start}
#payment-review-panel .crm-payment-detail>:is(p,button){margin:0}
#payment-review-panel .crm-payment-review-columns textarea{min-height:96px;height:96px}

#crm-shell .crm-held-purchase-detail:not([hidden]){display:grid;gap:16px}
#crm-shell .crm-held-purchase-detail>button{justify-self:start;margin:0}
#crm-shell .crm-held-purchase-panel{padding:16px;background:var(--crm-surface);display:grid;gap:16px}
#crm-shell .crm-held-purchase-panel>*{margin:0}
#crm-shell .crm-held-purchase-panel h2{font-size:20px;color:var(--crm-secondary)}
#crm-shell .crm-held-purchase-panel dl{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:16px}
#crm-shell .crm-held-purchase-panel :is(dt,dd){margin:0;overflow-wrap:anywhere}
#crm-shell .crm-held-purchase-panel dt{color:var(--crm-muted)}
#crm-shell .crm-held-purchase-panel button{justify-self:start}
@media(max-width:650px){#crm-shell .crm-held-purchase-panel dl{grid-template-columns:minmax(0,1fr)}}

/* A late overview refresh must not displace a receipt report already being read. */
#crm-reports:has(#financial-report-panel[open])>.crm-business-report-overview{display:none}

/* Keep the registered-computer ledger ahead of supporting guidance. */
#crm-shell #school-devices .crm-record-ledger{background:var(--crm-surface)}
#crm-shell .crm-device-guidance{margin:16px 0;max-width:75ch;color:var(--crm-muted)}

@media(max-width:900px){
 #school-devices .crm-table-scroll{overflow:visible}
 #school-devices table,#school-devices tbody,#school-devices tr{display:block;min-width:0;width:100%}
 #school-devices tr[hidden]{display:none}
 #school-devices thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #school-devices .crm-device-row{padding:8px 0;border-bottom:1px solid var(--crm-line)}
 #school-devices .crm-device-row td{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:8px 12px}
 #school-devices .crm-device-row td::before{content:attr(data-label);color:var(--crm-muted)}
 #school-devices td[colspan]{display:block;min-width:0;padding:8px 12px}
}

#crm-shell #school-invitations .crm-record-ledger{background:var(--crm-surface)}
.crm-invitation-accepted{display:inline-block;justify-self:start;padding:4px 8px;border-radius:4px;font-weight:600}
@media(max-width:900px){
 #school-invitations .crm-table-scroll{overflow:visible}
 #school-invitations table,#school-invitations tbody,#school-invitations tr{display:block;min-width:0;width:100%}
 #school-invitations tr[hidden]{display:none}
 #school-invitations thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #school-invitations .crm-invitation-row{padding:8px 0;border-bottom:1px solid var(--crm-line)}
 #school-invitations .crm-invitation-row td{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:8px 12px}
 #school-invitations .crm-invitation-row td::before{content:attr(data-label);color:var(--crm-muted)}
 #school-invitations td[colspan]{display:block;min-width:0;padding:8px 12px}
}

/* Preserve the environment distinction without burying the reviewed-month reason. */
#crm-shell .crm-reviewed-month-form textarea{height:100px;min-height:100px}
@media(min-width:901px){
 #crm-shell .crm-finance-detail>section>form.crm-reviewed-month-form{grid-template-columns:1.2fr 1fr 1.2fr}
 #crm-shell .crm-reviewed-month-form>label:first-child{grid-column:auto}
}

#crm-shell .crm-reviewed-month-form>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
#crm-shell .crm-reviewed-month-form :is(input,select){min-width:0;width:100%;margin:0;box-sizing:border-box}

/* Compact composer keeps audience and subject together within its form. */
.crm-mode .crm-compose-options>.email-compose-field{margin:0;min-width:0;}
.crm-mode .crm-compact-compose-disclosure{margin:0;}

/* Extra audience criteria share the next row without displacing the editor. */
@media(min-width:1301px){.crm-mode .crm-compose-split>form.crm-compose-extra-audience>.email-compose-field{grid-column:auto;}}

/* Approved draft summary: quiet labels aligned with explicit operational facts. */
.crm-mode .crm-draft-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 16px;margin:16px 0;}
.crm-mode .crm-draft-facts dt{color:var(--crm-muted);}
.crm-mode .crm-draft-facts dd{margin:0;overflow-wrap:anywhere;}

/* Organization ledger: compact identities and aligned review/actions, as approved. */
#crm-shell .crm-organization-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;}
#crm-shell .crm-organization-caption strong{color:var(--crm-secondary);}
#crm-shell .crm-organization-caption .crm-result-count{margin:0;}
#crm-shell .crm-organization-review{display:inline-block;padding:4px 8px;border:0;border-radius:4px;}
#crm-shell .crm-organization-ledger td:nth-child(3){min-width:180px;}

:root[data-theme=light] #crm-shell .crm-organization-review.status-good{background:#e8f5ec;color:#164b2a;}
:root[data-theme=light] #crm-shell .crm-organization-review.status-attention{background:#fff5d1;color:#614900;}

.crm-mode #activity-search .crm-activity-filters{grid-column:1/-1;margin:0;padding:8px 0;border:0;border-radius:0}
.crm-mode .crm-activity-filter-fields{display:grid;gap:16px;padding-top:16px}
.crm-mode .crm-activity-filter-fields>div{min-width:0}
.crm-mode .crm-activity-filter-fields label{display:block;margin:0 0 6px}

/* A tablet keeps complete audit identities in two readable columns. */
@media(min-width:751px) and (max-width:1000px){.crm-mode .crm-activity-columns{display:none}.crm-mode .crm-activity-entry>summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Match the members reference: ledger first, revocation guidance afterward. */
#crm-shell .crm-members-ledger{min-width:0;table-layout:auto;background:var(--crm-surface)}
#crm-shell .crm-members-ledger th,#crm-shell .crm-members-ledger td{padding:8px 12px}
#crm-shell .crm-member-row td:first-child{width:22%}
#crm-shell .crm-member-row td:nth-child(2){width:38%;overflow-wrap:anywhere}
#crm-shell .crm-members-guidance{margin:16px 0;max-width:75ch;color:var(--crm-muted)}
@media(max-width:900px){
 #school-members .crm-table-scroll{overflow:visible}
 #school-members table,#school-members tbody,#school-members tr{display:block;min-width:0;width:100%}
 #school-members tr[hidden]{display:none}
 #school-members thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #school-members .crm-member-row{padding:8px 0;border-bottom:1px solid var(--crm-line)}
 #crm-shell #school-members .crm-member-row td{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;min-width:0;width:auto;overflow-wrap:anywhere}
 #school-members .crm-member-row td::before{content:attr(data-label);color:var(--crm-muted)}
 #school-members td[colspan]{display:block;min-width:0;padding:8px 12px}
}

#crm-shell .crm-member-row td:nth-child(3),#crm-shell .crm-member-row td:nth-child(4){white-space:nowrap;overflow-wrap:normal}


#crm-shell #school-reason{width:100%;margin:0;min-height:64px;height:64px;resize:vertical}

#crm-shell .crm-organization-create-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:center;gap:16px;margin-bottom:16px}
#crm-shell .crm-organization-create-heading h2{font-size:20px;line-height:24px;margin:0;color:var(--crm-secondary)}
#crm-shell .crm-organization-create-heading p{margin:0;font-size:14px;line-height:21px}
@media(max-width:750px){#crm-shell .crm-organization-create-heading{grid-template-columns:1fr}}

#crm-shell .crm-organization-create-actions{padding:4px 0}

/* Follow-up scheduling shares the approved quiet form surface. */
#crm-shell #followup-delivery-panel{background:var(--crm-surface);padding:16px}
#crm-shell #followup-delivery-panel .crm-followup-actions{background:var(--crm-surface)}

#crm-shell .crm-financial-exports{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
#crm-shell .crm-financial-exports>button{order:-1;margin:0}
#crm-shell .crm-financial-exports>details{margin:0;padding:0;border:0;background:transparent}
#crm-shell .crm-financial-exports>details>summary{min-height:44px;padding:10px 12px;box-sizing:border-box}
#crm-shell .crm-financial-exports>details[open]{flex-basis:100%}

#crm-shell .crm-financial-report-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}
#crm-shell .crm-financial-report-tools>.crm-report-limitations{margin:0;padding:8px 12px;background:var(--crm-surface);border:0}
#crm-shell .crm-financial-report-tools>.crm-report-limitations>summary{padding:0;margin:0}
@media(max-width:1000px){#crm-shell .crm-financial-report-tools{grid-template-columns:minmax(0,1fr)}}

#crm-shell .crm-exception-review{display:grid;gap:16px}
#crm-shell .crm-exception-review>button{justify-self:start;margin:0}
#crm-shell .crm-exception-review>h2{margin:0;color:var(--crm-secondary);font-size:20px}
#crm-shell .crm-exception-focused{margin:0;padding:16px;background:var(--crm-surface);border:0;border-radius:0}
#crm-shell .crm-exception-focused>summary{display:none}
#crm-shell .crm-exception-focused>label{display:flex;flex-direction:column;gap:6px;margin:16px 0}
#crm-shell .crm-exception-focused textarea{width:100%;margin:0;min-height:120px}

#crm-shell .crm-exception-focused>h2{margin:0 0 16px;color:var(--crm-secondary);font-size:20px}

#crm-shell .crm-finance-device-view>button{margin:0 0 16px}
#crm-shell .crm-finance-device-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
#crm-shell .crm-finance-device-grid>*{min-width:0;background:var(--crm-surface);padding:16px}
#crm-shell .crm-finance-device-grid h2{font-size:20px;margin:0 0 16px;color:var(--crm-secondary)}
#crm-shell .crm-finance-device-grid label{display:flex;flex-direction:column;gap:6px}
#crm-shell .crm-finance-device-grid select{margin:0}
#crm-shell .crm-finance-device-grid table{min-width:0}
@media(max-width:1000px){#crm-shell .crm-finance-device-grid{grid-template-columns:minmax(0,1fr)}}

#crm-shell .crm-finance-device-grid>div{display:flex;flex-direction:column;gap:16px}
#crm-shell .crm-finance-device-grid>div>p{order:2;margin:0}
#crm-shell .crm-finance-device-grid table,#crm-shell .crm-finance-device-grid tbody,#crm-shell .crm-finance-device-grid tr{display:block;width:100%;min-width:0}
#crm-shell .crm-finance-device-grid thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#crm-shell .crm-finance-device-grid td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:8px 12px;border:0;background:transparent;color:var(--crm-text)}
#crm-shell .crm-finance-device-grid td:before{content:attr(data-label);color:var(--crm-muted)}
#crm-shell .crm-finance-device-grid .crm-device-value{min-width:0;overflow-wrap:anywhere}
#crm-shell .crm-finance-device-grid .crm-device-value button{white-space:normal;word-break:normal;overflow-wrap:normal;margin:0}
#crm-shell .crm-finance-device-grid td[colspan]{display:block}
/* Customer discovery keeps the approved single row without clipping native selects. */
@media(min-width:1001px) and (max-width:1300px){
 .crm-mode :is(#customer-lookup>form,#organization-search)>.crm-search-toolbar :is(select,input,button){font-size:14px;min-height:44px}
 .crm-mode :is(#customer-lookup>form,#organization-search)>.crm-search-toolbar select{padding:10px 32px 10px 12px}
 .crm-mode :is(#customer-lookup>form,#organization-search)>.crm-search-toolbar button{padding:10px 12px;white-space:nowrap}
}
@media(min-width:1301px){.crm-mode #organization-search>.crm-search-toolbar{grid-template-columns:minmax(220px,1fr) 210px 160px auto auto}}
/* Keep the approved four-part financial handoff toolbar on one laptop row. */
@media(min-width:1001px){
 .crm-mode #bookkeeping-panel>.crm-compact-form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:16px;align-items:end}
 .crm-mode #bookkeeping-panel>.crm-compact-form :is(select,button){min-height:44px;margin:0}
 .crm-mode #bookkeeping-panel>.crm-compact-form button{white-space:nowrap}
}
@media(min-width:1001px) and (max-width:1300px){
 .crm-mode #bookkeeping-panel>.crm-compact-form :is(select,button){font-size:14px;padding:10px 12px}
 .crm-mode #bookkeeping-panel>.crm-compact-form select{padding-right:32px}
}
@media(min-width:1001px) and (max-width:1300px){
 #crm-shell #email-helpers-panel>.crm-entry-grid>.crm-entry-card{padding:8px 0}
 #crm-shell #email-helpers-panel>.crm-entry-grid>.crm-entry-card h2{font-size:18px;line-height:24px;margin:0 0 8px}
 #crm-shell #email-helpers-panel>.crm-entry-grid>.crm-entry-card p{font-size:14px;line-height:20px;margin:0 0 8px}
 #crm-shell #email-helpers-panel>.crm-entry-grid>.crm-entry-card button{font-size:14px;min-height:44px;padding:10px 12px;margin:0}
}
@media(max-width:550px){
 #crm-shell .helper-library table,#crm-shell .helper-library tbody{display:block;min-width:0;width:100%}
 #crm-shell .helper-library tr:has(th){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #crm-shell .helper-library tr:has(td){display:block;padding:8px 0;border-bottom:1px solid var(--crm-line)}
 #crm-shell .helper-library td{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;border:0;min-width:0;padding:8px 12px;overflow-wrap:anywhere}
 #crm-shell .helper-library td::before{content:attr(data-label);color:var(--crm-muted)}
 #crm-shell .helper-library td button{white-space:nowrap;word-break:normal;overflow-wrap:normal;justify-self:start;min-height:44px;margin:0}
}
@media(min-width:1001px){
 .crm-mode .crm-payment-ledger th:nth-child(2){width:auto}
 .crm-mode .crm-payment-ledger th:nth-child(5){width:154px}
 .crm-mode .crm-payment-summary>td:last-child button{white-space:nowrap;font-size:14px;min-height:44px;padding:10px 12px}
}
@media(min-width:1001px) and (max-width:1300px){
 .crm-mode .crm-payment-summary>td{font-size:14px;line-height:1.5}
 .crm-mode .crm-payment-summary>td p{margin:6px 0 0;font-size:14px;line-height:1.5}
}

@media(max-width:1000px){
 .crm-mode .crm-payment-ledger caption{display:block;width:100%;box-sizing:border-box}
 .crm-mode .crm-payment-summary>td:last-child button{white-space:nowrap;word-break:normal;overflow-wrap:normal;min-height:44px}
}
/* A receipt report is a focused workspace, not a nested accordion. */
#crm-shell #financial-report-panel.crm-receipt-focused{border:0;border-radius:0;padding:0;margin:0;background:transparent}
#crm-shell #financial-report-panel.crm-receipt-focused>summary{display:none}
#crm-shell #financial-report-panel.crm-receipt-focused>.crm-receipt-back{margin:0 0 16px}
#crm-page-reports:has(.crm-receipt-focused)>.crm-page-description{display:none}
#crm-shell #financial-report-panel.crm-receipt-focused>form{margin:0}
@media(min-width:1001px) and (max-width:1300px){
 #crm-shell .crm-receipt-focused .crm-receipt-totals :is(th,td){font-size:14px;line-height:1.5}
 #crm-shell .crm-receipt-focused>[role=status]>p:first-child{font-size:14px;line-height:1.5;margin:16px 0}
}
@media(min-width:1001px) and (max-width:1300px){
 #crm-shell #financial-report-panel.crm-receipt-focused>form :is(input,select,button){font-size:14px;line-height:1.5;min-height:44px;padding:10px 12px}
}

/* Metric figures are the shortcut, without a second row of boxed actions. */
#crm-shell #crm-dashboard .crm-attention-card{padding:16px 18px}
#crm-shell #crm-dashboard .crm-metric-action{display:block;width:auto;min-width:44px;min-height:44px;margin:8px 0 0;padding:0;border:0;background:transparent;color:var(--crm-accent);text-align:left}
#crm-shell #crm-dashboard .crm-metric-action strong{font-size:30px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums;color:inherit}
#crm-shell #crm-dashboard .crm-metric-action:hover{text-decoration:underline;text-underline-offset:4px}

/* Keep the live queue ahead of supplementary delivery guidance. */
#crm-shell #operations-panel>.crm-delivery-toolbar>button{align-self:end}
#crm-shell #operations-panel>p[role=status]:not(.status-attention){font-size:14px;line-height:1.5;margin:16px 0}
#crm-shell #operations-results>.delivery-card>h4{font-weight:400}
#crm-shell #operations-results>.delivery-good>.delivery-state{font-weight:400;color:var(--crm-text)}
#crm-shell #operations-results>.crm-delivery-heading{margin-top:0}
/* Owner security follows the approved identity rows and grouped access actions. */
#crm-shell .crm-security-facts{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;margin:0 0 16px}
#crm-shell .crm-security-facts :is(dt,dd,p){margin:0;min-width:0;font-size:16px;line-height:1.5}
#crm-shell .crm-security-facts dt{color:var(--crm-muted)}
#crm-shell .crm-security-facts dd,#crm-shell .crm-security-facts strong{font-weight:400;color:var(--crm-text)}
#crm-shell .crm-security-actions{display:flex;flex-wrap:wrap;align-items:start;gap:16px;margin:0 0 16px}
#crm-shell .crm-security-actions button{margin:0}
#crm-shell .crm-owner-access>section>h3{display:none}
#crm-shell .crm-security-help{margin-top:16px}
@media(max-width:1000px){#crm-shell .crm-security-actions{flex-direction:column}}
@media(max-width:600px){#crm-shell .crm-security-facts{grid-template-columns:minmax(0,1fr);gap:4px}#crm-shell .crm-security-facts dd{margin-bottom:12px}}
/* Calm Desk connection ledger: readable labels, quiet state rows. */
#crm-shell #integrations-panel .crm-integrations-grid{background:var(--crm-surface)}
#crm-shell #integrations-panel .crm-integrations-grid>h2{margin:0;padding:16px 12px;font-size:20px}
#crm-shell #integrations-panel .crm-connections-ledger :is(h4,strong,summary){font-weight:400}
#crm-shell #integrations-panel .crm-connections-ledger thead th{font-weight:400;color:var(--crm-muted)}
#crm-shell #integrations-panel .crm-connections-ledger summary{min-height:44px;display:list-item;align-content:center}

/* Signature editing and live preview follow the approved paired workspace. */
.crm-mode .email-signature-editing>h3,.crm-mode .email-signature-preview>h3{margin:0 0 16px;color:var(--crm-secondary);}
#crm-shell .email-signature-preview [aria-label="Signature preview"] p{color:var(--crm-text);}
/* Activity warning stays adjacent to its disclosure, matching the approved notice. */
#crm-shell .crm-activity-detail>details{margin:0}
#crm-shell .crm-activity-detail>p{margin:0;padding:16px;background:var(--crm-surface);color:var(--crm-text);border:1px solid var(--crm-line);border-radius:6px}
/* Opened onboarding reviews use one quiet surface, not nested outlined cards. */
#crm-shell .crm-beta-onboarding .onboarding-step{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border:0;border-radius:0;padding:16px;background:var(--crm-surface)}
#crm-shell .crm-beta-onboarding .onboarding-step>h5{flex-basis:100%;margin:0;color:var(--crm-secondary);font-size:16px}
#crm-shell .crm-beta-onboarding .onboarding-step>:is(button,p){margin:0}
#crm-shell .crm-beta-onboarding .onboarding-step>details{flex-basis:100%;min-width:0;border:0;border-radius:0;padding:0;margin:0;background:transparent}
#crm-shell .crm-beta-onboarding .onboarding-step>details>summary{font-size:16px;font-weight:600}
#crm-shell .crm-beta-onboarding .crm-record-ledger{min-width:0;table-layout:fixed}
#crm-shell .crm-beta-onboarding .crm-record-ledger :is(th,td){overflow-wrap:anywhere}
@media(max-width:600px){
 #crm-shell .crm-beta-onboarding .crm-record-ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #crm-shell .crm-beta-onboarding .crm-record-ledger,#crm-shell .crm-beta-onboarding .crm-record-ledger tbody{display:block;width:100%}
 #crm-shell .crm-beta-onboarding .crm-record-ledger tbody>tr:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--crm-line)}
 #crm-shell .crm-beta-onboarding .crm-record-ledger td{display:block;min-width:0;border:0}
 #crm-shell .crm-beta-onboarding .crm-record-ledger td:nth-child(3),#crm-shell .crm-beta-onboarding .crm-record-ledger td[colspan]{grid-column:1/-1}
 #crm-shell .crm-beta-onboarding .crm-record-ledger td[colspan]{padding:8px 0}
}

#crm-shell .crm-beta-onboarding>h4{font-size:20px;color:var(--crm-secondary);margin:0 0 16px}
#crm-shell .crm-beta-onboarding .onboarding-steps{gap:16px}
#crm-shell .crm-beta-onboarding>.crm-onboarding-guidance{margin:16px 0}
#crm-shell .crm-beta-onboarding .onboarding-steps>p{margin:0}
/* One continuous quiet ledger surface matches the approved onboarding workspace. */
#crm-shell .crm-beta-onboarding>h4{margin:0;padding:16px 12px;background:var(--crm-surface);border-top:1px solid var(--crm-line)}
#crm-shell .crm-beta-onboarding .crm-record-ledger{background:var(--crm-surface)}
#crm-shell .crm-beta-onboarding .onboarding-steps>.crm-table-scroll{margin:0}
/* Customer email uses one action row above the quiet history panel. */
#crm-shell .crm-customer-email-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:0 0 16px}
#crm-shell .crm-customer-email-tools>button{margin:0}
#crm-shell .crm-customer-email-workspace>.crm-toolbar-controlled>summary{display:none}
#crm-shell .crm-customer-email-workspace>.crm-toolbar-controlled:not([open]){display:none}
#crm-shell .crm-notification-history>.crm-notification-toolbar{margin:0;padding:16px 12px;background:var(--crm-surface);border-top:1px solid var(--crm-line)}
#crm-shell .crm-notification-history .crm-record-ledger{background:var(--crm-surface)}
#crm-shell .crm-notification-history .crm-table-scroll{margin:0}
#crm-shell .crm-notification-history>p{padding:16px;background:var(--crm-surface);border:1px solid var(--crm-line);border-radius:6px;color:var(--crm-text)}
@media(max-width:600px){
 #crm-shell .crm-notification-history .crm-record-ledger{display:block;min-width:0;width:100%}
 #crm-shell .crm-notification-history .crm-record-ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #crm-shell .crm-notification-history .crm-record-ledger tbody{display:block}
 #crm-shell .crm-notification-history .crm-record-ledger tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--crm-line)}
 #crm-shell .crm-notification-history .crm-record-ledger td{display:block;min-width:0;border:0;overflow-wrap:anywhere}
 #crm-shell .crm-notification-history .crm-record-ledger td:first-child{grid-column:1/-1}
 #crm-shell .crm-notification-history .crm-record-ledger td::before{content:attr(data-label);display:block;font-size:13px;color:var(--crm-muted);margin-bottom:4px}
}
/* Eligibility is a compact preflight row; the reviewed decision stays above the fold. */
#crm-shell .crm-courtesy-eligibility{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0}
#crm-shell .crm-courtesy-eligibility>p{margin:0;padding:0;border:0;border-radius:0;background:transparent;flex:1;min-width:0}
#crm-shell .crm-courtesy-eligibility>button{margin:0;flex-shrink:0}
#crm-shell .crm-courtesy-help{margin-top:16px}
@media(max-width:800px){#crm-shell .crm-courtesy-eligibility{flex-direction:column;align-items:stretch}}
#crm-shell .crm-courtesy-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;margin:0 0 16px}
#crm-shell .crm-courtesy-dates dt{color:var(--crm-muted)}
#crm-shell .crm-courtesy-dates dd{margin:0;overflow-wrap:anywhere}
#crm-shell .crm-courtesy-timing{padding:0;border:0;margin:16px 0 0}
#crm-shell .crm-courtesy-timing>summary{font-size:14px}
#crm-shell .crm-courtesy-review>p{margin:0 0 16px}

#crm-shell .crm-recovery-surface{background:var(--crm-surface);border-top:1px solid var(--crm-line);padding:16px;display:grid;gap:16px;min-width:0}
#crm-shell .crm-recovery-surface>h3{margin:0;color:var(--crm-secondary);font-size:16px;line-height:24px}
#crm-shell .crm-recovery-surface>p,#crm-shell .crm-recovery-surface>div>p{margin:0}
#crm-shell .crm-recovery-surface>details{margin:0;padding:0;border:0}
#crm-shell .crm-recovery-surface>form{margin:0;padding:0;border:0;background:transparent}
#crm-shell .crm-recovery-surface .crm-recovery-actions{background:var(--crm-surface)}

#crm-shell .crm-recovery-focused>.crm-recovery-toolbar{margin:0 0 16px}
#crm-shell .crm-recovery-focused textarea{min-height:80px}

#crm-shell .crm-activation-recorded{background:var(--crm-surface);border-top:1px solid var(--crm-line);margin:0;min-width:0}
#crm-shell .crm-activation-recorded>h3{margin:0;padding:16px 12px;color:var(--crm-secondary);font-size:18px}
#crm-shell .crm-activation-recorded>.crm-activation-ledger{margin:0}
#crm-shell .crm-activation-ledger th[scope=row]{width:50%}

/* Connection state is a compact label, never a full-height table-cell alert. */
#crm-shell .crm-device-status{display:inline-block;padding:2px 6px;border:0;border-radius:3px;line-height:20px;font-size:13px;white-space:nowrap;vertical-align:middle}
/* The approved main Drip mockup has three peer actions at normal laptop width. */
@media(min-width:1301px){#crm-shell #email-helpers-panel>.crm-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}

/* Existing sequences are a distinct operation from scheduling new messages. */
#crm-shell .crm-followup-history{margin-top:16px;padding-top:16px;border-top:1px solid var(--crm-line)}
#crm-shell .crm-followup-history-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#crm-shell .crm-followup-history-header :is(h2,button){margin:0}

/* Stack schedule fields before the fixed sidebar leaves native selects too narrow. */
@media(max-width:1000px){#crm-shell .crm-schedule-context,#crm-shell #followup-delivery-panel>div:first-of-type{grid-template-columns:minmax(0,1fr)}}


/* Folder browsing is a full-width ledger; opening a ticket retains the reader. */
#crm-shell #support-panel.support-desk[data-folder="archive"]:not(.support-reading) .support-inbox-columns,
#crm-shell #support-panel.support-desk[data-folder="trash"]:not(.support-reading) .support-inbox-columns{grid-template-columns:minmax(0,1fr)}
#crm-shell #support-panel.support-desk[data-folder="archive"] .support-reader-empty,
#crm-shell #support-panel.support-desk[data-folder="trash"] .support-reader-empty{display:none}


#crm-shell .support-desk:not([data-folder="inbox"]) .support-inbox-row{grid-template-columns:minmax(0,1fr) 100px 100px 160px}
#crm-shell .support-row-restore{position:static;align-self:start;margin:0;width:160px}
@media(max-width:550px){#crm-shell .support-desk:not([data-folder="inbox"]) .support-inbox-row{grid-template-columns:minmax(0,1fr) 90px}#crm-shell .support-row-restore{grid-column:1/-1}}

#crm-shell .support-desk:not([data-folder="inbox"]) .support-row-head{grid-template-columns:minmax(0,1fr) 100px 100px 160px}
@media(max-width:550px){#crm-shell .support-desk:not([data-folder="inbox"]) .support-row-head{grid-template-columns:minmax(0,1fr) 90px}#crm-shell .support-desk:not([data-folder="inbox"]) .support-row-head>span:nth-child(n+3){display:none}}

#crm-shell .support-desk .support-row-restore{grid-column:4;grid-row:1;justify-self:start}
@media(max-width:550px){#crm-shell .support-desk .support-row-restore{grid-column:1/-1;grid-row:auto}}

/* Preserve message reading width beside the fixed sidebar on tablets. */
@media(min-width:551px) and (max-width:1000px){
#crm-shell .support-desk:not([data-folder="inbox"]) .support-inbox-row,
#crm-shell .support-desk:not([data-folder="inbox"]) .support-row-head{grid-template-columns:minmax(0,1fr) 90px 100px}
#crm-shell .support-desk .support-row-restore{grid-column:1/-1;grid-row:auto}
#crm-shell .support-desk:not([data-folder="inbox"]) .support-row-head>span:last-child{display:none}
}

/* Organization license ledger follows the approved quiet surface and explicit state. */
#crm-shell #school-license .crm-table-scroll{background:var(--crm-surface);border-radius:6px}
#crm-shell #school-license .crm-license-badge{display:inline-block;justify-self:start;margin:0;padding:4px 8px;border:0;border-radius:4px;white-space:normal;font-weight:600}

#crm-shell .crm-record-section:has(> #school-license)>.crm-detail-heading{background:var(--crm-surface);padding:16px 12px 8px;margin-bottom:0;border-radius:6px 6px 0 0}
#crm-shell #school-license>p:first-child{background:var(--crm-surface);padding:8px 12px;margin:0}
#crm-shell #school-license .crm-table-scroll{border-radius:0 0 6px 6px}
#crm-shell #school-license>p:not(:first-child){background:var(--crm-surface);padding:12px;border-radius:6px;margin-block:16px}

/* Subscription reading columns use the Calm Desk quiet-panel hierarchy. */
#crm-shell .crm-subscription-columns>section{background:var(--crm-surface);padding:16px;min-width:0;border:0;border-radius:6px}
#crm-shell .crm-subscription-columns>section>h3{margin:0 0 16px}
#crm-shell .crm-subscription-billing>.crm-subscription-summary{margin:0;padding:8px 0;border:0;border-bottom:1px solid var(--crm-line)}
#crm-shell .crm-subscription-billing>.crm-subscription-summary>h4{margin:0 0 8px}
#crm-shell .crm-subscription-billing>.crm-subscription-summary>p{margin:8px 0}
#crm-shell .crm-subscription-billing>.crm-subscription-summary>details{margin:8px 0 0}
/* People keeps its count and working table together without inherited panel padding. */
#crm-shell .crm-people-ledger{padding:0;border:0}
#crm-shell .crm-people-ledger>div>p:first-child{margin:0 0 16px}
/* Give customer identity search priority while preserving every native option label. */
@media(min-width:1001px) and (max-width:1300px){
 .crm-mode #customer-lookup>form>.crm-search-toolbar{grid-template-columns:minmax(180px,1fr) 145px 130px auto auto}
}
@media(min-width:1001px) and (max-width:1300px){
 .crm-mode #customer-lookup>form>.crm-search-toolbar select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%238994bd' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:12px;
 }
}
/* The customer ledger pairs its title with a truthful page count and named states. */
.crm-mode .crm-customer-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.crm-mode .crm-customer-count{font-size:13px;font-weight:400;color:var(--crm-muted)}
.crm-mode .crm-customer-license-state{display:inline-block;font-size:13px;line-height:1.6;padding:2px 7px;border-radius:4px;background:var(--crm-surface);color:var(--crm-text);overflow-wrap:normal}
.crm-mode .crm-customer-license-state[data-state=active]{background:#143b2e;color:#81e8b1}
.crm-mode .crm-customer-license-state[data-state=scheduled]{background:#382c17;color:#ffda8a}
.crm-mode .crm-customer-license-state[data-state=suspended]{background:#49202e;color:#ffa5bc}

/* Preserve full ticket statuses while giving the inbox search the primary span. */
@media(min-width:1000px){
 .crm-mode #support-search{grid-template-columns:minmax(180px,1fr) 145px 220px auto;gap:8px 16px}
 .crm-mode #support-search>.support-query{grid-column:auto}
}
@media(max-width:550px){
 .crm-mode #support-search>.support-status{grid-column:1/-1}
}

.crm-mode .crm-payment-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.crm-mode .crm-payment-caption span{font-size:13px;font-weight:400;color:var(--crm-muted)}

.crm-mode .crm-payment-caption strong{color:var(--crm-secondary)}

@media(min-width:1001px) and (max-width:1300px){
 :root[data-theme=light] .crm-mode #customer-lookup>form>.crm-search-toolbar select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23495472' stroke-width='1.5'/%3E%3C/svg%3E");
 }
}

/* Keep the primary action beside its customer on the stacked payment ledger. */
@media(max-width:1000px){
 .crm-mode .crm-payment-summary>td:nth-child(5){grid-column:2;grid-row:1}
 .crm-mode .crm-payment-summary>td:nth-child(4){grid-column:1/-1;grid-row:4}
}
@media(max-width:550px){
 .crm-mode #crm-page-payments>.crm-page-description{margin-bottom:16px}
 .crm-mode #payment-review-panel>p:first-of-type{padding:8px 12px}
 .crm-mode .crm-payment-ledger caption{padding:8px 12px}
 .crm-mode .crm-payment-ledger .crm-payment-summary{padding:0}
}

#crm-shell #crm-dashboard .crm-metric-scope{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--crm-muted)}

.crm-password-review h4 { margin:0 0 16px; font-size:16px; color:var(--crm-secondary); }
.crm-password-review p { overflow-wrap:anywhere; }
.crm-password-review-actions { display:flex; flex-wrap:wrap; gap:16px; }

.crm-password-review h4 { margin-bottom:8px; }
.crm-password-review p { margin:8px 0; }

@media(max-width:450px){
 .crm-password-help-content { display:flex; flex-direction:column; align-items:stretch; }
 .crm-password-intro:not([hidden]) { display:contents; }
 .crm-password-intro dl { grid-template-columns:100px minmax(0,1fr); gap:8px 16px; margin-bottom:8px; order:1; }
 .crm-password-help-content>button { align-self:flex-start; order:2; }
 .crm-password-intro p { order:3; margin:8px 0; }
 .crm-password-help-content>[role=status] { order:4; }
}

/* Keep activity filters in the approved fields / action / options sequence. */
@media(min-width:1001px){
 .crm-mode #activity-search { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(140px,.75fr) minmax(140px,.75fr); align-items:end; }
 .crm-mode #activity-search>button { grid-column:1/-1; grid-row:2; justify-self:start; margin:0; }
 .crm-mode #activity-search>label.check { grid-row:3; grid-column:1/3; justify-self:start; margin:0; }
 .crm-mode #activity-search>label.check:last-of-type { grid-column:3/-1; justify-self:end; }
}

#crm-shell #crm-page-account>.crm-entry-grid>.crm-entry-card { padding:8px 12px; gap:0; }
#crm-shell #crm-page-account>.crm-entry-grid>.crm-entry-card h2 { margin:0 0 16px; }
#crm-shell #crm-page-account>.crm-entry-grid>.crm-entry-card p { margin:0 0 16px; }
#crm-shell #crm-page-account>.crm-entry-grid .crm-overview-preview p { margin:0 0 8px; }
#crm-shell #crm-page-account>.crm-entry-grid .crm-overview-facts { margin:0 0 16px; }
#crm-shell #crm-page-account>.crm-entry-grid .crm-overview-preview { margin-bottom:8px; }

#crm-shell #crm-page-account>.crm-entry-grid>.crm-entry-card h2,
#crm-shell #crm-page-account>.crm-entry-grid>.crm-entry-card p,
#crm-shell #crm-page-account>.crm-entry-grid .crm-overview-facts { margin-bottom:8px; }
#crm-shell #crm-page-account>.crm-entry-grid .crm-overview-preview { margin-bottom:0; }

@media(min-width:651px) and (max-width:1000px){
 .crm-mode #activity-search>label.check { grid-column:1/-1; justify-self:start; margin:0; }
}

/* The grid owns row spacing; controls must not add a second bottom margin. */
.crm-mode .crm-offer-workspace { padding:8px 12px; }
.crm-mode .individual-onboarding-grid .onboarding-field>input,
.crm-mode .individual-onboarding-grid .onboarding-field>select { margin-bottom:0; }

.crm-mode .crm-offer-workspace>h2 { margin-bottom:8px; }

.crm-mode .crm-offer-workspace>.individual-onboarding-grid { margin-top:0; }

#crm-shell .crm-message-actions>[role="status"]{flex:0 0 100%;overflow-wrap:anywhere}#crm-shell .crm-message-actions>[role="status"]:empty{display:none}

#crm-shell .crm-manual-payment-form[hidden],#crm-shell .crm-manual-review[hidden]{display:none}
#crm-shell .crm-manual-review{scroll-margin-top:16px}
#crm-shell .crm-manual-review-actions{display:flex;flex-wrap:wrap;gap:16px;position:sticky;bottom:0;padding:8px 12px;background:var(--crm-surface)}
#crm-shell .crm-manual-review dd{overflow-wrap:anywhere}

#crm-shell #followup-delivery-panel{border-radius:0}

#crm-shell .crm-exception-evidence{width:100%;table-layout:fixed;margin:16px 0}
#crm-shell .crm-exception-evidence :is(th,td){padding:8px 12px;overflow-wrap:anywhere;vertical-align:top}
#crm-shell .crm-exception-evidence th:first-child{width:30%}

/* Calm Desk owner entry. Route hints affect presentation, never authorization. */
body.owner-signin-mode,body.owner-entry-mode{background:#0c1023;color:#f2f4fa;min-height:100vh}
.owner-signin-mode main,.owner-entry-mode main{color:#f2f4fa}
.owner-signin-mode main>.card,.owner-entry-mode main>.card{background:#141a30;border:0;border-radius:0;box-shadow:none}
.owner-signin-mode h1,.owner-entry-mode #panel-title{color:#a79aff}
.owner-signin-mode h2,.owner-entry-mode h2{color:#43d9ef}
.owner-signin-mode p,.owner-entry-mode p{color:#b4bfdc}
.owner-signin-mode input,.owner-entry-mode input{background:#0c1023;color:#f2f4fa;border:1px solid #8994bd}
.owner-signin-mode button,.owner-entry-mode button{background:transparent;color:#f2f4fa;border:1px solid #8994bd;border-radius:6px}
.owner-signin-mode button:hover,.owner-entry-mode button:hover{background:#24233d}
.owner-signin-mode #password-login button[type=submit]{background:#a79aff;color:#0c1023;border-color:#a79aff}
.owner-signin-mode .text-button{color:#b9adff;border:0}
.owner-signin-mode :focus-visible,.owner-entry-mode :focus-visible{outline:3px solid #43d9ef;outline-offset:3px}
.owner-signin-mode #status.error,.owner-entry-mode #status.error{color:#ffda8a}
.owner-signin-mode ::selection,.owner-entry-mode ::selection{background:#a79aff;color:#0c1023}

.owner-signin-mode header{padding:16px 0}
.owner-signin-mode main{padding:16px 0}
.owner-signin-mode .intro{margin-bottom:16px}
.owner-signin-mode #auth-card{padding:16px}
.owner-signin-mode #auth-card h2{font-size:20px;margin-bottom:8px}
.owner-signin-mode #status{margin-bottom:8px}
.owner-signin-mode #auth-card form{gap:8px}
.owner-signin-mode #auth-card input{min-height:40px;padding:8px 12px}
.owner-signin-mode #auth-card .check input{min-height:0}
.owner-signin-mode .owner-signin-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.owner-signin-mode .owner-signin-methods button{margin:0;padding:8px 12px}
@media(max-width:480px){.owner-signin-mode .owner-signin-methods{grid-template-columns:1fr;gap:8px}}

.owner-signin-mode main{max-width:960px}
.owner-signin-mode #password-login{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.owner-signin-mode #password-login>label:nth-of-type(1){grid-column:1;grid-row:1}
.owner-signin-mode #password-login>label:nth-of-type(2){grid-column:2;grid-row:1}
.owner-signin-mode #password-login>#signin-email-help{grid-column:1/-1;grid-row:2}
.owner-signin-mode #password-login>label.check{grid-column:1/-1;grid-row:3}
.owner-signin-mode .owner-signin-methods{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(2,max-content);justify-content:start}
.owner-signin-mode #password-login>.text-button{grid-column:1/-1;grid-row:5;justify-self:start;width:auto}
.owner-signin-mode .owner-signin-context{margin:16px 0;color:#b4bfdc}
.owner-verifying-mode #sign-in>#password-login,.owner-verifying-mode #sign-in>#passkey,.owner-verifying-mode #sign-in>p,.owner-verifying-mode #sign-in>details:has(#signin-email-help),.owner-verifying-mode #signin-help,.owner-verifying-mode #sign-in>details:not(:has(#code-form)){display:none}
.owner-verifying-mode #sign-in>details:has(#code-form){margin:0}
.owner-verifying-mode #sign-in>details:has(#code-form)>summary,.owner-verifying-mode #sign-in>details:has(#code-form)>p{display:none}
.owner-verifying-mode #code-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.owner-verifying-mode #code-form label,.owner-verifying-mode #code-form input{grid-column:1/-1}
@media(max-width:600px){.owner-signin-mode #password-login{grid-template-columns:minmax(0,1fr)}.owner-signin-mode #password-login>label:nth-of-type(2){grid-column:1;grid-row:3}.owner-signin-mode #password-login>label.check{grid-row:4}.owner-signin-mode .owner-signin-methods{grid-row:5;grid-template-columns:minmax(0,1fr);justify-content:stretch}.owner-signin-mode #password-login>.text-button{grid-row:6}.owner-verifying-mode #code-form{grid-template-columns:1fr}}

/* Review safeguards stay aligned with their labels in dense Calm Desk forms. */
.crm-mode .crm-inline-confirmation { display:flex; align-items:flex-start; gap:8px; margin:12px 0; line-height:1.5; }
.crm-mode .crm-inline-confirmation input[type=checkbox] { flex:0 0 auto; width:20px; height:20px; min-height:20px; margin:2px 0 0; }

@media (min-width:801px) and (max-height:700px) {
 .crm-mode .crm-lifecycle-archive p { margin:8px 0; }
 .crm-mode .crm-lifecycle-archive h4 { margin:8px 0; }
 .crm-mode .crm-lifecycle-archive > label:not(.crm-inline-confirmation) { margin:0 0 8px; }
 .crm-mode .crm-lifecycle-archive > button { margin:0; }
 .crm-mode .crm-lifecycle-archive textarea { min-height:80px; height:80px; margin-bottom:0; }
 .crm-mode .crm-lifecycle-archive .crm-inline-confirmation { margin:8px 0; }
}

.crm-mode .crm-report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.crm-mode .crm-report-filters>div{min-width:0}
.crm-mode .crm-report-filters :is(label,input,select){margin:0;max-width:100%;width:100%;min-width:0}
.crm-mode .crm-report-filters label{margin-bottom:8px}
.crm-mode .crm-report-filter-note{margin:0 0 16px}
@media(max-width:950px){.crm-mode .crm-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.crm-mode .crm-report-filters{grid-template-columns:minmax(0,1fr)}}

.crm-mode .crm-test-lookup-table{overflow:auto;max-width:100%}
.crm-mode .crm-test-lookup-table td{overflow-wrap:anywhere}

.crm-mode .crm-workflow-records{margin-top:16px;border-top:1px solid var(--crm-line);padding-top:16px}
.crm-mode .crm-workflow-records-table{overflow:auto;max-width:100%}
.crm-mode .crm-workflow-records-table td{overflow-wrap:anywhere}

@media(min-width:801px) and (max-height:700px){
 #crm-shell .crm-held-purchase-panel{padding:8px 12px}
 #crm-shell .crm-held-purchase-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
 #crm-shell .crm-held-purchase-panel dt{grid-row:1}
 #crm-shell .crm-held-purchase-panel dd{grid-row:2}
 #crm-shell .crm-held-purchase-panel dt:nth-of-type(1),#crm-shell .crm-held-purchase-panel dd:nth-of-type(1){grid-column:1}
 #crm-shell .crm-held-purchase-panel dt:nth-of-type(2),#crm-shell .crm-held-purchase-panel dd:nth-of-type(2){grid-column:2}
 #crm-shell .crm-held-purchase-panel dt:nth-of-type(3),#crm-shell .crm-held-purchase-panel dd:nth-of-type(3){grid-column:3}
 #crm-shell .crm-held-purchase-panel textarea{height:80px;min-height:80px;margin:0}
 #crm-shell .crm-held-purchase-panel label{margin:0 0 8px}
 #crm-shell .crm-held-purchase-panel .crm-inline-confirmation{margin:8px 0 0}
}

/* Preserve the report summary and lookup result in the initial laptop view. */
.crm-mode #sandbox-sales-panel .crm-compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.crm-mode #sandbox-sales-panel .crm-compact-form>div{min-width:0;grid-column:auto}
.crm-mode #sandbox-sales-panel .crm-compact-form label{margin:0 0 8px}
.crm-mode #sandbox-sales-panel .crm-compact-form input{width:100%;min-width:0;margin:0}
.crm-mode #sandbox-sales-panel .crm-compact-form button{grid-column:1/-1;justify-self:start;margin:0}
@media(max-width:600px){.crm-mode #sandbox-sales-panel .crm-compact-form{grid-template-columns:minmax(0,1fr)}}

#crm-shell .crm-report-filter-note{border:0;padding:0;margin:0 0 16px;background:transparent}
#crm-shell .crm-report-filter-note summary{padding:0;font-weight:400;color:var(--crm-muted)}