/* Shared presentation-only layer. Do not add visibility, navigation or data logic. */
body[data-brand-family] {
 --family-bg:#f6f6f8;--family-surface:#fff;--family-ink:#252529;--family-muted:#62626b;--family-line:#dedee4;
 --family-action:#c9002d;--family-action-hover:#a80026;--family-action-soft:#fff0f3;--family-on-action:#fff;
 --family-good:#15704c;--family-good-soft:#e9f6ef;--family-warning:#895600;--family-warning-soft:#fff5dd;
 --canvas:var(--family-bg);--surface:var(--family-surface);--surface-raised:var(--family-surface);
 --ink:var(--family-ink);--muted:var(--family-muted);--border:var(--family-line);
 --brand:var(--family-action);--brand-strong:var(--family-action-hover);--brand-soft:var(--family-action-soft);
 --accent:var(--family-good);--accent-strong:var(--family-good);--accent-soft:var(--family-good-soft);
 --success:var(--family-good);--success-soft:var(--family-good-soft);
 --warning:var(--family-warning);--warning-soft:var(--family-warning-soft);
 --fi-surface:var(--family-surface);--fi-soft:var(--family-bg);--fi-border:var(--family-line);--fi-text:var(--family-ink);--fi-muted:var(--family-muted);
 font-family:Arial,'Segoe UI',sans-serif;font-size:15px;line-height:1.5;background:var(--family-bg);color:var(--family-ink);
}
body[data-brand-family="merch"] {--family-action:#36363f;--family-action-hover:#202026;--family-action-soft:#eeeeF2}
[data-theme="dark"] body[data-brand-family],body[data-brand-family][data-theme="dark"] {
 --family-bg:#19191c;--family-surface:#232328;--family-ink:#f4f4f5;--family-muted:#bdbdc7;--family-line:#45454e;
 --family-action:#ff8ea7;--family-action-hover:#ffacc0;--family-action-soft:#3b252e;--family-on-action:#2b1820;
 --family-good:#89d6b5;--family-good-soft:#20382e;--family-warning:#f0ca77;--family-warning-soft:#3b321f;
}
[data-theme="dark"] body[data-brand-family="merch"],body[data-brand-family="merch"][data-theme="dark"] {--family-action:#dedee8;--family-action-hover:#fff;--family-action-soft:#36363f}
body[data-brand-family] :is(button,input,select,textarea) {font-family:inherit}
body[data-brand-family] :is(h1,h2,h3) {line-height:1.35;letter-spacing:-.02em}
body[data-brand-family] :is(.screen-heading,.section-heading,.workflow-card,.simple-visit-card,.auth-card,.modal-header) h1 {font-size:24px}
body[data-brand-family] :is(.section-heading,.workflow-card,.simple-visit-card,.auth-card,.modal-header) h2 {font-size:19px}
body[data-brand-family] :is(.eyebrow,.field-hint) {font-size:12px;line-height:1.5;letter-spacing:.02em}
body[data-brand-family] :is(.primary-button,.secondary-button,.text-button,.danger-button,.danger-outline-button) {font-size:14px;line-height:1.4;min-height:44px;border-radius:8px;box-shadow:none;font-weight:600}
body[data-brand-family] .primary-button {background:var(--family-action);border-color:var(--family-action);color:var(--family-on-action)}
body[data-brand-family] .primary-button:hover {background:var(--family-action-hover)}
body[data-brand-family] .secondary-button {background:var(--family-surface);border-color:var(--family-line);color:var(--family-ink)}
body[data-brand-family] .text-button {color:var(--family-action)}
body[data-brand-family] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea) {font-size:16px;line-height:1.5;border-radius:8px}
body[data-brand-family] :is(.auth-form,.field-grid,.workflow-card,.visit-planner,.field-compose-form,.ps-period,.ms-filters) label {font-size:14px;line-height:1.5}
body[data-brand-family] :is(button,input,select,textarea,summary):focus-visible {outline:2px solid var(--family-action);outline-offset:3px}
body[data-brand-family] .topbar {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;background:var(--family-surface);border-bottom:1px solid var(--family-line);box-shadow:none}
body[data-brand-family] .topbar::after {content:none}
body[data-brand-family] .topbar-copy {min-width:0}
body[data-brand-family] .topbar-copy strong {font-size:17px;line-height:1.3;color:var(--family-ink)}
body[data-brand-family] .topbar-copy>span {font-size:12px;color:var(--family-muted)}
body[data-brand-family] :is(.brand-logo-mark,.intelligence-logo) {width:104px;height:56px;min-width:104px;flex:0 0 104px;border-radius:0;border:0;box-shadow:none;background:#fff;padding:3px}
body[data-brand-family] :is(.brand-logo-mark,.intelligence-logo) img {width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0}
body[data-brand-family] .bottom-nav {background:var(--family-surface);border-color:var(--family-line);box-shadow:0 -2px 12px #00000006}
body[data-brand-family] .bottom-nav .nav-item {color:var(--family-muted);font-size:12px;min-height:48px}
body[data-brand-family] .bottom-nav .nav-item.active {background:var(--family-action-soft);color:var(--family-action);border-color:var(--family-action)}
body[data-brand-family] :is(.auth-card,.workflow-card,.simple-visit-card,.visit-review-card,.primary-card,.hero-card,.section-block,.field-composer,.field-request-card,.customer-intake,.visit-planner,.customer-assignment,.profile-card) {background:var(--family-surface);border-color:var(--family-line);border-radius:12px;box-shadow:none;color:var(--family-ink)}
body[data-brand-family] :is(.hero-card,.primary-card,.workflow-card,.simple-visit-card) :is(h1,h2,h3) {color:var(--family-ink)}
body[data-brand-family] :is(.hero-card,.primary-card,.workflow-card,.simple-visit-card) p {color:var(--family-muted);font-size:14px;line-height:1.55}
body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) {background:var(--family-surface)!important;color:var(--family-ink);border:1px solid var(--family-line);border-radius:12px;box-shadow:none;padding:20px}
body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) :is(h1,h2,h3,strong) {color:var(--family-ink)!important;font-size:22px;line-height:1.35}
body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) :is(p,small,.eyebrow) {color:var(--family-muted);font-size:13px;line-height:1.5}
body[data-brand-family] :is(.field-masthead-icon,.field-masthead .icon-button) {color:var(--family-action);background:var(--family-action-soft);border-color:var(--family-line)}
body[data-brand-family] .field-masthead {grid-template-columns:40px minmax(0,1fr) 44px;gap:12px}
body[data-brand-family] .field-masthead-icon {width:40px;height:40px;border-radius:8px}
body[data-brand-family] .field-filter-bar {background:var(--family-surface);border-color:var(--family-line);flex-wrap:wrap;width:fit-content}
body[data-brand-family] .field-filter-bar button {font-size:13px;min-height:44px;padding:0 14px}
body[data-brand-family] .field-filter-bar button.active {color:var(--family-on-action);background:var(--family-action);box-shadow:none}
body[data-brand-family] .field-request-copy :is(h2,h3,strong) {font-size:16px;line-height:1.45}
body[data-brand-family] :is(.field-request-copy p,.field-request-meta span,.field-request-stat span) {font-size:13px;line-height:1.5}
body[data-brand-family] .field-request-stat strong {font-size:26px}
body[data-brand-family] .modal-sheet {background:var(--family-surface);color:var(--family-ink);border-radius:16px}
body[data-brand-family] .modal-header {border-color:var(--family-line);background:var(--family-surface)}
body[data-brand-family] .modal-header :is(h1,h2,h3) {font-size:20px;color:var(--family-ink)}
body[data-brand-family] :is(.sku-availability-copy strong,.baseline-product-list li,.sku-review-step p,.baseline-confirmation p) {font-size:14px;line-height:1.5}
body[data-brand-family] :is(.sku-availability-copy small,.sku-availability-copy b,.baseline-confirmation small,.baseline-audit small) {font-size:12px}
body[data-brand-family] :is(.baseline-confirmation,.sku-expectation,.baseline-audit) {border-radius:12px;box-shadow:none}
body[data-brand-family] #screen-customers .management-summary-launch {background:var(--family-surface)!important;border:1px solid var(--family-line);border-left:3px solid var(--family-action);border-radius:12px;color:var(--family-ink)!important;padding:24px;box-shadow:none;min-height:104px}
body[data-brand-family] #screen-customers .management-summary-launch strong {font-size:23px;color:var(--family-ink)!important}
body[data-brand-family] #screen-customers .management-summary-launch :is(small,.management-summary-eyebrow) {color:var(--family-muted)!important;font-size:13px;line-height:1.5}
body[data-brand-family] #screen-customers .management-summary-launch .management-summary-cta {background:var(--family-action);color:var(--family-on-action);border-radius:8px;padding:12px 16px;font-size:14px;min-height:44px}
body[data-brand-family] #screen-customers .management-summary-cta>span {color:inherit}
body[data-brand-family] #screen-customers :is(.reporting-module-section,.reporting-module-card,.report-module-card,.reporting-module) {background:var(--family-surface);border-color:var(--family-line);border-radius:12px;box-shadow:none}
body[data-brand-family] #screen-customers .reporting-module-section :is(h2,h3,strong) {font-size:17px;color:var(--family-ink)}
body[data-brand-family] #screen-customers .reporting-module-section :is(p,small) {font-size:13px;line-height:1.5;color:var(--family-muted)}
body[data-brand-family] :is(.period-control,.reporting-global-filter,.ps-period,.ms-filters) {background:var(--family-surface);border-color:var(--family-line);border-radius:10px;box-shadow:none}
body[data-brand-family] :is(.date-presets,.ms-segments,.report-tabs) button {min-height:44px;font-size:13px;border-radius:8px}
body[data-brand-family] :is(.ms-row,.ps-row) {color:var(--family-ink)}
body[data-brand-family] :is(.ms-row,.ps-row) small {font-size:12px;color:var(--family-muted)}
body[data-brand-family] .ps-calendar button {min-height:40px}
body[data-brand-family] :is(.field-request-spotlight,.field-unseen-notice) {border-radius:12px;box-shadow:none}
@media(max-width:600px){
 body[data-brand-family] .topbar {gap:10px}
 body[data-brand-family] .topbar .brand-logo-mark {width:80px;min-width:80px;flex-basis:80px;height:44px}
 body[data-brand-family] .topbar-copy strong {font-size:15px}
 body[data-brand-family] .topbar-copy>span {font-size:12px}
 body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) {padding:16px}
 body[data-brand-family] :is(.field-masthead,.control-masthead,.inbox-header,.reporting-hub-head,.report-workspace-head) :is(h1,h2,h3) {font-size:21px}
 body[data-brand-family] #screen-customers .management-summary-launch {padding:18px;gap:16px;flex-wrap:wrap}
 body[data-brand-family] #screen-customers .management-summary-launch strong {font-size:21px}
 body[data-brand-family] .field-request-card {grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
 body[data-brand-family] .field-request-card .field-request-actions {justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){body[data-brand-family] :is(button,input,select,textarea){transition:none}}
