/* V16 app layout. Colors resolve to the scoped Blackhole Chroma foundation. */

/* CRM foundation: local primitives used by the existing markup and renderers.
   Keep these before the V16 component and breakpoint overrides below. */
body.hycrm-page { margin:0; color:var(--ink); font:400 15px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.hycrm-page *, .hycrm-page *::before, .hycrm-page *::after { box-sizing:border-box; }
.hycrm-page [hidden] { display:none!important; }
.hycrm-page :focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
.hycrm-page a { color:var(--cyan); }
.hycrm-page button, .hycrm-page input, .hycrm-page select, .hycrm-page textarea { font:inherit; color:var(--ink); background:var(--raised); border:1px solid var(--line); border-radius:10px; min-height:44px; max-width:100%; padding:10px 12px; }
.hycrm-page button, .hycrm-page .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; text-decoration:none; }
.hycrm-page button:hover { border-color:var(--cyan); }
.hycrm-page button:disabled { opacity:.55; cursor:not-allowed; }
.hycrm-page textarea { resize:vertical; }
.hycrm-page .btn { border:1px solid var(--cyan); border-radius:10px; background:var(--raised); color:var(--cyan); }
.hycrm-page .btn.ghost { border-color:var(--line); color:var(--ink); background:transparent; }
.hycrm-page .btn.sm { padding:6px 10px; font-size:12px; }
.hycrm-page .full { width:100%; }
.hycrm-page .icon-btn { flex-shrink:0; width:44px; height:44px; padding:8px; }
.hycrm-page .wrap { margin-inline:auto; }
.hycrm-page .topbar, .hycrm-page .brand { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hycrm-page .brand { font-size:20px; font-weight:700; }
.hycrm-page .spacer { flex:1; }
.hycrm-page #crm-main { padding-top:20px; }
.hycrm-page .screen { display:none; }
.hycrm-page .screen.active { display:block; }
.hycrm-page .card { margin-bottom:20px; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--surface); min-width:0; }
.hycrm-page h2 { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 16px; font-size:18px; }
.hycrm-page h3 { margin:0 0 12px; }
.hycrm-page .muted, .hycrm-page .sub, .hycrm-page .note, .hycrm-page .meta, .hycrm-page .lbl, .hycrm-page .workspace-label { color:var(--muted); }
.hycrm-page .sub, .hycrm-page .note, .hycrm-page .meta, .hycrm-page .workspace-label { font-size:12px; font-weight:400; }
.hycrm-page .empty { padding:24px; text-align:center; color:var(--muted); }
.hycrm-page .kpis, .hycrm-page .customer-insights { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr)); gap:12px; margin-block:16px; }
.hycrm-page .kpi, .hycrm-page .customer-insight { padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--raised); }
.hycrm-page .kpi .v { font-size:28px; font-weight:700; font-variant-numeric:tabular-nums; }
.hycrm-page .kpi .l { color:var(--muted); font-size:12px; }
.hycrm-page .kpi.warn, .hycrm-page .kpi.miss { color:var(--warning); }
.hycrm-page .kpi.ok { color:var(--success); }
.hycrm-page .kpi.info { color:var(--cyan); }
.hycrm-page .filter-row, .hycrm-page .customer-search-row, .hycrm-page .saved-views, .hycrm-page .customer-filter-chips, .hycrm-page .crm-period-controls, .hycrm-page .task-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.hycrm-page .customer-search { display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
.hycrm-page .customer-search input { width:100%; }
.hycrm-page .fld { display:grid; gap:6px; margin-bottom:14px; }
.hycrm-page .fld input, .hycrm-page .fld select, .hycrm-page .fld textarea { width:100%; }
/* Contain absolutely positioned mobile table headers within their scroller. */
.hycrm-page .scroll-y { position:relative; max-width:100%; overflow:auto; }
.hycrm-page .tbl { width:100%; border-collapse:collapse; font-size:13px; }
.hycrm-page .tbl th, .hycrm-page .tbl td { padding:12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.hycrm-page .tbl th { background:var(--raised); color:var(--muted); }
.hycrm-page .tbl .num { text-align:right; font-variant-numeric:tabular-nums; }
.hycrm-page .clickable { cursor:pointer; }
.hycrm-page .clickable:hover { background:var(--raised); }
.hycrm-page .pill, .hycrm-page .store-chip { display:inline-flex; align-items:center; gap:4px; padding:3px 8px; border:1px solid var(--line); border-radius:20px; font-size:12px; }
.hycrm-page .pill.dim { color:var(--muted); }
.hycrm-page .crm-tabs { display:flex; gap:4px; }
.hycrm-page .crm-tab.active { color:var(--cyan); border-color:var(--cyan); }
.hycrm-page .modal-bg { position:fixed; inset:0; z-index:1400; padding:24px; background:#000a; overflow:auto; }
.hycrm-page .modal-bg.open { display:flex; align-items:center; justify-content:center; }
.hycrm-page .modal { position:relative; width:100%; max-width:860px; max-height:calc(100dvh - 48px); overflow:auto; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--ink); }
.hycrm-page .modal-close { position:absolute; top:10px; right:10px; }
.hycrm-page .modal > h3 { padding-right:40px; }
.hycrm-page .confirm-gate { display:flex; gap:10px; padding:12px; margin-block:12px; background:var(--raised); }
.hycrm-page .tabbar { position:fixed; z-index:1100; justify-content:space-around; gap:8px; padding:10px; background:var(--surface); }
.hycrm-page .tab { flex:1; flex-direction:column; font-size:12px; }
.hycrm-page .toast { display:none; position:fixed; z-index:1500; bottom:100px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 32px); padding:12px 18px; border:1px solid var(--success); border-radius:12px; background:var(--surface); color:var(--ink); }
.hycrm-page .toast.show { display:block; }
.hycrm-page .toast.err { border-color:var(--danger); }
.hycrm-page .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

    .crm-action-sheet{max-width:460px;width:calc(100vw - 32px);padding:18px;position:relative}
    .crm-action-sheet h3{display:flex;align-items:center;gap:8px;margin:0 32px 8px 0}
    .crm-action-sheet p{line-height:1.55}
    .crm-action-sheet-actions{display:flex;gap:8px;margin-top:14px}
    @media (prefers-reduced-motion:reduce){.crm-action-sheet,.crm-action-sheet *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.hycrm-page .store-select {max-width:320px}
.hycrm-page .customer-workspace {display:grid;gap:16px;margin-bottom:20px}
.hycrm-page .customer-load-more {display:flex;justify-content:center;gap:12px;padding-top:20px}
.hycrm-page .customer-record .name {font-weight:650;color:var(--ink)}
.hycrm-page .customer-record .email {font-size:13px;color:var(--muted)}
.hycrm-page .customer-record .num {text-align:right;font-variant-numeric:tabular-nums}
.hycrm-page .saved-view.active {border-color:var(--cyan);color:var(--cyan)}
.hycrm-page .crm-tabs {overflow:auto;flex-wrap:nowrap}
.hycrm-page .crm-tab {white-space:nowrap}
.hycrm-page .modal-section {padding-block:20px;border-bottom:1px solid var(--line)}
.hycrm-page .recommendation,.hycrm-page .confirm-gate {border-left:3px solid var(--violet)}
@media(max-width:640px){.hycrm-page .store-select{max-width:100%;width:100%}.hycrm-page .customer-search-row>:not(.sr-only){width:100%}}
.hycrm-page {--crm-ink:var(--ink);--crm-ink-dim:var(--muted);--issue-color:var(--danger);--missing-color:var(--warning);--retail-color:var(--cyan);--wholesale-color:var(--violet)}

/* Blackhole Chroma V16 is scoped here so this page owns both supported modes. */
.hycrm-page {
  --bg:#000204;--surface:#050913;--raised:#0b1324;--ink:#f7faff;--muted:#a9bad2;
  --line:#3e5575;--cyan:#35eaff;--violet:#b36aff;--pink:#ff62cf;
  --danger:#ff87a1;--warning:#ffd27a;--success:#65e6b4;
  min-width:0;
  color-scheme:dark;
  background:
    radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 34rem),
    radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 32rem),
    var(--bg);
}
.hycrm-page select{color-scheme:inherit}.hycrm-page select option,.hycrm-page select optgroup{background:var(--surface);color:var(--ink)}
.hycrm-page input::placeholder,.hycrm-page textarea::placeholder{color:var(--muted);opacity:1}
html[data-mode="light"] body.hycrm-page,
html[data-theme="light"] body.hycrm-page,
body.hycrm-page[data-theme="light"] {
  --bg:#edf3fb;--surface:#ffffff;--raised:#e6eef9;--ink:#12233d;--muted:#445b78;
  --line:#7187a4;--cyan:#005f78;--violet:#7135b2;--pink:#a51f79;
  --danger:#a6193c;--warning:#765300;--success:#087655;
  color-scheme:light;
}
.hycrm-page .wrap{max-width:1440px;padding:0 clamp(16px,3vw,44px) 40px;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(18px,2.5vw,36px)}
.hycrm-page .topbar{grid-column:2;position:sticky;top:0;z-index:100;padding-block:14px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}
.hycrm-page #crm-main{grid-column:2;min-width:0}
.hycrm-page .crm-sidebar{grid-column:1;grid-row:1/3;position:sticky;top:18px;align-self:start;display:flex;flex-direction:column;gap:20px;min-width:0;max-height:calc(100dvh - 36px);padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 20px 52px color-mix(in srgb,var(--bg) 70%,transparent)}
.hycrm-page .crm-sidebar-heading{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hycrm-page .crm-sidebar-heading span{display:grid;min-width:0}.hycrm-page .crm-sidebar-heading strong{font-size:18px}.hycrm-page .crm-sidebar-heading small{color:var(--muted);font-size:11px}
.hycrm-page .crm-sidebar-nav{display:grid;gap:8px}.hycrm-page .crm-nav-button{justify-content:flex-start;width:100%;border-color:transparent;background:transparent;text-align:left}
.hycrm-page .crm-nav-button.active{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 55%,var(--line));background:color-mix(in srgb,var(--cyan) 10%,var(--surface))}
.hycrm-page .crm-sidebar-note{display:flex;gap:9px;margin-top:auto;padding:12px;border:1px solid color-mix(in srgb,var(--violet) 58%,var(--line));border-radius:12px;color:var(--muted);font-size:11px;line-height:1.45}
.hycrm-page .crm-sidebar-note iconify-icon{flex:0 0 auto;color:var(--violet)}
.hycrm-page .crm-nav-toggle{display:none}.hycrm-page .crm-nav-scrim{display:none}
.hycrm-page .crm-skip-link{position:fixed;z-index:1300;left:16px;top:8px;transform:translateY(-180%);padding:10px 14px;border:1px solid var(--cyan);border-radius:10px;background:var(--surface);color:var(--ink)}
.hycrm-page .crm-skip-link:focus{transform:translateY(0)}
.hycrm-page .brand-mark{display:block;border-radius:10px;box-shadow:0 0 24px color-mix(in srgb,var(--cyan) 28%,transparent)}
.hycrm-page .crm-account{position:relative;flex:0 0 auto}.hycrm-page .crm-account-trigger{display:flex;align-items:center;gap:9px;min-height:44px;max-width:230px;padding:5px 9px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);text-align:left}
.hycrm-page .crm-account-avatar{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid var(--cyan);border-radius:10px;background:color-mix(in srgb,var(--cyan) 11%,var(--surface));color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.04em}
.hycrm-page .crm-account-copy{display:grid;min-width:0}.hycrm-page .crm-account-copy strong,.hycrm-page .crm-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hycrm-page .crm-account-copy strong{font-size:12px}.hycrm-page .crm-account-copy small{color:var(--muted);font-size:10px;text-transform:capitalize}
.hycrm-page .crm-account-menu{position:absolute;z-index:1250;top:calc(100% + 9px);right:0;width:min(310px,calc(100vw - 28px));padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 24px 72px color-mix(in srgb,var(--bg) 76%,transparent)}
.hycrm-page .crm-account-menu[hidden]{display:none}.hycrm-page .crm-account-summary{display:grid;gap:3px;padding:10px 11px 13px;border-bottom:1px solid var(--line);margin-bottom:6px}.hycrm-page .crm-account-summary span{overflow-wrap:anywhere;color:var(--muted);font-size:11px}
.hycrm-page .crm-account-menu button,.hycrm-page .crm-account-menu a{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:48px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;text-decoration:none}.hycrm-page .crm-account-menu button:hover,.hycrm-page .crm-account-menu a:hover,.hycrm-page .crm-account-menu button:focus-visible,.hycrm-page .crm-account-menu a:focus-visible{background:var(--raised)}
.hycrm-page .crm-account-menu iconify-icon{flex:0 0 auto;margin-top:2px;color:var(--cyan)}.hycrm-page .crm-account-menu span{display:grid;font-size:12px;font-weight:650}.hycrm-page .crm-account-menu small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:450}
.hycrm-page .card{border-color:color-mix(in srgb,var(--line) 84%,var(--cyan));box-shadow:0 20px 52px color-mix(in srgb,var(--bg) 70%,transparent)}
.hycrm-page .order-filter-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--raised)}
.hycrm-page .order-filter-card input{flex:2 1 260px}.hycrm-page .order-filter-card select{flex:1 1 170px}
.hycrm-page .order-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.hycrm-page .filter-stat{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.hycrm-page .filter-stat iconify-icon{color:var(--cyan);flex:0 0 auto}.hycrm-page .filter-stat span{display:grid;color:var(--muted);font-size:12px}.hycrm-page .filter-stat strong{color:var(--ink);font-size:18px;line-height:1.15}
.hycrm-page .access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:8px 18px}
.hycrm-page .access-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--raised)}
.hycrm-page .access-card h4{display:flex;align-items:center;gap:8px;margin:0 0 12px}.hycrm-page .access-card p{margin:12px 0 0}
.hycrm-page .pill.ok{color:var(--success);border-color:var(--success)}
.hycrm-page .pill.warn,.hycrm-page .pill.miss{color:var(--warning);border-color:var(--warning)}
.hycrm-page .pill.proc,.hycrm-page .pill.retail{color:var(--cyan);border-color:var(--cyan)}
.hycrm-page .pill.wholesale{color:var(--violet);border-color:var(--violet)}
.hycrm-page .btn.danger{color:var(--danger);border-color:var(--danger)}.hycrm-page .btn.warn{color:var(--warning);border-color:var(--warning)}
.hycrm-page .tbl th{position:sticky;top:0;z-index:1}.hycrm-page .tbl td{min-width:112px}.hycrm-page .tbl td:first-child{min-width:150px}
.hycrm-page .tabbar{max-width:720px;left:50%;right:auto;width:calc(100% - 32px);transform:translateX(-50%);bottom:12px;border:1px solid var(--line);border-radius:18px}
.hycrm-page .tabbar .tab.active{color:var(--cyan);border-color:var(--cyan)}
.hycrm-page .tabbar{display:none}
.hycrm-page .customer-selection-bar{position:sticky;top:76px;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--cyan) 64%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--bg) 72%,transparent)}
.hycrm-page .selection-cell{width:52px;min-width:52px!important;text-align:center}.hycrm-page .selection-cell input{width:22px;height:22px;min-width:22px;min-height:22px;padding:0;accent-color:var(--cyan)}
.hycrm-page .approval-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;margin:0 38px 18px 0;padding:16px;border:1px solid var(--violet);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--violet) 12%,var(--surface)),color-mix(in srgb,var(--pink) 5%,var(--surface)))}
.hycrm-page .approval-card h3{margin:2px 0 6px}.hycrm-page .approval-card p{margin:0}.hycrm-page .approval-card-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--violet);border-radius:12px;color:var(--violet)}
.hycrm-page .approval-kicker{color:var(--pink);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.hycrm-page .approval-actions{display:flex;gap:10px;margin-top:16px}.hycrm-page .diff-table-wrap{max-width:100%;overflow:auto;margin-block:14px;border:1px solid var(--line);border-radius:12px}
.hycrm-page .diff-table{min-width:520px}.hycrm-page .diff-table caption{padding:12px;text-align:left;color:var(--muted);font-size:12px;font-weight:650}.hycrm-page .diff-table th:first-child{color:var(--ink)}
.hycrm-page .crm-action-sheet.approval-mode{border-color:var(--violet);box-shadow:0 24px 70px color-mix(in srgb,var(--violet) 18%,transparent)}

.hycrm-auth{min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,4vw,48px)}
.hycrm-auth .auth-shell{width:min(100%,980px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 32px 90px #0008}
.hycrm-auth .auth-brand,.hycrm-auth .auth-card{padding:clamp(28px,5vw,64px)}
.hycrm-auth .auth-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--violet) 17%,var(--surface)),color-mix(in srgb,var(--cyan) 8%,var(--surface)))}
.hycrm-auth .auth-brand h1{margin:12px 0 6px;font-size:clamp(38px,7vw,64px);line-height:1}.hycrm-auth .auth-brand p{max-width:34ch;color:var(--muted)}
.hycrm-auth .auth-kicker{color:var(--cyan);font-size:12px;font-weight:750;letter-spacing:.14em}.hycrm-auth .auth-card h2{font-size:30px;margin:8px 0}.hycrm-auth #auth-mount{margin-top:24px}

@media(max-width:800px){.hycrm-page .order-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.hycrm-page .access-grid{grid-template-columns:1fr}.hycrm-auth .auth-shell{grid-template-columns:1fr}.hycrm-auth .auth-brand{padding-bottom:24px}.hycrm-auth .auth-brand p{margin-bottom:0}}
@media(max-width:1024px){
  .hycrm-page .wrap{grid-template-columns:minmax(0,1fr);display:block;padding-bottom:110px}
  .hycrm-page .topbar,.hycrm-page #crm-main{grid-column:1}
  .hycrm-page .crm-nav-toggle{display:inline-flex}
  .hycrm-page .crm-sidebar{position:fixed;inset:0 auto 0 0;z-index:1200;width:min(320px,calc(100vw - 44px));max-height:none;border-radius:0 18px 18px 0;visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:transform .18s ease,visibility 0s linear .18s;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
  .hycrm-page .crm-sidebar.open{visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}
  .hycrm-page .crm-nav-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:1150;width:100%;height:100%;padding:0;border:0;border-radius:0;background:color-mix(in srgb,var(--bg) 72%,transparent)}
  .hycrm-page.crm-nav-open{overflow:hidden}
  .hycrm-page .tabbar{display:flex}
}
@media(max-width:640px){
  .hycrm-page .wrap{padding:12px max(14px,env(safe-area-inset-right)) 104px max(14px,env(safe-area-inset-left))}
  .hycrm-page .topbar{align-items:center}.hycrm-page .brand{width:auto;flex:1}.hycrm-page .brand-label,.hycrm-page .access-scope,.hycrm-page .crm-account-copy,.hycrm-page .crm-account-trigger>iconify-icon{display:none}.hycrm-page .crm-account-trigger{width:44px;padding:5px;justify-content:center}.hycrm-page .store-select{order:3;width:100%}.hycrm-page .spacer{display:none}
  .hycrm-page .card{padding:16px;border-radius:14px}.hycrm-page .order-insights{grid-template-columns:1fr 1fr;gap:8px}.hycrm-page .filter-stat{padding:11px}
  .hycrm-page .customer-insights{grid-template-columns:1fr 1fr}.hycrm-page .tabbar{bottom:max(8px,env(safe-area-inset-bottom));padding:8px}
  .hycrm-page .modal-bg{padding:10px}.hycrm-page .modal{padding:18px;max-height:calc(100dvh - 20px)}
  .hycrm-page .customer-selection-bar{top:132px}.hycrm-page .approval-actions{flex-direction:column}.hycrm-page .approval-card{grid-template-columns:1fr;margin-right:30px}
  .hycrm-page .responsive-records{display:block;min-width:0}.hycrm-page .responsive-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hycrm-page .responsive-records tbody,.hycrm-page .responsive-records tr{display:block}.hycrm-page .responsive-records tr{margin:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
  .hycrm-page .responsive-records td,.hycrm-page .responsive-records tbody th{display:grid;grid-template-columns:minmax(6.5rem,38%) minmax(0,1fr);align-items:start;gap:12px;min-width:0!important;padding:11px 12px;text-align:left!important;overflow-wrap:anywhere;white-space:normal!important}
  .hycrm-page .responsive-records td::before,.hycrm-page .responsive-records tbody th::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:750;line-height:1.45;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:normal;word-break:normal}
  .hycrm-page .responsive-records .selection-cell{width:auto}.hycrm-page .responsive-records .responsive-table-message{display:block}.hycrm-page .responsive-records .responsive-table-message::before{content:none}
  .hycrm-page .responsive-records .pill,.hycrm-page .responsive-records .store-chip{max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal}.hycrm-page .responsive-records .btn{justify-self:start}
  .hycrm-page .diff-table{min-width:0}
  .hycrm-auth{padding:12px}.hycrm-auth .auth-shell{border-radius:18px}.hycrm-auth .auth-brand,.hycrm-auth .auth-card{padding:24px}
}
@media(forced-colors:active){.hycrm-page .card,.hycrm-page .filter-stat,.hycrm-page .access-card{border:1px solid CanvasText}}

/* Modal closure must win legacy generated visibility declarations. */
body.hycrm-page .modal-bg:not(.open){display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Table scroll stays within its responsive card instead of widening the viewport. */
.hycrm-page #screen-customers,.hycrm-page #screen-customers .card{min-width:0;max-width:100%}
.hycrm-page #screen-customers .scroll-y{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}