/* BO shared Charcoal + Amber shell — v1.0.0
   Migrated from the retired Deep Navy Cyan look to the locked Charcoal + Amber system.
   Reference implementation: Admin Detail (main-admin-detail.html).

   Scope: body.report-body.bo-charcoal — a marker class added page by page.
   Nothing is repainted until a page carries the marker, so the blast radius of this
   file is exactly the set of pages that opted in.

   Source: a mechanical rescope of assets/css/main-merchant-detail-executive.css
   (itself a rescope of the verified amber block in main-admin-detail-executive.css).
   The transform is 1:1 and weight-preserving — one class-level replaces one attribute-level:

     main-admin-detail-page[data-access-page="main_merchant_detail"]  ->  report-body.bo-charcoal
     main-admin-create-page[data-access-page="main_merchant_detail"]  ->  main-admin-create-page.bo-charcoal
     main-merchant-profit-page.report-body[data-access-page="..."]    ->  main-merchant-profit-page.report-body.bo-charcoal

   Every form keeps the specificity of its source, so the verified amber rules transfer
   unchanged and still win over the legacy Deep Navy Cyan blocks by source order — this file
   must load AFTER every legacy stylesheet on the page.

   A rescope that can be diffed 1:1 against its source is worth more than a pruned one, so
   sections for pages that do not use this file yet are left in place. They are inert: their
   selectors cannot match a page that lacks the classes.

   One consequence of the mechanical transform: where the source carried BOTH `.report-body`
   and the attribute — `body.report-body.standardized-listing-page[data-access-page="…"]` (10
   rules) — the result repeats the class, `body.report-body.standardized-listing-page.report-body.bo-charcoal`.
   That repetition is load-bearing: it is what carries the source rule's fourth class-level.
   Do not "tidy" it away without re-measuring those ten rules against the legacy CSS.

   Contents: shell chrome (canvas continuum, sidebar, topbar, tabs, filter bar, table, footer,
   pager, buttons, modals, tips), the front-end form layer ladder, and the merchant / security /
   report / profit deltas carried by the source.
   ========================================================================== */
body.report-body.bo-charcoal{
  /* Light cream locked: surface #FFF8EB · no pure white chrome */
  --bo-navy:#18191C;
  --bo-cyan:#D97706;
  --bo-cyan-deep:#B45309;
  --bo-secondary:#2563EB;
  --bo-tertiary:#F59E0B;
  --bo-success:#12B76A;
  --bo-danger:#991B1B;
  --bo-bg:#FFF1DC;
  --bo-surface:#FFF8EB;
  --bo-border:#EADCC8;
  --bo-text:#18191C;
  --bo-text-secondary:#27272A;
  --bo-muted:#71717A;
  --bo-sidebar-bg:#FFE8CC;
  --bo-sidebar-text:#6b360c;
  --bo-sidebar-active:#D97706;
  --bo-sidebar-active-bg:#FFE8CC;
  --bo-sidebar-active-bg-strong:rgba(217,119,6,.16);
  --bo-cyan-tint:rgba(217,119,6,.12);
  --bo-cyan-tint-strong:rgba(217,119,6,.20);
  --bo-control-well:#F5EBDC;
  --bo-control-well-hover:#F0E4D0;
  --bo-control-border:#EADCC8;
  --bo-placeholder:#78716C;
  --bo-navy-hover:#27272A;
  --bo-ui-blue:#D97706;
  --bo-ui-blue-hover:#B45309;
  --bo-shadow:0 0 0 1px rgba(24,25,28,.04),0 1px 2px -1px rgba(24,25,28,.06),0 2px 8px rgba(24,25,28,.04);
  --bo-accent-on:#FFFFFF;
}html:has(body.report-body.bo-charcoal){
  background:#FFF1DC;
}/* Light canvas — orange → cream (locked; no near-white fade) */
html:not([data-bo-theme="dark"]):has(body.report-body.bo-charcoal){
  background-color:#FFF6E8;
  background-image:linear-gradient(90deg,
    #FFE8CC 0,
    #FFF1DC calc(var(--sidebar-w,280px) * .72),
    #FFF3E0 var(--sidebar-w,280px),
    #FFF6E8 calc(var(--sidebar-w,280px) + 64px),
    #FFF8EB calc(var(--sidebar-w,280px) + 140px),
    #FFF8EB 100%
  );
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size:100% 100%;
  min-height:100%;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal{
  background:transparent!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-shell{
  background:transparent!important;
  position:relative;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-main,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-content{
  background:transparent!important;
  position:relative;
  z-index:1;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-topbar{
  background:#FFF8EB!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal{
  /* Dark mode: soft charcoal (not dead black) · Primary #F59E0B */
  --bo-navy:#F5F5F4;
  --bo-cyan:#F59E0B;
  --bo-cyan-deep:#D97706;
  --bo-secondary:#D97706;
  --bo-tertiary:#10B981;
  --bo-success:#10B981;
  --bo-danger:#F87171;
  --bo-bg:#2C2E38;
  --bo-surface:#383A46;
  --bo-border:rgba(255,255,255,.10);
  --bo-text:#F5F5F4;
  --bo-text-secondary:#E7E5E4;
  --bo-muted:#A1A1AA;
  --bo-sidebar-bg:#2A2C36;
  --bo-sidebar-text:#FFFFFF;
  --bo-sidebar-active:#F59E0B;
  --bo-sidebar-active-bg:rgba(245,158,11,.14);
  --bo-sidebar-active-bg-strong:rgba(245,158,11,.22);
  --bo-cyan-tint:rgba(245,158,11,.16);
  --bo-cyan-tint-strong:rgba(245,158,11,.26);
  --bo-control-well:rgba(255,255,255,.06);
  --bo-control-well-hover:rgba(255,255,255,.10);
  --bo-control-border:rgba(255,255,255,.12);
  --bo-placeholder:#71717A;
  --bo-navy-hover:var(--bo-cyan-deep);
  --bo-ui-blue:#F59E0B;
  --bo-ui-blue-hover:#D97706;
  --bo-shadow:0 0 0 1px rgba(255,255,255,.04);
  --bo-accent-on:#2A2C36;
  color-scheme:dark;
}/* Dark canvas — Warm Charcoal Continuum (sidebar → page)
   Low-chroma warm charcoal into cool charcoal; short seam (~96px).
   Panels stay solid surface so data never sits in the wash. */
html[data-bo-theme="dark"]:has(body.report-body.bo-charcoal){
  background-color:#2C2E38;
  background-image:linear-gradient(90deg,
    #3A3226 0,
    #342E28 calc(var(--sidebar-w,280px) * .72),
    #2F2E32 var(--sidebar-w,280px),
    #2D2E36 calc(var(--sidebar-w,280px) + 48px),
    #2C2E38 calc(var(--sidebar-w,280px) + 96px),
    #2C2E38 100%
  );
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size:100% 100%;
  min-height:100%;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal{
  background:transparent!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-shell{
  background:transparent!important;
  position:relative;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-shell::before{
  content:none!important;
  display:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-main,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-content{
  background:transparent!important;
  position:relative;
  z-index:1;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-topbar{
  background:#383A46!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom-color:rgba(255,255,255,.08)!important;
}/* Modals above sidebar / flyouts (sidebar 1040–9100, flyout 12050) */
body.report-body.bo-charcoal .modal-clean,
body.report-body.bo-charcoal .mad-modal{
  z-index:30000!important;
}body.report-body.bo-charcoal:has(.modal-clean.show) .report-sidebar,
body.report-body.bo-charcoal:has(.mad-modal.show) .report-sidebar{
  z-index:1000!important;
}/* Top tabs — orange underline only; text stays neutral */
body.report-body.bo-charcoal .mad-tab:hover:not(.is-disabled){
  color:var(--bo-text,#18191C)!important;
  background:transparent!important;
}body.report-body.bo-charcoal .mad-tab.is-active,
body.report-body.bo-charcoal .mad-tab[aria-current="page"]{
  background:transparent!important;
  color:var(--bo-text,#18191C)!important;
  font-weight:800;
  border-bottom:2px solid var(--bo-sidebar-active,#F59E0B)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-tab:hover:not(.is-disabled){
  color:var(--bo-text,#F4F4F5)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-tab.is-active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-tab[aria-current="page"]{
  color:var(--bo-text,#F4F4F5)!important;
  border-bottom-color:var(--bo-sidebar-active,#F59E0B)!important;
}/* Primary CTA — bright orange gradient + soft lift shadow */
body.report-body.bo-charcoal .mad-btn-primary,
body.report-body.bo-charcoal .mad-btn-primary.bo-ui-button,
body.report-body.bo-charcoal .mad-btn-primary.bo-ui-button-primary,
body.report-body.bo-charcoal .mad-btn-navy,
body.report-body.bo-charcoal .mad-btn-navy.bo-ui-button,
body.report-body.bo-charcoal .mad-btn-navy.bo-ui-button-primary,
body.report-body.bo-charcoal .bo-ui-button-primary,
body.report-body.bo-charcoal .btn-primary,
body.report-body.bo-charcoal button.btn-primary,
body.report-body.bo-charcoal .mad-modal .mad-btn-primary,
body.report-body.bo-charcoal .mad-modal .mad-btn-navy,
body.report-body.bo-charcoal .mad-modal .bo-ui-button-primary,
body.report-body.bo-charcoal a#madAddBtn{
  background-color:#F59E0B!important;
  background-image:linear-gradient(180deg,#FBBF24 0%,#F59E0B 42%,#EA8608 100%)!important;
  border:1px solid #E8901A!important;
  color:#fff!important;
  box-shadow:0 1px 2px rgba(217,119,6,.18),0 4px 10px rgba(217,119,6,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;
  transform:translateY(0);
  transition:transform .14s ease,box-shadow .14s ease,background-image .14s ease,filter .14s ease!important;
  filter:none;
}body.report-body.bo-charcoal .mad-btn-primary:hover,
body.report-body.bo-charcoal .mad-btn-primary.bo-ui-button-primary:hover,
body.report-body.bo-charcoal .mad-btn-navy:hover,
body.report-body.bo-charcoal .bo-ui-button-primary:hover,
body.report-body.bo-charcoal .btn-primary:hover,
body.report-body.bo-charcoal button.btn-primary:hover,
body.report-body.bo-charcoal a#madAddBtn:hover{
  background-color:#F59E0B!important;
  background-image:linear-gradient(0deg,#FCD34D 0%,#FBBF24 38%,#F59E0B 72%,#EA8608 100%)!important;
  border-color:#F59E0B!important;
  color:#fff!important;
  box-shadow:0 2px 4px rgba(217,119,6,.20),0 6px 14px rgba(217,119,6,.26),inset 0 1px 0 rgba(255,255,255,.4)!important;
  filter:none;
  transform:translateY(-1px);
}body.report-body.bo-charcoal .mad-btn-primary:active,
body.report-body.bo-charcoal .mad-btn-primary.bo-ui-button-primary:active,
body.report-body.bo-charcoal .mad-btn-navy:active,
body.report-body.bo-charcoal .bo-ui-button-primary:active,
body.report-body.bo-charcoal .btn-primary:active,
body.report-body.bo-charcoal button.btn-primary:active{
  transform:translateY(1px)!important;
  background:linear-gradient(180deg,#F59E0B 0%,#EA8608 100%)!important;
  box-shadow:0 1px 2px rgba(217,119,6,.16),inset 0 1px 0 rgba(255,255,255,.2)!important;
  filter:none;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-primary,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-primary.bo-ui-button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-primary.bo-ui-button-primary,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-navy,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-navy.bo-ui-button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-ui-button-primary,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal .mad-btn-primary,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal .mad-btn-navy,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal .bo-ui-button-primary,
html[data-bo-theme="dark"] body.report-body.bo-charcoal a#madAddBtn{
  background-color:#F59E0B!important;
  background-image:linear-gradient(180deg,#FBBF24 0%,#F59E0B 45%,#D97706 100%)!important;
  border:1px solid #F59E0B!important;
  color:#2A2C36!important;
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 4px 12px rgba(245,158,11,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-primary:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-navy:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-ui-button-primary:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal a#madAddBtn:hover{
  background-color:#F59E0B!important;
  background-image:linear-gradient(0deg,#FDE68A 0%,#FBBF24 40%,#F59E0B 100%)!important;
  border-color:#FBBF24!important;
  color:#2A2C36!important;
  box-shadow:0 2px 4px rgba(0,0,0,.35),0 8px 18px rgba(245,158,11,.34),inset 0 1px 0 rgba(255,255,255,.4)!important;
  transform:translateY(-1px)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-primary:active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-navy:active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-ui-button-primary:active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal a#madAddBtn:active{
  transform:translateY(1px)!important;
  background-image:linear-gradient(180deg,#F59E0B 0%,#D97706 100%)!important;
  color:#2A2C36!important;
  box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.18)!important;
}/* Active pager — light: orange gradient lift; dark: bright orange glow */
body.report-body.bo-charcoal .mad-pager .smart-page.active,
body.report-body.bo-charcoal .mad-pager button.active{
  background-color:#F59E0B!important;
  background-image:linear-gradient(180deg,#FBBF24 0%,#F59E0B 48%,#D97706 100%)!important;
  border:1px solid #D97706!important;
  color:#fff!important;
  box-shadow:0 1px 2px rgba(217,119,6,.25),0 3px 8px rgba(217,119,6,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager .smart-page,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager button{
  background:#383A46!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#A1A1AA!important;
  box-shadow:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager .smart-page:hover:not(:disabled):not(.active),
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager button:hover:not(:disabled):not(.active){
  background:#444654!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#E7E5E4!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager .smart-page:disabled,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager button:disabled{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.06)!important;
  color:#52525B!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager .smart-page.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager .smart-page.active.bo-ui-button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pager .smart-page.active.bo-ui-button-primary{
  background-color:#F59E0B!important;
  background-image:linear-gradient(180deg,#FBBF24 0%,#F59E0B 48%,#D97706 100%)!important;
  border:1px solid #F59E0B!important;
  color:#2A2C36!important;
  box-shadow:0 0 0 1px rgba(245,158,11,.25),0 2px 8px rgba(245,158,11,.45),0 6px 18px rgba(245,158,11,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}body.report-body.bo-charcoal .mad-btn:hover:not(.mad-btn-primary):not(.mad-btn-navy):not(.mad-btn-ghost):not(.bo-ui-button-primary):not(.btn-primary):not(#madExportBtn),
body.report-body.bo-charcoal .mad-btn.bo-ui-button:hover:not(.mad-btn-primary):not(.mad-btn-ghost):not(.bo-ui-button-primary),
body.report-body.bo-charcoal .mad-btn.bo-ui-button-secondary:hover:not(.mad-btn-ghost){
  border-color:rgba(217,119,6,.45)!important;
  color:var(--bo-text)!important;
  background:var(--bo-cyan-tint)!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none;
}/* Primary CTA hover must win over generic .mad-btn:hover — reverse gradient to 0deg */
body.report-body.bo-charcoal a.mad-btn-primary:hover,
body.report-body.bo-charcoal a#madAddBtn:hover,
body.report-body.bo-charcoal .mad-btn-primary:hover,
body.report-body.bo-charcoal .mad-btn-primary.bo-ui-button-primary:hover,
body.report-body.bo-charcoal .mad-btn-navy:hover,
body.report-body.bo-charcoal .bo-ui-button-primary:hover,
body.report-body.bo-charcoal .btn-primary:hover,
body.report-body.bo-charcoal button.btn-primary:hover{
  background-color:#F59E0B!important;
  background-image:linear-gradient(0deg,#FCD34D 0%,#FBBF24 38%,#F59E0B 72%,#EA8608 100%)!important;
  border-color:#F59E0B!important;
  color:#fff!important;
  box-shadow:0 2px 4px rgba(217,119,6,.22),0 8px 18px rgba(217,119,6,.28),inset 0 1px 0 rgba(255,255,255,.45)!important;
  filter:none!important;
  transform:translateY(-1px)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal a.mad-btn-primary:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal a#madAddBtn:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-primary:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-navy:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-ui-button-primary:hover{
  background-color:#F59E0B!important;
  background-image:linear-gradient(0deg,#FDE68A 0%,#FBBF24 40%,#F59E0B 100%)!important;
  border-color:#FBBF24!important;
  color:#2A2C36!important;
  box-shadow:0 2px 4px rgba(0,0,0,.3),0 8px 18px rgba(245,158,11,.34),inset 0 1px 0 rgba(255,255,255,.45)!important;
  transform:translateY(-1px)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill:hover:not(.is-active) .mad-pill-count{
  background:transparent!important;
  color:inherit!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-row-check-box{
  background:#111111;border-color:#3F3F46;
}/* Export / ghost — light: cream lift; dark: gray→black gradient */
body.report-body.bo-charcoal .mad-btn-ghost,
body.report-body.bo-charcoal #madExportBtn,
body.report-body.bo-charcoal .mad-chrome-actions .mad-btn-ghost{
  border-radius:8px!important;
  background-color:#F3E8D6!important;
  background-image:linear-gradient(180deg,#FFF8EB 0%,#F3E8D6 100%)!important;
  border:1px solid #EADCC8!important;
  color:#18191C!important;
  box-shadow:0 1px 2px rgba(24,25,28,.06),0 2px 6px rgba(24,25,28,.05)!important;
  transition:transform .14s ease,box-shadow .14s ease,background-image .14s ease,border-color .14s ease!important;
}body.report-body.bo-charcoal .mad-btn-ghost:hover,
body.report-body.bo-charcoal #madExportBtn:hover,
body.report-body.bo-charcoal .mad-chrome-actions .mad-btn-ghost:hover{
  background-color:#F3E8D6!important;
  background-image:linear-gradient(0deg,#FFF8EB 0%,#F3E8D6 100%)!important;
  border-color:#E0D0B8!important;
  color:#18191C!important;
  box-shadow:0 2px 4px rgba(24,25,28,.08),0 4px 10px rgba(24,25,28,.07)!important;
  transform:translateY(-1px)!important;
}body.report-body.bo-charcoal .mad-btn-ghost:active,
body.report-body.bo-charcoal #madExportBtn:active{
  transform:translateY(1px)!important;
  background-image:linear-gradient(180deg,#FFF1DC 0%,#EADCC8 100%)!important;
  box-shadow:0 1px 2px rgba(24,25,28,.06)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-ghost,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madExportBtn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-chrome-actions .mad-btn-ghost,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn.mad-btn-ghost{
  background-color:#383A46!important;
  background-image:linear-gradient(180deg,#4A4C58 0%,#383A46 48%,#2C2E38 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
  box-shadow:0 1px 2px rgba(0,0,0,.22),0 4px 10px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.18)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-ghost:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madExportBtn:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-chrome-actions .mad-btn-ghost:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn.mad-btn-ghost:hover{
  background-color:#383A46!important;
  background-image:linear-gradient(0deg,#4A4C58 0%,#383A46 48%,#2C2E38 100%)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#FFFFFF!important;
  box-shadow:0 2px 4px rgba(0,0,0,.22),0 6px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
  transform:translateY(-1px)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn-ghost:active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madExportBtn:active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-btn.mad-btn-ghost:active{
  transform:translateY(1px)!important;
  background-image:linear-gradient(180deg,#383A46 0%,#2C2E38 100%)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08),inset 0 2px 4px rgba(0,0,0,.18)!important;
}/* ------------------------------------------------------------------
   Sidebar — crypto terminal (Admin Detail amber trial only)
   Light/Dark: canvas continuum (sidebar → page); panels stay solid.
   NOTE: do NOT put backdrop-filter / isolation on .report-sidebar itself —
   that creates a containing block and clips the desktop L2 flyout (position:fixed).
   ------------------------------------------------------------------ */
/* LIGHT MODE — opaque orange cream (matches continuum left; covers content when expanded) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar{
  background:#FFE8CC!important;
  border-right:1px solid rgba(92,74,48,.14)!important;
  box-shadow:none!important;
  color:#6b360c!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:auto;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal.sidebar-mini .report-sidebar:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal.sidebar-mini .report-sidebar.is-mini-hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar.show{
  background:#FFE8CC!important;
  box-shadow:18px 0 40px rgba(60,48,32,.14)!important;
}/* Amber edge rail — defines the continuum join */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar::before{
  content:"";
  position:absolute;
  top:12%;bottom:12%;right:0;
  width:2px;
  border-radius:999px 0 0 999px;
  pointer-events:none;z-index:0;
  background:linear-gradient(180deg, transparent 0%, #F59E0B 26%, #D97706 58%, transparent 100%);
  opacity:.75;
  box-shadow:none;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar::after{
  content:none!important;
  display:none!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar > *{
  position:relative;z-index:1;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-brand{
  border-bottom:1px solid rgba(92,74,48,.1)!important;
  background:transparent!important;
  color:#6b360c!important;
  letter-spacing:-.03em!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-brand small{
  color:#6b360c!important;
  letter-spacing:.14em!important;
  font-weight:700!important;
  font-size:10px!important;
  text-shadow:none;
  opacity:.78;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .close-side{
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(92,74,48,.12)!important;
  color:#6b360c!important;
}/* Nav sits on the same frosted slab — no nested glass chip */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav{
  position:relative!important;
  padding:12px 10px 10px!important;
  gap:3px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav::before,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav::after{
  content:none!important;
  display:none!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-sidebar-account-footer{
  background:transparent!important;
  border-top:1px solid rgba(92,74,48,.1)!important;
  box-shadow:none!important;
  margin:0!important;
  padding:10px 10px 12px!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-sidebar-logout{
  border-radius:10px!important;
  color:#B42318!important;
  background:rgba(255,255,255,.45)!important;
  border:1px solid rgba(180,35,24,.12)!important;
  transition:background .16s ease,box-shadow .16s ease,color .16s ease!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-sidebar-logout i{
  color:#D92D20!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-sidebar-logout:hover{
  background:rgba(254,243,242,.95)!important;
  color:#912018!important;
  box-shadow:0 4px 12px rgba(180,35,24,.08)!important;
}/* Light nav items */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub),
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:focus-visible,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover > .nav-group-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn{
  border-radius:10px!important;
  color:#6b360c!important;
  background:transparent!important;
  box-shadow:none!important;
  font-weight:800!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub) i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn .bi-chevron-down{
  color:#6b360c!important;
  opacity:.72;
  filter:none;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):focus-visible,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover > .nav-group-btn{
  background:rgba(255,243,224,.78)!important;
  color:#6b360c!important;
  box-shadow:0 1px 2px rgba(60,48,32,.05)!important;
  border-radius:10px!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:hover i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover > .nav-group-btn i{
  color:#6b360c!important;
  opacity:1;
}/* Light L1 active — amber signal chip with soft lift */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub).active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover:has(.report-sub.active) > .nav-group-btn{
  position:relative!important;
  background:
    linear-gradient(135deg, #FFF8EF 0%, #FFE8CC 48%, #FFF3E0 100%)!important;
  color:#6b360c!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 0 0 1px rgba(217,119,6,.18),
    0 6px 16px rgba(217,119,6,.12)!important;
  border:0!important;
  border-radius:10px!important;
  overflow:hidden;
  text-shadow:none;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub).active::before,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn::before,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn::before,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover:has(.report-sub.active) > .nav-group-btn::before{
  content:"";
  position:absolute;
  left:0;top:7px;bottom:7px;width:3px;border-radius:999px;
  background:linear-gradient(180deg,#FBBF24 0%,#D97706 100%);
  box-shadow:0 0 10px rgba(217,119,6,.35);
  pointer-events:none;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub).active i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn .bi-chevron-down,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn .bi-chevron-down{
  color:#6b360c!important;
  opacity:1;
  filter:none;
}/* Light L2 */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub{
  position:relative!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#6b360c!important;
  background:transparent!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub:hover{
  background:rgba(255,243,224,.72)!important;
  color:#6b360c!important;
  border-color:transparent!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active{
  background:linear-gradient(135deg, #FFF8EF 0%, #FFE8CC 100%)!important;
  border:1px solid rgba(217,119,6,.28)!important;
  border-radius:9px!important;
  color:#6b360c!important;
  box-shadow:0 4px 12px rgba(217,119,6,.1)!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.active i{
  color:#6b360c!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active::after,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active::after{
  content:none!important;
  display:none!important;
}/* DARK MODE — opaque warm charcoal (matches continuum left; covers content when expanded) */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar{
  background:#3A3226!important;
  border-right:1px solid rgba(245,158,11,.22)!important;
  box-shadow:none!important;
  color:#FFFFFF!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:auto;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal.sidebar-mini .report-sidebar:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.sidebar-mini .report-sidebar.is-mini-hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar.show{
  background:#3A3226!important;
  box-shadow:18px 0 40px rgba(0,0,0,.35)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar::before{
  content:"";
  display:block!important;
  position:absolute;inset:0;
  top:0;right:auto;bottom:0;left:0;
  width:auto;height:auto;
  border-radius:0;
  pointer-events:none;z-index:0;
  background-color:transparent;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:24px 24px;
  background-repeat:repeat;
  opacity:.35;
  box-shadow:none;
  mask-image:linear-gradient(180deg,#000 0%, #000 40%, transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%, #000 40%, transparent 100%);
}/* Amber edge rail — defines the continuum join without glow wash */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar::after{
  content:"";
  display:block!important;
  position:absolute;
  inset:auto;
  top:12%;bottom:12%;
  left:auto;right:0;
  width:2px;height:auto;
  border-radius:999px 0 0 999px;
  pointer-events:none;z-index:0;
  opacity:.85;
  box-shadow:none;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(251,191,36,.55) 22%,
    rgba(245,158,11,.85) 50%,
    rgba(217,119,6,.45) 78%,
    transparent 100%
  );
  mask-image:none;
  -webkit-mask-image:none;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav{
  margin:0!important;
  padding:12px 10px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-sidebar-account-footer{
  margin:0!important;
  padding:10px!important;
  border-top-color:rgba(255,255,255,.08)!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-sidebar-logout{
  background:transparent!important;
  border-color:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-brand{
  border-bottom-color:rgba(245,158,11,.18)!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#FFFFFF!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-brand small{
  color:rgba(245,158,11,.78)!important;
  text-shadow:0 0 12px rgba(245,158,11,.35);
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .close-side{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-sidebar-account-footer{
  border-top-color:rgba(255,255,255,.08)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-sidebar-logout{
  color:#FF8A90!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-sidebar-logout i{
  color:#F87171!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-sidebar-logout:hover{
  background:rgba(248,113,113,.1)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(248,113,113,.22),0 0 18px rgba(248,113,113,.12)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub),
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:focus-visible,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover > .nav-group-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn{
  color:rgba(255,255,255,.86)!important;
  background:transparent!important;
  font-weight:800!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub) i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn .bi-chevron-down{
  color:rgba(255,255,255,.7)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub):focus-visible,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover > .nav-group-btn{
  background:rgba(255,255,255,.04)!important;
  color:rgba(255,255,255,.95)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group .nav-group-btn:hover i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover > .nav-group-btn i{
  color:rgba(251,191,36,.9)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub).active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover:has(.report-sub.active) > .nav-group-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover > .nav-group-btn{
  position:relative!important;
  background:linear-gradient(90deg, rgba(245,158,11,.16) 0%, rgba(245,158,11,.05) 45%, transparent 100%)!important;
  color:#FBBF24!important;
  box-shadow:
    inset 0 1px 0 rgba(245,158,11,.18),
    inset 0 -1px 0 rgba(245,158,11,.10),
    0 0 28px rgba(245,158,11,.12)!important;
  border:0!important;
  border-radius:8px!important;
  overflow:hidden;
  text-shadow:0 0 18px rgba(245,158,11,.45);
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub).active::before,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn::before,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn::before,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.bo-flyout-hover:has(.report-sub.active) > .nav-group-btn::before{
  content:"";
  position:absolute;
  left:0;top:8px;bottom:8px;width:2px;border-radius:999px;
  background:linear-gradient(180deg,#FDE68A 0%,#F59E0B 55%,#D97706 100%);
  box-shadow:0 0 10px rgba(245,158,11,.9),0 0 18px rgba(245,158,11,.5);
  pointer-events:none;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > a:not(.report-sub).active i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group.open > .nav-group-btn .bi-chevron-down,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group:has(.report-sub.active) > .nav-group-btn .bi-chevron-down{
  color:#FBBF24!important;
  filter:drop-shadow(0 0 8px rgba(245,158,11,.65));
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub{
  color:rgba(255,255,255,.62)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub:hover{
  background:rgba(255,255,255,.05)!important;
  color:rgba(255,255,255,.92)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active{
  background:linear-gradient(180deg, rgba(245,158,11,.18) 0%, rgba(43,37,33,.92) 100%)!important;
  border:1px solid rgba(245,158,11,.55)!important;
  color:#FBBF24!important;
  box-shadow:0 0 0 1px rgba(245,158,11,.12),0 0 18px rgba(245,158,11,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.active i{
  color:#FBBF24!important;
  filter:drop-shadow(0 0 6px rgba(245,158,11,.45));
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active::after,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active::after{
  content:none!important;
  display:none!important;
}/* Light flyout panel: cream surface (locked) — beat reports.css `#fff!important` */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > .nav-group > .nav-group-list,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav > .nav-group.bo-flyout-hover > .nav-group-list{
  background:#FFF8EB!important;
  border:1px solid rgba(92,74,48,.12)!important;
  box-shadow:0 12px 32px rgba(60,48,32,.14)!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub{
  color:#6b360c!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub:hover{
  background:rgba(217,119,6,.08)!important;
  color:#6b360c!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub:hover i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub:hover i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a:hover i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active:hover i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active:hover i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.active i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.active:hover i{
  color:#6b360c!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active{
  background:linear-gradient(180deg,#FFFBEB 0%,#FEF3C7 100%)!important;
  border:1px solid var(--bo-sidebar-active)!important;
  color:#6b360c!important;
  box-shadow:0 0 0 1px rgba(245,158,11,.12),0 4px 14px rgba(217,119,6,.12)!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active::after{
  content:none!important;
  display:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > .nav-group > .nav-group-list,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav > .nav-group.bo-flyout-hover > .nav-group-list{
  background:#383A46!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.35)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub{
  color:rgba(255,255,255,.68)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub:hover{
  background:rgba(255,255,255,.05)!important;
  color:rgba(255,255,255,.92)!important;
}/* L2 icons — amber series (override reports.css blue hover/active) */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a i{
  color:rgba(255,255,255,.55)!important;
  filter:none;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub:hover i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub:hover i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a:hover i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .report-nav a.report-sub.active:hover i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.report-sub.active:hover i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.active i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-sidebar .nav-group-list a.active:hover i{
  color:#FBBF24!important;
  filter:drop-shadow(0 0 6px rgba(245,158,11,.45));
}

@media(min-width:992px){body.report-body.bo-charcoal.sidebar-mini .report-nav > a:not(.report-sub).active,
body.report-body.bo-charcoal.sidebar-mini .report-sidebar:hover .report-nav > a:not(.report-sub).active{
    background:linear-gradient(135deg, #FFF8EF 0%, #FFE8CC 48%, #FFF3E0 100%)!important;
    color:#9A3412!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      0 0 0 1px rgba(217,119,6,.18),
      0 6px 16px rgba(217,119,6,.12)!important;
    border-radius:10px!important;
  }html[data-bo-theme="dark"] body.report-body.bo-charcoal.sidebar-mini .report-nav > a:not(.report-sub).active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.sidebar-mini .report-sidebar:hover .report-nav > a:not(.report-sub).active{
    background:linear-gradient(90deg, rgba(245,158,11,.16) 0%, rgba(245,158,11,.05) 45%, transparent 100%)!important;
    color:#FBBF24!important;
    box-shadow:
      inset 0 1px 0 rgba(245,158,11,.18),
      inset 0 -1px 0 rgba(245,158,11,.10),
      0 0 28px rgba(245,158,11,.12)!important;
  }body.report-body.bo-charcoal.sidebar-mini .report-nav > a:not(.report-sub).active::before,
body.report-body.bo-charcoal.sidebar-mini .report-sidebar:hover .report-nav > a:not(.report-sub).active::before{
    content:"";
    position:absolute;
    left:0;top:7px;bottom:7px;width:3px;border-radius:999px;
    background:linear-gradient(180deg,#FBBF24 0%,#D97706 100%);
    box-shadow:0 0 10px rgba(217,119,6,.35);
  }
}/* ------------------------------------------------------------------
   Light + Dark table — amber control-terminal comps
   ------------------------------------------------------------------ */
body.report-body.bo-charcoal .mad-user-copy{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;
}body.report-body.bo-charcoal .mad-user-copy b{
  display:inline;margin:0;
}body.report-body.bo-charcoal .mad-user-meta{
  flex:1 1 100%;
}body.report-body.bo-charcoal .mad-you{
  display:inline-flex;align-items:center;height:18px;padding:0 6px;
  border-radius:4px;border:0;
  color:#B45309;background:#FEF3C7;
  font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;
}/* Light table (scoped — do not leak cream borders into dark) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-panel,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table-wrap{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table th{
  color:#3F3F46!important;
  border-bottom:1px solid #EADCC8!important;
  background:transparent!important;
  font-weight:700!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table td{
  color:#374151!important;
  border-bottom:1px solid #F0E6D8!important;
  background:transparent!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table tbody tr:hover td{
  background:#FFF1DC!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table td.mad-detail,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table td.mad-time,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-muted,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-email{
  color:#57534E!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-time{
  font-variant-numeric:tabular-nums;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-user-copy b{
  color:#18191C!important;
}/* Light avatars */
body.report-body.bo-charcoal .mad-avatar{
  border-radius:8px!important;
  background:#EEF2FF!important;
  color:#3730A3!important;
  border:0!important;
  box-shadow:none!important;
}body.report-body.bo-charcoal .mad-avatar.is-self{
  background:#FEF3C7!important;
  color:#B45309!important;
  border:0!important;
  box-shadow:none!important;
}
/* Light role pills */
body.report-body.bo-charcoal .mad-role{
  background:#F3F4F6!important;
  color:#4B5563!important;
  border-radius:999px!important;
}body.report-body.bo-charcoal .mad-role.is-super,
body.report-body.bo-charcoal .mad-role.is-partner,
body.report-body.bo-charcoal .mad-role.is-merchant{
  background:#EDE9FE!important;
  color:#5B21B6!important;
}body.report-body.bo-charcoal .mad-role.is-support,
body.report-body.bo-charcoal .mad-role.is-tech,
body.report-body.bo-charcoal .mad-role.is-regional{
  background:#DBEAFE!important;
  color:#1D4ED8!important;
}body.report-body.bo-charcoal .mad-role.is-risk{
  background:#FEE2E2!important;
  color:#B91C1C!important;
}/* Light credit */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-money{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-variant-numeric:tabular-nums!important;
  font-weight:700!important;
  background:transparent!important;
  padding:0!important;
  color:#27272A!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-money.is-zero{
  color:#71717A!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-money.is-positive{
  color:#B45309!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-time,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-time-tip{
  color:#57534E!important;
  font-weight:600!important;
}/* Light action icons + search — readable charcoal (never faint placeholder gray) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-icon-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-icon-btn.is-danger{
  color:#57534E!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-icon-btn:hover{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
  box-shadow:0 4px 10px rgba(180,83,9,.12)!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-search i{
  color:#57534E!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-search input::placeholder,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-field .form-control::placeholder,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-modal .form-control::placeholder,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-pass-modal-fields .form-control::placeholder,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-pass-wrap .form-control::placeholder{
  color:#78716C!important;
  opacity:1!important;
  -webkit-text-fill-color:#78716C;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-eye{
  color:#57534E!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-modal-title small{
  color:#57534E!important;
}/* Light modal close — cream well (never cool blue-white) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .modal-clean-close,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-modal .modal-clean-close{
  width:36px!important;height:36px!important;border-radius:8px!important;
  background:#F5EBDC!important;
  border:1px solid #EADCC8!important;
  color:#57534E!important;
  display:grid!important;place-items:center!important;
  filter:none!important;
  box-shadow:none!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .modal-clean-close:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-modal .modal-clean-close:hover{
  background:#F0E4D0!important;
  border-color:#D97706!important;
  color:#18191C!important;
}/* Light status */
body.report-body.bo-charcoal .mad-status.is-active,
body.report-body.bo-charcoal .mad-table td[data-label="Status"] .mad-status.is-active{
  background:#D1FAE5!important;
  color:#047857!important;
  padding:0 10px!important;
  border-radius:999px!important;
}body.report-body.bo-charcoal .mad-status.is-active i{
  background:#10B981!important;
  box-shadow:none!important;
}body.report-body.bo-charcoal .mad-status.is-suspended,
body.report-body.bo-charcoal .mad-table td[data-label="Status"] .mad-status.is-suspended{
  background:#FEE2E2!important;
  color:#B91C1C!important;
  padding:0 10px!important;
  border-radius:999px!important;
}body.report-body.bo-charcoal button.mad-status.is-active:hover{
  background:#A7F3D0!important;
}body.report-body.bo-charcoal button.mad-status.is-suspended:hover{
  background:#FECACA!important;
}/* Light pager inactive */
body.report-body.bo-charcoal .mad-pager .smart-page,
body.report-body.bo-charcoal .mad-pager button{
  background:#F3F4F6!important;
  color:#9CA3AF!important;
  border:0!important;
}body.report-body.bo-charcoal .mad-pager .smart-page:hover:not(:disabled):not(.active),
body.report-body.bo-charcoal .mad-pager button:hover:not(:disabled):not(.active){
  background:#E5E7EB!important;
  color:#374151!important;
}body.report-body.bo-charcoal .mad-footer-info{
  color:#57534E!important;
}/* Status filter pills — Active/Suspend/All match Export ghost (8px cream lift) */
body.report-body.bo-charcoal .mad-pills{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}body.report-body.bo-charcoal .mad-pill{
  display:inline-flex!important;
  align-items:center!important;
  position:relative!important;
  height:36px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#71717A!important;
  font-size:12.5px!important;
  font-weight:700!important;
  box-shadow:none!important;
  gap:8px!important;
}body.report-body.bo-charcoal .mad-pill[data-mad-status="active"]::before,
body.report-body.bo-charcoal .mad-pill[data-mad-status="suspended"]::before{
  content:"";
  width:6px;height:6px;border-radius:50%;flex:0 0 auto;
  box-shadow:none;
}body.report-body.bo-charcoal .mad-pill[data-mad-status="active"]::before{
  background:#B8C0CC;
}body.report-body.bo-charcoal .mad-pill[data-mad-status="suspended"]::before{
  background:#C4C0D0;
}body.report-body.bo-charcoal .mad-pill.is-active{
  /* Thumb draws Export-style frame; keep pill fill clear */
  background:transparent!important;
  color:#18191C!important;
  font-weight:700!important;
  border-color:transparent!important;
  box-shadow:none!important;
  z-index:1;
}body.report-body.bo-charcoal .mad-pills.bo-seg > .bo-seg-thumb{
  top:0!important;
  height:100%!important;
  border-radius:999px!important;
  background-color:#F3E8D6!important;
  background-image:linear-gradient(180deg,#FFF8EB 0%,#F3E8D6 100%)!important;
  border:1px solid #EADCC8!important;
  box-shadow:0 1px 2px rgba(24,25,28,.06),0 2px 6px rgba(24,25,28,.05)!important;
  box-sizing:border-box!important;
  opacity:1;
}body.report-body.bo-charcoal .mad-pill.is-active[data-mad-status="active"]::before{
  background:#059669;
}body.report-body.bo-charcoal .mad-pill.is-active[data-mad-status="suspended"]::before{
  background:#DC2626;
}body.report-body.bo-charcoal .mad-pill:hover:not(.is-active){
  background:rgba(24,25,28,.04)!important;
  color:#4B5563!important;
}body.report-body.bo-charcoal .mad-pill-count{
  background:transparent!important;
  color:inherit!important;
  min-width:0!important;height:auto!important;padding:0!important;
  font-size:13px!important;font-weight:inherit!important;
}body.report-body.bo-charcoal .mad-pill-count::before{content:"("}body.report-body.bo-charcoal .mad-pill-count::after{content:")"}body.report-body.bo-charcoal .mad-pill-count.is-active-count,
body.report-body.bo-charcoal .mad-pill-count.is-danger-count{
  color:inherit!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pills{
  background:transparent!important;
  padding:0!important;
  gap:4px!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill{
  color:#8A8F98!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill[data-mad-status="active"]::before{
  background:#3F3F46;
  box-shadow:none;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill[data-mad-status="suspended"]::before{
  background:#3F3F46;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill.is-active{
  background:transparent!important;
  color:#FFFFFF!important;
  border-color:transparent!important;
  box-shadow:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pills.bo-seg > .bo-seg-thumb{
  border-radius:999px!important;
  background-color:#383A46!important;
  background-image:linear-gradient(180deg,#4A4C58 0%,#383A46 48%,#2C2E38 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.22),0 4px 10px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.18)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill.is-active[data-mad-status="active"]::before{
  background:#34D399;
  box-shadow:0 0 0 2px rgba(52,211,153,.18),0 0 10px rgba(52,211,153,.55);
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill.is-active[data-mad-status="suspended"]::before{
  background:#F87171;
  box-shadow:0 0 0 2px rgba(248,113,113,.15),0 0 8px rgba(248,113,113,.4);
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill:hover:not(.is-active){
  background:rgba(255,255,255,.04)!important;
  color:#D4D4D8!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pill-count{
  color:inherit!important;
  background:transparent!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table-wrap{
  background:#383A46!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table th{
  color:#E7E5E4!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  background:transparent!important;
  font-weight:700!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td{
  color:#F5F5F4!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:transparent!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table tbody tr:hover td{
  background:rgba(255,255,255,.05)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td.mad-detail,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td.mad-time,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-muted,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-email,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-time,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-time-tip{
  color:#D4D4D8!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-time{
  font-variant-numeric:tabular-nums;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}/* Avatar */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-avatar{
  border-radius:8px!important;
  background:#383A46!important;
  color:#A1A1AA!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-avatar.is-self{
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.65)!important;
  background:rgba(245,158,11,.10)!important;
  box-shadow:0 0 0 1px rgba(245,158,11,.2),0 0 14px rgba(245,158,11,.28)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-user-copy b{
  color:#F5F5F4!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-you{
  border-color:rgba(245,158,11,.55)!important;
  color:#F59E0B!important;
  background:rgba(245,158,11,.08)!important;
}/* Role pills */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role{
  background:rgba(255,255,255,.08)!important;
  color:#D4D4D8!important;
  border-radius:999px!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role.is-super,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role.is-partner,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role.is-merchant{
  background:rgba(124,58,237,.22)!important;
  color:#C4B5FD!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role.is-support,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role.is-tech,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role.is-regional{
  background:rgba(37,99,235,.22)!important;
  color:#93C5FD!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-role.is-risk{
  background:rgba(239,68,68,.18)!important;
  color:#FCA5A5!important;
}/* Credit */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-money,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td[data-label="Credit Balance"] .mad-money{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-variant-numeric:tabular-nums!important;
  font-weight:700!important;
  background:transparent!important;
  padding:0!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-money.is-zero{
  color:#A1A1AA!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-money.is-positive{
  color:#F59E0B!important;
}/* Status Active / Suspended */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status.is-active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td[data-label="Status"] .mad-status.is-active{
  background:rgba(16,185,129,.14)!important;
  color:#6EE7B7!important;
  padding:0 10px!important;
  border-radius:999px!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status.is-active i{
  background:#34D399!important;
  box-shadow:0 0 0 2px rgba(52,211,153,.18),0 0 10px rgba(52,211,153,.55)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status.is-suspended,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td[data-label="Status"] .mad-status.is-suspended{
  background:rgba(239,68,68,.14)!important;
  color:#FCA5A5!important;
  padding:0 10px!important;
  border-radius:999px!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal button.mad-status.is-active:hover{
  background:rgba(16,185,129,.22)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal button.mad-status.is-suspended:hover{
  background:rgba(239,68,68,.22)!important;
}/* Action icons */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-icon-btn{
  color:#D4D4D8!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-icon-btn:hover{
  background:rgba(245,158,11,.14)!important;
  color:#F59E0B!important;
  box-shadow:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-footer,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-filter-bar{
  border-color:rgba(255,255,255,.14)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-footer-info{
  color:#D4D4D8!important;
}/* Top-right chrome — theme toggle + identity + amber avatar (light/dark comps) */
body.report-body.bo-charcoal .report-actions{
  gap:12px!important;
  align-items:center!important;
}body.report-body.bo-charcoal .report-actions > [data-bo-profile]{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
}/* Divider slot always reserved — only tint changes by theme (prevents cluster shift) */
body.report-body.bo-charcoal .report-actions > [data-bo-profile]::before{
  content:"";
  width:1px;height:28px;flex:0 0 1px;
  background:rgba(24,25,28,.12);
  margin:0;
}body.report-body.bo-charcoal .bo-theme-btn{
  position:relative!important;
  box-sizing:border-box!important;
  flex:0 0 36px!important;
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
  /* Same bordered slot in light + dark — only color changes */
  border:1px solid rgba(24,25,28,.18)!important;border-radius:8px!important;
  background:transparent!important;
  color:#3F3F46!important;
  box-shadow:none!important;
  font-size:18px!important;
  padding:0!important;
  overflow:hidden!important;
}body.report-body.bo-charcoal .bo-theme-btn i[data-theme-icon]{
  position:absolute!important;
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;padding:0!important;
  width:100%!important;height:100%!important;
  font-size:18px!important;line-height:1!important;
  color:inherit!important;
  pointer-events:none!important;
  transform:none!important;
}/* Keep both icons in the same slot; hidden only fades, does not reflow */
body.report-body.bo-charcoal .bo-theme-btn i[data-theme-icon][hidden]{
  display:grid!important;
  opacity:0!important;
  visibility:hidden!important;
}body.report-body.bo-charcoal .bo-theme-btn:hover{
  background:rgba(24,25,28,.05)!important;
  border-color:rgba(24,25,28,.28)!important;
  color:#18191C!important;
}body.report-body.bo-charcoal .bo-theme-btn:focus-visible{
  outline:2px solid #D97706!important;outline-offset:2px!important;
}body.report-body.bo-charcoal .report-actions .bo-account-link,
body.report-body.bo-charcoal .bo-account-link{
  height:auto!important;min-width:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  gap:12px!important;
  align-items:center!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  text-decoration:none!important;
  position:relative!important;
  z-index:2!important;
}body.report-body.bo-charcoal .report-actions .bo-account-link:hover,
body.report-body.bo-charcoal .bo-account-link:hover,
body.report-body.bo-charcoal .report-actions .bo-account-link:focus,
body.report-body.bo-charcoal .bo-account-link:focus,
body.report-body.bo-charcoal .report-actions .bo-account-link:focus-visible,
body.report-body.bo-charcoal .bo-account-link:focus-visible,
body.report-body.bo-charcoal .report-actions .bo-account-link:active,
body.report-body.bo-charcoal .bo-account-link:active{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-actions .bo-account-link,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-link,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-actions .bo-account-link:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-link:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-actions .bo-account-link:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-link:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-actions .bo-account-link:focus-visible,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-link:focus-visible,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-actions .bo-account-link:active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-link:active{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}body.report-body.bo-charcoal .bo-account-setting-icon{
  display:none!important;
}body.report-body.bo-charcoal .bo-account-meta{
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
  gap:2px;min-width:0;order:1;
  text-align:right;line-height:1.15;
}body.report-body.bo-charcoal .bo-account-name{
  display:block!important;
  font-size:14px!important;font-weight:700!important;
  color:#18191C!important;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;
}body.report-body.bo-charcoal .bo-account-role{
  display:block;
  font-size:11px;font-weight:500;
  color:#71717A;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.02em;white-space:nowrap;
}body.report-body.bo-charcoal .bo-account-link .report-avatar,
body.report-body.bo-charcoal .report-avatar{
  order:2;
  width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;
  border-radius:12px!important;
  background:#D97706!important;
  color:#FFFFFF!important;
  font-size:0!important;font-weight:400!important;
  box-shadow:none!important;
  display:grid!important;place-items:center!important;
}body.report-body.bo-charcoal .report-avatar i,
body.report-body.bo-charcoal .report-avatar::before{
  font-size:18px!important;line-height:1!important;color:#FFFFFF!important;
}/* Restore person icon when auth only injected initials (create/edit pages) */
body.report-body.bo-charcoal .report-avatar:not(:has(> i))::before{
  content:"\F4DA";
  font-family:"bootstrap-icons"!important;
  font-style:normal;font-weight:400!important;
  speak:never;
  display:block;
}body.report-body.bo-charcoal .bo-account-link:hover .report-avatar{
  background:#B45309!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-theme-btn{
  border-color:rgba(245,158,11,.4)!important;
  background:transparent!important;
  color:#F59E0B!important;
  box-shadow:none!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-theme-btn:hover{
  background:rgba(245,158,11,.1)!important;
  border-color:#F59E0B!important;
  color:#FBBF24!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-actions > [data-bo-profile]::before{
  background:rgba(255,255,255,.12);
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-name{
  color:#FFFFFF!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-role{
  color:#F59E0B!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-link .report-avatar,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-avatar{
  background:#F59E0B!important;
  color:#2A2C36!important;
  box-shadow:0 0 0 1px rgba(245,158,11,.25),0 4px 16px rgba(245,158,11,.35)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-avatar i{
  color:#2A2C36!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-avatar:not(:has(> i))::before{
  color:#2A2C36!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-account-link:hover .report-avatar{
  background:#FBBF24!important;
}/* Dark hover tips — soft charcoal + amber (replace navy/cyan) */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-time-tip::after,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-icon-btn[data-tip]::after{
  background:#40424E!important;
  color:#F5F5F4!important;
  border:1px solid rgba(245,158,11,.35)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-time-tip::before{
  border-top-color:#40424E!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-icon-btn[data-tip]::before{
  border-top-color:#40424E!important;
  border-bottom-color:transparent!important;
}html[data-bo-theme="dark"]:has(body.report-body.bo-charcoal) .mad-float-tip{
  background:#40424E!important;
  color:#F5F5F4!important;
  border:1px solid rgba(245,158,11,.35)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}html[data-bo-theme="dark"]:has(body.report-body.bo-charcoal) .mad-float-tip::after{
  border-top-color:#40424E!important;
}html[data-bo-theme="dark"]:has(body.report-body.bo-charcoal) .mad-float-tip.is-below::after{
  border-top-color:transparent!important;
  border-bottom-color:#40424E!important;
}/* Light hover tips — warm cream + amber (replace navy) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-time-tip::after,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-icon-btn[data-tip]::after{
  background:#FFF8EB!important;
  color:#6b360c!important;
  border:1px solid rgba(217,119,6,.28)!important;
  border-radius:999px!important;
  box-shadow:0 8px 22px rgba(60,48,32,.12)!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-time-tip::before{
  border-top-color:#FFF8EB!important;
}html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-icon-btn[data-tip]::before{
  border-top-color:#FFF8EB!important;
  border-bottom-color:transparent!important;
}html:not([data-bo-theme="dark"]):has(body.report-body.bo-charcoal) .mad-float-tip{
  background:#FFF8EB!important;
  color:#6b360c!important;
  border:1px solid rgba(217,119,6,.28)!important;
  border-radius:999px!important;
  box-shadow:0 8px 22px rgba(60,48,32,.12)!important;
}html:not([data-bo-theme="dark"]):has(body.report-body.bo-charcoal) .mad-float-tip::after{
  border-top-color:#FFF8EB!important;
}html:not([data-bo-theme="dark"]):has(body.report-body.bo-charcoal) .mad-float-tip.is-below::after{
  border-top-color:transparent!important;
  border-bottom-color:#FFF8EB!important;
}/* Dark modals — Adjust Credit + Reset Password inputs match soft charcoal */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-modal-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .modal-clean-panel{
  background:#383A46!important;
  border-color:rgba(255,255,255,.10)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-summary{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.10)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .mac-field .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel input.form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel select.form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel textarea.form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-wrap .rounded-select-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-field .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-wrap .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-modal-fields .mad-field .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-modal-fields .mad-pass-wrap .form-control{
  background:#2A2C36!important;
  background-color:#2A2C36!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
  color-scheme:dark;
  caret-color:#F5F5F4;
  -webkit-text-fill-color:#F5F5F4;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .form-control::placeholder,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-field .form-control::placeholder,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal .form-control::placeholder,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-modal-fields .form-control::placeholder{
  color:#A1A1AA!important;
  opacity:1!important;
  -webkit-text-fill-color:#A1A1AA;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .form-control:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-btn.open,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-btn:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-field .form-control:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-wrap .form-control:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal .form-control:focus{
  border-color:#F59E0B!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-menu{
  background:#383A46!important;
  border-color:rgba(255,255,255,.10)!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-option:hover{
  background:rgba(245,158,11,.12)!important;
  color:#FBBF24!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-option.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-option.is-active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-option.active:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .rounded-select-option.is-active:hover{
  background:rgba(245,158,11,.20)!important;
  color:#FBBF24!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-modal-actions .mad-btn-ghost,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .mad-btn-ghost,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .mad-modal-actions .mad-btn-ghost,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .mad-modal-actions .mad-btn-ghost.bo-ui-button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .modal-clean-foot .mad-btn-ghost,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .modal-clean-actions .mad-btn-ghost{
  background-color:#383A46!important;
  background-image:linear-gradient(180deg,#4A4C58 0%,#383A46 48%,#2C2E38 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-avatar{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-modal-fields .mac-link-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-pass-modal-fields .mac-link-btn:hover{
  color:#FBBF24!important;
}

@media (max-width:575.98px){body.report-body.bo-charcoal .bo-account-meta{
    display:none!important;
  }
}


/* ==========================================================================
   Merchant-only components
   ========================================================================== */

/* Row status — one-click Active <-> Suspended. Takes the Admin Detail .mad-status pill
   treatment so both lists read alike; stays a button so the toggle still works. */
body.report-body.bo-charcoal .mad-status-chip{
  height:24px!important;
  gap:6px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:999px!important;
  font-family:inherit;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1;
  vertical-align:middle;
}
body.report-body.bo-charcoal .mad-status-chip.is-active{
  background:#D1FAE5!important;
  color:#047857!important;
}
body.report-body.bo-charcoal .mad-status-chip.is-suspended{
  background:#FEE2E2!important;
  color:#B91C1C!important;
}
body.report-body.bo-charcoal .mad-status-chip.is-active:hover{
  background:#A7F3D0!important;
}
body.report-body.bo-charcoal .mad-status-chip.is-suspended:hover{
  background:#FECACA!important;
}
body.report-body.bo-charcoal .mad-status-chip.is-active .mad-status-dot{
  background:#10B981!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status-chip.is-active{
  background:rgba(16,185,129,.14)!important;
  color:#6EE7B7!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status-chip.is-suspended{
  background:rgba(239,68,68,.14)!important;
  color:#FCA5A5!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status-chip.is-active:hover{
  background:rgba(16,185,129,.22)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status-chip.is-suspended:hover{
  background:rgba(239,68,68,.22)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-status-chip.is-active .mad-status-dot{
  background:#34D399!important;
  box-shadow:0 0 0 2px rgba(52,211,153,.18),0 0 10px rgba(52,211,153,.55)!important;
}

/* Row action icons — mirror the Admin Detail .mad-icon-btn recipe */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-merchant-icon-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-merchant-icon-btn.is-danger{
  color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-merchant-icon-btn:hover{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
  box-shadow:0 4px 10px rgba(180,83,9,.12)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-merchant-icon-btn.is-danger:hover{
  background:rgba(239,51,64,.10)!important;
  color:#EF3340!important;
  box-shadow:0 4px 10px rgba(239,51,64,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-merchant-icon-btn{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-merchant-icon-btn:hover{
  background:rgba(245,158,11,.14)!important;
  color:#F59E0B!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-merchant-icon-btn.is-danger:hover{
  background:rgba(248,113,113,.16)!important;
  color:#F87171!important;
  box-shadow:none!important;
}

/* Row action tooltip — cream tip in light, charcoal tip in dark (Admin Detail recipe) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-merchant-icon-btn[data-tip]::after{
  background:#FFF8EB!important;
  color:#6b360c!important;
  border:1px solid rgba(217,119,6,.28)!important;
  border-radius:999px!important;
  box-shadow:0 8px 22px rgba(60,48,32,.12)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-merchant-icon-btn[data-tip]::after{
  background:#40424E!important;
  color:#F5F5F4!important;
  border:1px solid rgba(245,158,11,.35)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}

/* Company sub-line + load-error row — Bootstrap colour utilities are light-theme only
   (.text-muted resolves to rgba(33,37,41,.75) and disappears on the charcoal canvas). */
body.report-body.bo-charcoal .mad-table td[data-label="Company"] small,
body.report-body.bo-charcoal .mad-table td[data-label="Company"] .text-muted{
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td[data-label="Company"] small,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table td[data-label="Company"] .text-muted{
  color:#D4D4D8!important;
}
body.report-body.bo-charcoal .mad-empty.text-danger{
  color:#991B1B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-empty.text-danger{
  color:#F87171!important;
}


/* ==========================================================================
   Merchant edit workspace + currency / provider chrome
   These live under #madEditWorkspace / #madCurrencyModal, whose legacy rules are
   ID-scoped, so the class-scoped block above cannot reach them. Re-stated here on the
   Charcoal + Amber ladder: section lift #FFFCF7 / #383A46, control well #F5EBDC / #2A2C36,
   amber accents only (never the retired navy #12263A / cyan #21A6D7).
   ========================================================================== */

/* ---- Light ---- */
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-section,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-subblock{
  background:#FFFCF7!important;
  border-color:#DCC9A8!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-section-icon{
  background:rgba(217,119,6,.10)!important;
  color:#D97706!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-block{
  background:linear-gradient(180deg,rgba(217,119,6,.05) 0%,#FFFCF7 42%)!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-item{
  background:#FFFCF7!important;
  border-color:rgba(217,119,6,.20)!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-icon{
  background:rgba(217,119,6,.12)!important;
  color:#D97706!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-secondary{
  color:#71717A!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-head strong,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-head strong{
  color:#18191C!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item{
  background:#FFF8EB!important;
  color:#18191C!important;
  border-color:#EADCC8!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item:hover,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item:hover{
  border-color:rgba(217,119,6,.45)!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item.is-selected,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item.is-selected{
  background:#FFF1DC!important;
  border-color:#D97706!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-count,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-count,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-count{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item-tag,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item-tag{
  background:rgba(217,119,6,.10)!important;
  color:#71717A!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-move-btn,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-move-btn{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  color:#B45309!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-chip{
  background:#FFFCF7!important;
  border-color:rgba(217,119,6,.35)!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-chip:hover{
  border-color:rgba(217,119,6,.55)!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-chip.is-selected{
  background:#FFF8EB!important;
  border-color:#D97706!important;
  box-shadow:0 0 0 1px rgba(217,119,6,.18)!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-chip.is-selected b{
  color:#B45309!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-add-btn{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  color:#D97706!important;
}

/* Editable fields — the legacy block never covered these specific inputs, so
   reports.css `.report-content input{background-color:#fff!important}` painted them pure
   white. Light chrome is cream only: control well #F5EBDC, locked #EDE4D4. */
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .form-control,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field select,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field textarea,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-pass-wrap .form-control,
body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-field .form-control{
  background-color:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .form-control::placeholder,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-pass-wrap .form-control::placeholder{
  color:#78716C!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .form-control[readonly],
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field input[readonly]{
  background-color:#EDE4D4!important;
  border-color:#DCC9A8!important;
  color:#57534E!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .rounded-select-btn{
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .rounded-select-btn.open,
body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .rounded-select-btn:focus{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.12)!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-section,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-subblock{
  background:var(--bo-surface,#383A46)!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-section-icon{
  background:rgba(245,158,11,.14)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-section-copy h3,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-subblock-title{
  color:#E7E5E4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field select,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field textarea,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-input-group > .form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-field .form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-modal-code-field .form-control{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .form-control::placeholder{
  color:#71717A!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .form-control[readonly]{
  background:rgba(255,255,255,.04)!important;
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-input-addon,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-markup-field .mac-input-group.is-suffix .mac-input-addon.is-trailing{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-field .rounded-select-btn,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-control > .rounded-select-wrap .rounded-select-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-add-btn,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-add-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-control:focus-within .mac-currency-add-btn{
  border-color:rgba(245,158,11,.55)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-edit-pricing-table thead th{
  background:#40424E!important;
  color:#E7E5E4!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal.mad-editing #madEditWorkspace .mac-footer-actions{
  background:rgba(56,58,70,.96)!important;
  border-top-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-block{
  background:linear-gradient(180deg,rgba(245,158,11,.06) 0%,var(--bo-surface,#383A46) 42%)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-item{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-icon{
  background:rgba(245,158,11,.14)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-primary{
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-audit-secondary{
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-head strong,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-head strong{
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item{
  background:#2A2C36!important;
  color:#F5F5F4!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item:hover,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item:hover{
  border-color:rgba(245,158,11,.35)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item.is-selected,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item.is-selected{
  background:rgba(245,158,11,.14)!important;
  border-color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-count,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-count,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-count{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-item-tag,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-pane-item-tag{
  background:rgba(245,158,11,.10)!important;
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-move-btn,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-currency-move-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-chip{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-chip.is-selected{
  background:rgba(245,158,11,.14)!important;
  border-color:rgba(245,158,11,.55)!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madEditWorkspace .mac-provider-chip.is-selected b{
  color:#FBBF24!important;
}

/* ==========================================================================
   Merchant row avatar — neutral tile, colour reserved for state
   The rescoped block paints this tile indigo and re-tints every third row for
   position alone. Neither variant carries data, and indigo/violet are the last
   cool hues left on the warm canvas. The tile is now a quiet index marker and the
   only tinted variant is a suspended row — which agrees with the Status pill
   instead of contradicting it. Light and dark finally describe the same thing.
   ========================================================================== */

/* Light */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table .mad-avatar:not(.is-self){
  background:#F5EBDC!important;
  color:#6b360c!important;
  border:1px solid #EADCC8!important;
  box-shadow:none!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-table tbody tr:has(.mad-status-chip.is-suspended) .mad-avatar{
  background:#FEE2E2!important;
  color:#B91C1C!important;
  border-color:rgba(239,51,64,.30)!important;
}

/* Dark */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mad-avatar:not(.is-self){
  background:#2A2C36!important;
  color:#E7E5E4!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table tbody tr:has(.mad-status-chip.is-suspended) .mad-avatar{
  background:rgba(239,68,68,.14)!important;
  color:#FCA5A5!important;
  border-color:rgba(248,113,113,.30)!important;
}

/* ==========================================================================
   Merchant create / repayments form ladder
   Admin create/edit form rules, rescoped to the merchant family. They were dropped
   from the rescoped block because they are scoped to `.main-admin-create-page` and
   could not match Merchant Detail; the merchant pages that DO carry that class
   (main-merchant-create.html, main-merchant-repayments.html) need them, since Admin
   Detail already runs the amber ladder on its create/edit pages.
   ========================================================================== */

/* Create / Edit Admin — light form hierarchy (layer ladder; not flat cream wash) Canvas continuum → lifted section → control well → nested well. Amber rail + Save CTA carry focus; secondary chrome stays quieter. */ html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-section{
position:relative;
  background:#FFFCF7!important;
  border:1px solid #DCC9A8!important;
  box-shadow:0 0 0 1px rgba(120,80,20,.04),0 10px 28px rgba(120,80,20,.10)!important;
  overflow:hidden;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-section::before{
content:"";
  position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#F59E0B 0%,#D97706 100%);
  pointer-events:none;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-section-head{
margin:0 0 16px;padding:0 0 14px;
  border-bottom:1px solid #EADCC8;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-section-head h3{
color:#18191C!important;
  letter-spacing:.06em;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-section-icon{
background:rgba(217,119,6,.16)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-field .form-control,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field .form-control,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field select,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field textarea,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mad-pass-wrap .form-control{
background:#FFF8EB!important;
  background-color:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-field .form-control::placeholder,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field .form-control::placeholder,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field input::placeholder{
color:#78716C!important;
  opacity:1!important;
  -webkit-text-fill-color:#78716C;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-field small{
color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-label{
color:#27272A!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-role-pick{
background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  box-shadow:inset 0 0 0 1px rgba(120,80,20,.03);
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-role-priv,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-policy-row{
background:#F0E4D0!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-role-menu,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-tag,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-policy-icon{
background:#FFFCF7!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-tag-more{
background:#F5EBDC!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-footer-actions{
background:#FFFCF7!important;
  border-top:1px solid #DCC9A8!important;
  box-shadow:0 -12px 32px rgba(120,80,20,.12)!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mac-field .form-control:focus,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field .form-control:focus,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field input:focus,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field select:focus,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .report-content .mac-field textarea:focus,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal button.mac-role-pick[aria-expanded="true"]{
border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.16)!important;
}
/* Ghost / secondary actions — lifted cream (readable against section lift) */ html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mad-btn-ghost,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mad-btn.mad-btn-ghost,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal a.mad-btn-ghost{
background-color:#F5EBDC!important;
  background-image:linear-gradient(180deg,#FFFCF7 0%,#F5EBDC 55%,#EDE4D4 100%)!important;
  border:1px solid #DCC9A8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mad-btn-ghost:hover,
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal a.mad-btn-ghost:hover{
border-color:#D97706!important;
  background-image:linear-gradient(180deg,#FFFBEB 0%,#FEF3C7 100%)!important;
  color:#18191C!important;
}
/* Edit-only: locked username + security nested cards */ html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal #madEditUsername{
background:#EDE4D4!important;
  color:#57534E!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mae-security-card{
background:#F0E4D0!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mae-status-seg{
background:#EDE4D4!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mae-status-btn.is-active{
background:#FFFCF7!important;
  box-shadow:0 1px 3px rgba(120,80,20,.14)!important;
}
html:not([data-bo-theme="dark"]) body.main-admin-create-page.bo-charcoal .mae-pass-modal-fields .form-control::placeholder{
color:#78716C!important;
}

/* ==========================================================================
   Create / edit form controls outside #madEditWorkspace
   main-merchant-create.html renders the same .mac-* form vocabulary as the Merchant
   Detail edit workspace, but not inside #madEditWorkspace — so the ID-scoped block
   above cannot reach it and the legacy cool chrome leaked through: white custom
   select triggers, near-white provider pane heads, and the retired cyan washes
   rgba(33,166,215,…) on counts and active options. Scoped by .mac-section instead,
   so it covers both contexts.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .rounded-select-btn{
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .rounded-select-btn:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .rounded-select-btn.open,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .rounded-select-btn:focus{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.12)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-menu{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-option{
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-option:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-option.active{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-provider-pane-head{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-provider-search{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-provider-count{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-provider-markup-field .form-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-input-group > .form-control{
  background-color:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .rounded-select-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .rounded-select-btn:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .rounded-select-btn.open,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .rounded-select-btn:focus{
  border-color:rgba(245,158,11,.55)!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-menu{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.45)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-option{
  color:#E7E5E4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-option:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-option.active{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-provider-pane-head{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-provider-search{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-provider-count{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-provider-markup-field .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-input-group > .form-control{
  background-color:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Create / repayments form controls — full set in the .mac-section context
   The recovered create/edit ladder only carried the LIGHT half; the dark halves of
   these controls were scoped away with the dropped admin create/edit rules, so the
   retired navy #0B1626 survived on joined inputs, their MYR/% addons, the currency
   add button, and the section icon tile. Both modes are restated here.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-field .form-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-field select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-field textarea{
  background-color:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-field .form-control::placeholder{
  color:#78716C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-field .form-control[readonly]{
  background-color:#EDE4D4!important;
  border-color:#DCC9A8!important;
  color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-input-addon{
  background:#F5EBDC!important;
  border-color:#DCC9A8!important;
  color:#71717A!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-currency-add-btn{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  color:#D97706!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-section-icon{
  background:rgba(217,119,6,.10)!important;
  color:#D97706!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-provider-chip{
  background:#FFFCF7!important;
  border-color:rgba(217,119,6,.35)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-section .mac-provider-chip.is-selected{
  background:#FFF8EB!important;
  border-color:#D97706!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-field .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-field select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-field textarea{
  background-color:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-field .form-control::placeholder{
  color:#71717A!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-field .form-control[readonly]{
  background-color:rgba(255,255,255,.04)!important;
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-input-addon{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-currency-add-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-section-icon{
  background:rgba(245,158,11,.14)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-provider-chip{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-section .mac-provider-chip.is-selected{
  background:rgba(245,158,11,.14)!important;
  border-color:rgba(245,158,11,.55)!important;
}

/* ==========================================================================
   Joined inputs (.mac-input-group) — both modes, family scope
   main-admin-detail-executive.css paints these with a rule carrying
   `body.main-merchant-create-page.main-admin-create-page .report-content
   .mac-field .mac-input-group.is-prefix` — eight class-levels, which outbids a plain
   `.mac-section .mac-field .form-control` selector. Hence the extra body classes here.
   Values: light well #F5EBDC / border #DCC9A8, dark well #2A2C36, addon text muted.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group > .form-control,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group .mac-input-addon,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-provider-markup-field .mac-input-group > .form-control,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-provider-markup-field .mac-input-group .mac-input-addon{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group .mac-input-addon{
  color:#71717A!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group > .form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group .mac-input-addon,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-provider-markup-field .mac-input-group > .form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-provider-markup-field .mac-input-group .mac-input-addon{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group .mac-input-addon,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-provider-markup-field .mac-input-group .mac-input-addon{
  color:#A1A1AA!important;
}

/* ==========================================================================
   Joined inputs — overriding the legacy `is-prefix` / `is-suffix` rules
   main-admin-detail-executive.css pins these to the retired navy #0B1626 with
   `... .report-content .mac-field .mac-input-group.is-prefix > input:not([type="checkbox"])
   :not([type="radio"]):not([type="file"])` — four attribute selectors inside :not(),
   which is ten class-levels. Beating that needs a selector of the same shape, so this
   one deliberately mirrors it and adds .mac-section. Do not "simplify" it: the plain
   `.mac-section .mac-field .form-control` form loses to that rule.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group > .form-control,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group.is-prefix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group.is-suffix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-provider-markup-field .mac-input-group.is-suffix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group > .form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group.is-prefix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-field .mac-input-group.is-suffix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-section .mac-provider-markup-field .mac-input-group.is-suffix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Edit workspace — remaining ID-scoped leftovers
   The legacy rules for the custom select options and the provider-markup input live
   under #madEditWorkspace, so only an ID-scoped selector can outbid them. Cyan
   rgba(33,166,215,…) on the active option and navy #0B1626 on #madProviderMarkup
   were the last two.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madEditWorkspace .rounded-select-option,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madCurrencyModal .rounded-select-option{
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madEditWorkspace .rounded-select-option:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madEditWorkspace .rounded-select-option.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madCurrencyModal .rounded-select-option:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madCurrencyModal .rounded-select-option.active{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madEditWorkspace input.form-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madEditWorkspace .form-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madCurrencyModal .form-control{
  background-color:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madEditWorkspace .rounded-select-option,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madCurrencyModal .rounded-select-option{
  color:#E7E5E4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madEditWorkspace .rounded-select-option:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madEditWorkspace .rounded-select-option.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madCurrencyModal .rounded-select-option:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madCurrencyModal .rounded-select-option.active{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madEditWorkspace input.form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madEditWorkspace .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madCurrencyModal .form-control{
  background-color:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Credit modal avatar + provider markup input — last two ID-scoped leftovers
   .mac-adjust-avatar kept the cyan wash in light mode, and #madProviderMarkup is
   pinned to navy #0B1626 by a rule carrying one more class than a bare
   `#madEditWorkspace input.form-control`, so the markup field classes are named here.
   ========================================================================== */

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madCreditModal .mac-adjust-avatar,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mac-adjust-panel .mac-adjust-avatar{
  background:rgba(217,119,6,.16)!important;
  color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madCreditModal .mac-adjust-avatar,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mac-adjust-panel .mac-adjust-avatar{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madEditWorkspace .mac-provider-markup-field .mac-input-group > input.form-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #madEditWorkspace .mac-provider-markup-field .mac-input-group .mac-input-addon{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madEditWorkspace .mac-provider-markup-field .mac-input-group > input.form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #madEditWorkspace .mac-provider-markup-field .mac-input-group .mac-input-addon{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Currency / credit modals — consolidated chrome
   Every remaining cool-hue surface lived inside the hidden modals, whose dark styling
   is still navy (rgba(15,23,42,…), #0B1626, white pane heads). Modal-level rules carry
   an ID and are later in the cascade, so the modal IDs are named explicitly here.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .modal-clean-panel,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .modal-clean-body,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCreditModal .modal-clean-panel,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCreditModal .modal-clean-body{
  background:#FFFCF7!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-head,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-move-btn{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-count,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-provider-count{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal input.form-control,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCreditModal input.form-control,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCreditModal select.form-control{
  background-color:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madProviderMarkup{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .modal-clean-panel,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .modal-clean-body,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCreditModal .modal-clean-panel,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCreditModal .modal-clean-body{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-head,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-move-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-currency-pane-count,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal .mac-provider-count{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModal input.form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCreditModal input.form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCreditModal select.form-control{
  background-color:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madProviderMarkup{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Currency pane + modal surfaces — class-scoped, family-wide
   main-merchant-create.html uses #merchantCurrencyModal while Merchant Detail uses
   #madCurrencyModal, so the ID-keyed block above only reached one of them. The legacy
   rules here are low specificity (`body.main-merchant-create-page .mac-currency-pane-count`),
   so a family-scoped class selector covers both modals and any future one.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean-panel,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean-body{
  background:#FFFCF7!important;
  border-color:#DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-currency-pane,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-currency-pane-head{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-currency-move-btn{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-currency-pane-count,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .mac-provider-count{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean-body input.form-control,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean-body select.form-control{
  background-color:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madProviderMarkup,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModalCode,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #merchantCurrencyModalCode{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean-panel,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean-body{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-currency-pane,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-currency-pane-head{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-currency-move-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-currency-pane-count,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .mac-provider-count{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean-body input.form-control,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean-body select.form-control{
  background-color:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madProviderMarkup,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #madCurrencyModalCode,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #merchantCurrencyModalCode{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Provider markup + currency code inputs — decisive override
   These two are pinned by legacy rules carrying an ID plus five class-levels, so even
   `#id` with the family scope lost. They are unique IDs inside known containers, so a
   two-ID selector settles it: no class count can outrank two IDs.
   ========================================================================== */

html:not([data-bo-theme="dark"]) body #madEditWorkspace #madProviderMarkup,
html:not([data-bo-theme="dark"]) body #madCurrencyModal #madCurrencyModalCode,
html:not([data-bo-theme="dark"]) body #merchantCurrencyModal #merchantCurrencyModalCode,
html:not([data-bo-theme="dark"]) body #madCurrencyModal #merchantCurrencyModalCode{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html[data-bo-theme="dark"] body #madEditWorkspace #madProviderMarkup,
html[data-bo-theme="dark"] body #madCurrencyModal #madCurrencyModalCode,
html[data-bo-theme="dark"] body #merchantCurrencyModal #merchantCurrencyModalCode,
html[data-bo-theme="dark"] body #madCurrencyModal #merchantCurrencyModalCode{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* Credit modal footer — locked Ghost recipe (#FFFCF7→#F5EBDC→#EDE4D4 / charcoal in dark).
   Two IDs: the legacy modal rules win on class count otherwise. */
html:not([data-bo-theme="dark"]) body #madCreditModal #madCreditForm .mad-btn-ghost{
  background-color:#FFFCF7!important;
  background-image:linear-gradient(180deg,#FFFCF7 0%,#F5EBDC 55%,#EDE4D4 100%)!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html[data-bo-theme="dark"] body #madCreditModal #madCreditForm .mad-btn-ghost{
  background-color:#383A46!important;
  background-image:linear-gradient(180deg,#4A4C58 0%,#383A46 55%,#2C2E38 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Date-range picker — rescoped from the amber Dashboard
   main-dashboard-executive.css already carries the locked amber treatment for the
   shared `.ref-range-*` / `.ref-cal-*` calendar (20 rules). Rather than re-derive it,
   those rules are rescoped here: `.main-dashboard-page` becomes the merchant family and
   `.main-exec-date-field` becomes `.ref-date-field`, which both pages carry, so one set
   serves the Dashboard and the merchant reports alike.
   (A first pass produced `bodybody…` here — the `body` prefix of the Dashboard selector was left
   behind when `.main-dashboard-page` was swapped. Invalid selectors, so those rules were inert.)
   ========================================================================== */

body.report-body.bo-charcoal .ref-range-presets button.active,
body.report-body.bo-charcoal .ref-cal-days button.selected,
body.report-body.bo-charcoal .ref-cal-month-grid button.active,
body.report-body.bo-charcoal .ref-cal-year-grid button.active{
background:var(--bo-cyan)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.report-body.bo-charcoal .ref-cal-days button.in-range{
background:rgba(217,119,6,.12)!important
}
body.report-body.bo-charcoal .ref-date-field .ref-range-wrap,
body.report-body.bo-charcoal .ref-date-field .ref-range-trigger{
width:100%!important
}
body.report-body.bo-charcoal .ref-date-field .ref-range-trigger{
height:42px;
  border:1px solid var(--bo-border)!important;
  border-radius:8px;
  background:var(--bo-surface)!important;
  color:var(--bo-navy);
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
  box-shadow:none;
  gap:10px;
  padding:0 12px!important;
}
body.report-body.bo-charcoal .ref-date-field .ref-range-trigger:hover,
body.report-body.bo-charcoal .ref-date-field .ref-range-trigger:focus{
border-color:var(--bo-cyan)!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.14)!important;
  outline:0;
}
body.report-body.bo-charcoal .ref-date-field .ref-range-icon{
height:auto;width:auto;
  padding:0;
  margin:0;
  background:transparent!important;
  color:var(--bo-navy)!important;
  border-radius:0;
  display:inline-flex;
  align-items:center;
  font-size:15px;
}
body.report-body.bo-charcoal .ref-date-field .ref-range-trigger > #mainDateLabel{
color:var(--bo-navy);
  font-weight:700;
}
body.report-body.bo-charcoal .ref-date-field .ref-range-trigger > .bi-chevron-down{
margin-left:auto;
  color:var(--bo-navy);
  font-size:12px;
  opacity:.85;
}
body.report-body.bo-charcoal .ref-date-field .ref-range-picker{
left:0;right:auto;z-index:6200;
  border-color:var(--bo-border);
  border-radius:12px;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-picker{
background:var(--bo-surface)!important;
  border-color:var(--bo-border)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.4)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-presets{
background:#2A2C36!important;
  border-right-color:var(--bo-border)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-presets button{
color:var(--bo-text-secondary)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-presets button:hover{
background:rgba(245,158,11,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-presets button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-days button.selected,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-month-grid button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-year-grid button.active{
background:#F59E0B!important;
  color:#2A2C36!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-head button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-head-pick{
color:var(--bo-text-secondary)!important;
  background:var(--bo-bg)!important;
  border-color:var(--bo-border)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-week span{
color:var(--bo-muted)!important
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-days button{
background:transparent!important;
  color:var(--bo-text)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-days button.muted{
color:var(--bo-muted)!important
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-month-grid button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-year-grid button{
background:var(--bo-bg)!important;
  color:var(--bo-text-secondary)!important;
}

/* ==========================================================================
   Report chrome: date picker cells, page-size selects, modal inputs
   The Dashboard rules rescoped above only restyled the SELECTED states of the calendar
   grids; their base cells come from reports.css as #F7F9FC / white. Same for the
   page-size selects and the calendar popover panel in light mode. Covered here so the
   whole picker reads cream/charcoal rather than cool grey, on every merchant report.
   ========================================================================== */

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-range-picker,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-range-presets{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  box-shadow:0 12px 30px rgba(60,48,32,.14)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-month-grid button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-year-grid button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-days button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-head-pick,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-head button{
  background:transparent!important;
  border-color:transparent!important;
  color:#374151!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-month-grid button:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-year-grid button:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-days button:hover{
  background:rgba(217,119,6,.10)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-days button.muted,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-days .muted{
  color:#57534E!important;
  background:transparent!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-cal-week span{
  color:#71717A!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mad-page-size-select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-btn{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-menu{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-option{
  background:transparent!important;
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-option:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-option.active{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-picker,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-presets{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.4)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-month-grid button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-year-grid button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-days button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-head-pick,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-head button{
  background:transparent!important;
  border-color:transparent!important;
  color:#E7E5E4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-month-grid button:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-year-grid button:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-days button:hover{
  background:rgba(245,158,11,.14)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-days .muted{
  color:#A1A1AA!important;
  background:transparent!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-cal-week span{
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-page-size-select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-menu{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-option{
  background:transparent!important;
  color:#E7E5E4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-option:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-option.active{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}

/* Settlement payment modal + picker active states — last handful. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #settlementPaymentDatePicker button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #settlementPaymentForm .mac-input-group > input,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #settlementPaymentForm .mac-input-group > .form-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #settlementPaymentNote{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal #settlementPaymentDatePicker button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #settlementPaymentForm .mac-input-group > input,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #settlementPaymentForm .mac-input-group > .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #settlementPaymentNote{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* picker / option selected states still carried the retired cyan in dark */
/* The pickers follow the locked contract (DESIGN.md "Picker"): the active preset is a
   SOLID fill, not a wash. This was the last page carrying the wash. The enhanced
   select options keep their own wash/fill pair and are deliberately kept apart. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #reportRangePicker .active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #settlementPaymentDatePicker .active{
  background:#D97706!important;
  color:#FFFFFF!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rounded-select-option.active{
  background:rgba(217,119,6,.16)!important;
  color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal #reportRangePicker .active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #settlementPaymentDatePicker .active{
  background:#F59E0B!important;
  color:#2A2C36!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rounded-select-option.active{
  background:rgba(245,158,11,.20)!important;
  color:#FBBF24!important;
}

/* Final: modal-scoped inputs and select options (stronger prefix; these live in popovers/modals). */
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group.is-prefix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean textarea.form-control{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group.is-prefix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean textarea.form-control{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal #reportRangePicker .rounded-select-option.active,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .ref-range-picker .rounded-select-option.active,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean .rounded-select-option.active,
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .modal-clean .rounded-select-option:hover{
  background:rgba(15,23,42,.16)!important;
  color:#B45309!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal #reportRangePicker .rounded-select-option.active,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .ref-range-picker .rounded-select-option.active,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean .rounded-select-option.active,
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .modal-clean .rounded-select-option:hover{
  background:rgba(245,158,11,.20)!important;
  color:#FBBF24!important;
}

/* ==========================================================================
   Per-page sections below were derived by static analysis of each page's own legacy
   stylesheet (main-merchant-profit.css, main-merchant-profit-record.css,
   main-merchant-repayments.css) plus the shared layers. They cover only what the
   family block above cannot reach: hard-coded cool colours inside page-scoped classes.
   ========================================================================== */

/* ---- from bo-patch-security.css ---- */
/* ==========================================================================
   Merchant Security & Audit — Charcoal + Amber delta
   Page: main-merchant-security.html
   (body.main-admin-security-page.main-merchant-security-page,
    data-access-page="main_merchant_detail")

   Concatenate onto the END of assets/css/main-merchant-detail-executive.css when
   that file is linked into main-merchant-security.html. Every selector carries the
   family scope, so these rules win on equal specificity by source order against the
   legacy Deep Navy Cyan block of main-admin-detail-executive.css (lines 3544-4128),
   whose `.mas-*` rules are scoped to `body.main-admin-security-page` — a class this
   page also carries.

   Why this file is short: the shared block re-declares the `--bo-*` tokens on
   `body.report-body.bo-charcoal`, so every
   legacy `.mas-*` rule that paints through a token (--bo-navy, --bo-cyan,
   --bo-cyan-tint, --bo-cyan-deep, --bo-surface, --bo-border, --bo-control-well,
   --bo-text / -secondary / -muted, --bo-danger, --bo-success) already renders amber
   or cream. Only the HARD-CODED leftovers below are still cool or near-white.

   Value sources, in order of preference:
     1. The already-migrated family (main-merchant-detail-executive.css) — the
        `.mad-status` pill recipe, the calendar hover/wash values and the table
        secondary-text values are copied verbatim, not re-derived.
     2. menu-permission-executive.css (the other amber Security & Audit surface) —
        copied verbatim for the dark scrollbar pill.
     3. The target palette itself where no amber source exists for the element.

   `html:not([data-bo-theme="dark"])` guards appear on three groups. They are
   required, not stylistic: without the guard the light value carries more
   class-level weight than the legacy dark rule for the same element, so it would
   out-bid the dark theme (e.g. dark brown ink on charcoal for the picker presets).
   The shared block uses the same guard form for its own light-only rules.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Audit table body scrollbar
   main-admin-detail-executive.css:3626/3635/3641 hard-code the retired slate grey
   for the thumb and for the Firefox `scrollbar-color`, and a darker slate for the
   hover. Because the legacy rule also sets `scrollbar-color`, Chromium ignores
   `::-webkit-scrollbar` and takes the thumb colour from `scrollbar-color`, so both
   properties must be replaced.
   Light: listing border #EADCC8, hover the stronger form border #DCC9A8.
   Dark: copied verbatim from menu-permission-executive.css:1667-1675 (bright amber
   thumb, deep amber hover).
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mas-table-body-scroll{
  scrollbar-color:#EADCC8 transparent!important;
}
body.report-body.bo-charcoal .mas-table-body-scroll::-webkit-scrollbar-thumb{
  background:#EADCC8!important;
  background-color:#EADCC8!important;
}
body.report-body.bo-charcoal .mas-table-body-scroll::-webkit-scrollbar-thumb:hover{
  background:#DCC9A8!important;
  background-color:#DCC9A8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-table-body-scroll{
  scrollbar-color:#F59E0B transparent!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-table-body-scroll::-webkit-scrollbar-thumb{
  background:#F59E0B!important;
  background-color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-table-body-scroll::-webkit-scrollbar-thumb:hover{
  background:#D97706!important;
  background-color:#D97706!important;
}

/* --------------------------------------------------------------------------
   2. KPI tile — "Alerts" icon
   main-admin-detail-executive.css:3656 gives `.mas-kpi-icon.is-danger` an almost
   white pink tile fill on the cream topbar. Replaced with the red counterpart of
   the wash the sibling tiles use (--bo-cyan-tint = 12% amber), so all three tiles
   read as one set. The legacy `color:var(--bo-danger)` already resolves to #991B1B
   in light, and the dark rule (3979, a red wash on charcoal, the same family red
   the migrated pages keep for danger) is correct as authored. Light only, hence
   the guard.
   -------------------------------------------------------------------------- */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mas-kpi-icon.is-danger{
  background:rgba(239,51,64,.12)!important;
}

/* --------------------------------------------------------------------------
   3. Status pills in the audit table
   main-admin-detail-executive.css:3911/3913 (near-white mint / pink fills with
   the retired green and maroon ink) and 3990/3991 (dark mint and red washes) are
   the exact pill values the family already replaced on `.mad-status.is-active` /
   `.mad-status.is-suspended` — main-merchant-detail-executive.css:944-965 and
   1150-1170. Copied verbatim so the Merchant list and the Security list agree.
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mas-status.is-success{
  background:#D1FAE5!important;
  color:#047857!important;
}
body.report-body.bo-charcoal .mas-status.is-blocked,
body.report-body.bo-charcoal .mas-status.is-failed{
  background:#FEE2E2!important;
  color:#B91C1C!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-status.is-success{
  background:rgba(16,185,129,.14)!important;
  color:#6EE7B7!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-status.is-blocked,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-status.is-failed{
  background:rgba(239,68,68,.14)!important;
  color:#FCA5A5!important;
}

/* --------------------------------------------------------------------------
   4. Blocked-row target chip (`.mas-target` inside `tr.is-blocked`)
   main-admin-detail-executive.css:3891 fills it with the same near-white pink the
   pills above used; the family already settled that value as #FEE2E2 on
   `.mad-status-chip.is-suspended`. The rule also has no dark counterpart and its
   (0,4,1) shape out-bids the dark `.mas-target` wash at line 3985 (0,3,2), so the
   near-white chip leaked into dark mode: the dark override below is new, in the
   migrated danger red wash. Text is already right (`color:var(--bo-danger)`).
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mas-table tr.is-blocked .mas-target{
  background:#FEE2E2!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-table tr.is-blocked .mas-target{
  background:rgba(239,68,68,.14)!important;
}

/* --------------------------------------------------------------------------
   5. Muted / secondary text in the audit table and the detail modal
   Every legacy `.mas-*` copy rule uses `color:var(--bo-muted)`, which the shared
   block only remaps as far as the neutral cool grey pair. DESIGN.md ("Data tables
   → Light muted on cream") locks light muted/time to #57534E and dark to #D4D4D8,
   and the family already applies exactly that to table secondary text
   (main-merchant-detail-executive.css:1561-1570 `.mad-table td small`).
   `.mas-kpi-meta` needs its :not() guards: the legacy `.is-success/.is-danger/
   .is-live` modifiers sit at (0,3,1) WITHOUT !important, so a plain
   `.mas-kpi-meta{color:#57534E!important}` would win by source order and grey out
   the semantic deltas. The guards are the fix, not noise.
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mas-time small,
body.report-body.bo-charcoal .mas-admin-copy small,
body.report-body.bo-charcoal .mas-event-copy small,
body.report-body.bo-charcoal .mas-ip small,
body.report-body.bo-charcoal .mas-detail-grid dt,
body.report-body.bo-charcoal .mas-kpi-label,
body.report-body.bo-charcoal .mas-kpi-meta:not(.is-success):not(.is-danger):not(.is-live){
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-time small,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-admin-copy small,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-event-copy small,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-ip small,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-detail-grid dt,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-kpi-label,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-kpi-meta:not(.is-success):not(.is-danger):not(.is-live){
  color:#D4D4D8!important;
}

/* --------------------------------------------------------------------------
   6. Search box focus ring
   main-admin-detail-executive.css:535 hard-codes the retired cyan focus ring — a
   banned tint, not a token. Pinned to this page through its own `.mas-search`
   class (the only hook that ties the rule to this file) so the shared shell of the
   other merchant pages is untouched. Ring colours copied from the migrated filter
   controls: main-merchant-detail-executive.css:1696/2009 (light) and 1424 (dark).
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mas-search:focus-within{
  box-shadow:0 0 0 3px rgba(217,119,6,.12)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mas-search:focus-within{
  box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}

/* --------------------------------------------------------------------------
   7. Date-range picker — preset rail and month/year pickers (LIGHT ONLY)
   The shared block restyled the calendar CELLS but reports.css still owns the
   preset rail and the head pickers, and those are cool:
     reports.css:1426 — `.ref-range-presets button` text in the retired slate, and
       a cool blue-white `:hover` fill;
     reports.css:1454 — `.ref-cal-head .ref-head-pick:hover/:focus` retiring to an
       indigo border plus an indigo focus ring.
   Hover fill and ink are copied from the shared block's calendar hover
   (main-merchant-detail-executive.css:2662-2667). Both `:not(.active)` guards are
   load-bearing: the amber `.active` preset (main-merchant-detail-executive.css:2533)
   sets white ink on the amber fill and sits BELOW these rules in class weight, so
   without the guard the active preset would render dark ink on amber.
   Dark mode already resolves these two elements through the legacy `.mas-date-field`
   rules at lines 4024-4032 and the dark base rules, so the light values must not
   reach it — hence the guard, not a dark counterpart.
   -------------------------------------------------------------------------- */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mas-date-field .ref-range-presets button:not(.active){
  color:#374151!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mas-date-field .ref-range-presets button:hover:not(.active){
  background:rgba(217,119,6,.10)!important;
  color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mas-date-field .ref-cal-head .ref-head-pick:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .mas-date-field .ref-cal-head .ref-head-pick:focus{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.12)!important;
  color:#B45309!important;
}

/* --------------------------------------------------------------------------
   Checked, deliberately NOT overridden
   - `.mas-panel` / `.mas-table-wrap` / `.mas-table-head`, `.mas-kpi`,
     `.mas-date-field .ref-range-trigger/-icon`, `.mas-avatar`, `.mas-target`
     (normal row), `.mas-dot`, `.mas-view`, `.mas-detail-raw`, blocked-row
     `.mas-time b` / `.mas-event-copy b`: token-only rules, already amber/cream.
   - `.mas-table tbody tr.is-blocked td` (legacy 3838/3841, red washes): already
     neutralised — the shared block sets `.mad-table td{background:transparent
     !important}` and `.mad-table tbody tr:hover td{background:#FFF1DC!important}`,
     so those washes can never paint.
   - `.mas-detail-raw` dark (legacy 4073 uses `var(--bo-bg)`): keeps the same
     recessed-well relationship as its light control-well fill, charcoal-neutral.
   - Fallbacks inside `var(--bo-x, <retired colour>)` (control well, control border,
     surface, navy, shadow): the tokens are all defined in the family scope, so no
     fallback ever resolves.
   - The `:focus` ring on the native select (legacy 558): reports.js parks the
     native select at `opacity:0;width:1px`, so it never paints.
   - Modal scrims (`.modal-clean.mad-modal`, `.sidebar-overlay`) keep their dark
     translucent backdrop per DESIGN.md.
   ========================================================================== */

/* ---- from bo-patch-profit.css ---- */
/* =============================================================================
   Merchant Profit — Charcoal + Amber residuals
   Concatenate AFTER assets/css/main-merchant-detail-executive.css.
   Scope: body.report-body.bo-charcoal
   — main-merchant-profit.html (body.main-merchant-profit-page) only.

   Only what this page needs BEYOND the shared family block: the `.mpr-*` components
   it owns (KPI chips, ledger cells, type pills, created-at tip, its date field) plus
   the retired values assets/css/main-merchant-profit.css hard-codes.
   Values are copied from already-amber sources — the token block of
   main-merchant-detail-executive.css and the amber form/tip/picker recipes inside it —
   not re-derived.
   ============================================================================= */


/* -----------------------------------------------------------------------------
   1. Legacy token block
   assets/css/main-merchant-profit.css:3-16 declares navy/cyan custom properties on
   `body.main-merchant-profit-page`; every var(--mpr-*) consumer reads them and that
   file is off-limits. Re-declaring the block on the same element is the only short
   selector that re-points all of them at once. The family scope is COMPOUNDED onto
   body — a descendant prefix (`... [data-access-page] body`) can never match, body is
   not inside body. Specificity (0,3,1) / (0,4,2) beats the legacy (0,1,1) / (0,2,2),
   so this also outranks the page's own dark block.
   Replaces: --mpr-navy #123B66 · --mpr-cyan #21A6D7 · --mpr-cyan-tint rgba(33,166,215,.10)
   · --mpr-surface #FFFFFF · --mpr-bg #F5F8FB · --mpr-border #E2E7F0 · --mpr-text #11203A
   · --mpr-muted #657187 · --mpr-shadow (navy-tinted).
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal.main-merchant-profit-page{
  --mpr-navy:#B45309!important;
  --mpr-navy-deep:#B45309!important;
  --mpr-cyan:#D97706!important;
  --mpr-cyan-tint:rgba(217,119,6,.12)!important;
  --mpr-success:#12B76A!important;
  --mpr-success-tint:rgba(18,183,106,.12)!important;
  --mpr-bg:#FFF1DC!important;
  --mpr-surface:#FFF8EB!important;
  --mpr-border:#EADCC8!important;
  --mpr-text:#18191C!important;
  --mpr-muted:#57534E!important;
  --mpr-shadow:0 0 0 1px rgba(24,25,28,.04),0 1px 2px -1px rgba(24,25,28,.06),0 2px 8px rgba(24,25,28,.04)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-page{
  --mpr-navy:#F59E0B!important;
  --mpr-navy-deep:#D97706!important;
  --mpr-cyan:#F59E0B!important;
  --mpr-cyan-tint:rgba(245,158,11,.16)!important;
  --mpr-success:#10B981!important;
  --mpr-success-tint:rgba(16,185,129,.16)!important;
  --mpr-bg:#2A2C36!important;
  --mpr-surface:#383A46!important;
  --mpr-border:rgba(255,255,255,.14)!important;
  --mpr-text:#F5F5F4!important;
  --mpr-muted:#D4D4D8!important;
  --mpr-shadow:none!important;
}


/* -----------------------------------------------------------------------------
   2. KPI chips (.mpr-mini / .mpr-mini.is-hero)
   Legacy (main-merchant-profit.css:59-78): background var(--mpr-surface) = pure #FFFFFF,
   border var(--mpr-border) = #E2E7F0; dark (527-532) fill #0F1C2E / border #24374F.
   `.mpr-mini.is-hero` is repeated in every selector: on its own it is three
   class-levels, the same as the plain `.mpr-mini` override, so the tie would be decided
   by source order instead of by the rule itself.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mpr-mini,
body.report-body.bo-charcoal .mpr-mini.is-hero{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-mini,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-mini.is-hero,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-ledger-panel.mad-panel{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* KPI text — legacy var(--mpr-text) #11203A and var(--mpr-muted) #657187 (:108-133);
   dark (:522-526) forced #E8EEF7. */
body.report-body.bo-charcoal .mpr-mini-value,
body.report-body.bo-charcoal .mpr-merchant{
  color:#18191C!important;
}
body.report-body.bo-charcoal .mpr-mini-label,
body.report-body.bo-charcoal .mpr-mini-meta,
body.report-body.bo-charcoal .mpr-merchant small{
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-mini-value,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-merchant{
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-mini-label,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-mini-meta,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-merchant small{
  color:#D4D4D8!important;
}

/* KPI icons — legacy Navy chip rgba(18,59,102,.1)/#123B66 and Cyan chip
   rgba(33,166,215,.10)/#21A6D7 (:88-99); dark navy chip switch was cyan (:533-536). */
body.report-body.bo-charcoal .mpr-mini-icon.is-navy,
body.report-body.bo-charcoal .mpr-mini-icon.is-cyan{
  background:rgba(217,119,6,.12)!important;
}
body.report-body.bo-charcoal .mpr-mini-icon.is-navy{
  color:#B45309!important;
}
body.report-body.bo-charcoal .mpr-mini-icon.is-cyan{
  color:#D97706!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-mini-icon.is-navy,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-mini-icon.is-cyan{
  background:rgba(245,158,11,.16)!important;
  color:#F59E0B!important;
}

/* Trend chip — the flat state carried a navy wash, rgba(18,59,102,.08) (:155-158).
   Mapped to the "money zero" neutrals; the up/down states read success/danger from
   var(--mpr-success-tint)/var(--mpr-success), so the token block above already
   re-points them. */
body.report-body.bo-charcoal .mpr-kpi-trend.is-flat{
  background:rgba(113,113,122,.12)!important;
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-kpi-trend.is-flat{
  background:rgba(161,161,170,.16)!important;
  color:#A1A1AA!important;
}


/* -----------------------------------------------------------------------------
   3. Ledger cells
   Amount column (main-merchant-profit.js:194) is the money cell: COLLECT is income and
   keeps the money-positive amber, the PAY direction adds Bootstrap `.text-danger`.
   Legacy base colour was var(--mpr-text) (:283-287), dark forced #E8EEF7 (:522-526).
   The `.mad-table` prefix keeps the negative state above Bootstrap's
   `.text-danger{color:…#dc3545!important}` utility.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mpr-amount{
  color:#B45309!important;
}
body.report-body.bo-charcoal .mad-table .mpr-amount.text-danger{
  color:#991B1B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-amount{
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table .mpr-amount.text-danger{
  color:#F87171!important;
}

/* Type pills — live month/one-off chips only. Legacy blues #EAF3FF/#2466BD and greens
   #EAF9F0/#16834C (:263-270); dark rgba(36,102,189,.22)/#8CBCFF and
   rgba(22,131,76,.22)/#6CE9A6 (:543-550). */
body.report-body.bo-charcoal .mpr-kind.is-monthly{
  background:rgba(217,119,6,.12)!important;
  color:#B45309!important;
}
body.report-body.bo-charcoal .mpr-kind.is-oneoff{
  background:rgba(18,183,106,.12)!important;
  color:#12B76A!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-kind.is-monthly{
  background:rgba(245,158,11,.16)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-kind.is-oneoff{
  background:rgba(16,185,129,.16)!important;
  color:#10B981!important;
}

/* Created-at tip — legacy navy tooltip #0F1F33 + rgba(15,23,42,.22) shadow (:360-402)
   and the navy/cyan dark twin #243B55 / #F5F8FB / rgba(125,211,252,.22) (:630-638).
   Values copied from the amber tooltips already in the shared file (cream #FFF8EB +
   #6b360c + rgba(217,119,6,.28); dark #40424E + #F5F5F4 + rgba(245,158,11,.35)). */
body.report-body.bo-charcoal .mpr-created-at[data-tip]::after{
  background:#FFF8EB!important;
  color:#6b360c!important;
  border:1px solid rgba(217,119,6,.28)!important;
  border-radius:999px!important;
  box-shadow:0 8px 22px rgba(60,48,32,.12)!important;
}
body.report-body.bo-charcoal .mpr-created-at[data-tip]::before{
  border-top-color:#FFF8EB!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-created-at[data-tip]::after{
  background:#40424E!important;
  color:#F5F5F4!important;
  border:1px solid rgba(245,158,11,.35)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-created-at[data-tip]::before{
  border-top-color:#40424E!important;
}


/* -----------------------------------------------------------------------------
   4. This page's date-range field (.mpr-date-field)
   The shared block restyles the shared `.ref-date-field` picker, but the page dark
   block (main-merchant-profit.css:553-628) pins the same elements again through
   `.mpr-date-field` with !important, which outranks it — every rule below mirrors that
   `.mpr-date-field` shape so the amber values win on specificity, not on file order.
   Retired values replaced: trigger var(--bo-bg) canvas fill / hover #21A6D7 fallback /
   icon #8FA0B5 · presets .active rgba(33,166,215,.18)+#7DD3FC · day .muted #5B6B80 ·
   in-range rgba(33,166,215,.14)+#9FD4F0 · selected rgba(33,166,215,.28)+#7DD3FC ·
   head buttons filled with the page canvas instead of the shared transparent cells.
   ----------------------------------------------------------------------------- */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-range-trigger{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-range-trigger:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-range-trigger:focus{
  border-color:#F59E0B!important;
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-range-icon{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-range-picker{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.4)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-range-presets{
  background:#383A46!important;
  border-right-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-range-presets button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-days button.selected,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-days button.start,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-days button.end,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-month-grid button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-year-grid button.active{
  background:#F59E0B!important;
  /* locked accent-on: dark ink on amber (was white, the last deviation DESIGN.md listed) */
  color:#2A2C36!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-days button.in-range{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-days button.muted{
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-head button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mpr-date-field .ref-cal-head .ref-head-pick{
  background:transparent!important;
  border-color:transparent!important;
  color:#E7E5E4!important;
}


/* -----------------------------------------------------------------------------
   5. Search frame focus ring
   `.mad-search` is shared chrome and is not a `.mpr-*` class, but the family block
   never restyles its frame; the only rule left painting it is the legacy focus ring
   (main-admin-detail-executive.css:535-538) with the retired cyan wash
   rgba(33,166,215,.12). The page's own search (#mprSearch) is the element affected.
   The step that matters here is `.main-merchant-profit-page`: every other page in the
   family carries `.mad-search` too, so without it the ring would leak into
   main-merchant-detail/create/settlement, which are already migrated and verified.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal.main-merchant-profit-page .mad-search:focus-within{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.12)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-page .mad-search:focus-within{
  border-color:#F59E0B!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}


/* -----------------------------------------------------------------------------
   Left alone on purpose (they cannot match this page, or they are not retired hues):
   · .mpr-modal-segs / .mpr-modal-seg / .mpr-fields / .mpr-hint / .mpr-repay-modal,
     .mpr-repay-table*, .mpr-repay-stat, .mpr-repay-row-* — no such markup is emitted by
     main-merchant-profit.html or main-merchant-profit.js; the repay icon is a link.
   · .mpr-repay-badge — #EF3340 is a live overdue counter, not the retired palette; its
     ring already reads var(--bo-surface), i.e. cream light / #383A46 dark.
   · .mpr-repay-btn[aria-expanded] — resolves through the token block above, no !important
     colour of its own.
   · .mpr-kind / .mpr-created-at / .mpr-actions geometry, .mpr-ledger-panel column
     widths, .mpr-kpi-trend.is-down (semantic red) — untouched by this migration.
   ============================================================================= */

/* ---- from bo-patch-profit-record.css ---- */
/* =============================================================================
   Record Profit — Charcoal + Amber residuals
   Concatenate AFTER assets/css/main-merchant-detail-executive.css.
   Scope: body.report-body.bo-charcoal
   — main-merchant-profit-record.html (body.main-merchant-profit-record-page) only.

   Only what this page needs BEYOND the shared family block: the `.mprr-*` form card it
   owns plus the retired values assets/css/main-merchant-profit-record.css hard-codes.
   The selects in .mprr-field are converted to the house custom select by reports.js, so
   the visible control is `.rounded-select-btn` (the native `select` is 1×1 transparent);
   both shapes are covered. Values are copied from the already-amber recipes
   (main-merchant-detail-executive.css amber block: #madEditWorkspace fields, tips,
   picker/custom-select states), not re-derived.
   ============================================================================= */


/* -----------------------------------------------------------------------------
   1. Legacy token block
   assets/css/main-merchant-profit-record.css:2-14 declares the navy/cyan set on
   `body.main-merchant-profit-record-page` (dark twins :516-524); every var(--mprr-*)
   consumer reads them and that file is off-limits. Re-declaring the block on the same
   element re-points all of them at once. The family scope is COMPOUNDED onto body — a
   descendant prefix (`... [data-access-page] body`) can never match; body is not inside
   body. (0,3,1) / (0,4,2) beats the legacy (0,1,1) / (0,2,2).
   Replaces: --mprr-surface #fff · --mprr-bg #F5F8FB · --mprr-border #E2E7F0 ·
   --mprr-text #11203A · --mprr-muted #657187 · --mprr-help #8290A3 ·
   --mprr-cyan #21A6D7 · --mprr-cyan-tint rgba(33,166,215,.10) · --mprr-navy #123B66 ·
   --mprr-shadow (navy-tinted); dark #0F1C2E · #08131F · #24374F · #E8EEF7 · #8A95A8 · #7B879C.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal.main-merchant-profit-record-page{
  --mprr-navy:#B45309!important;
  --mprr-navy-deep:#B45309!important;
  --mprr-cyan:#D97706!important;
  --mprr-cyan-tint:rgba(217,119,6,.12)!important;
  --mprr-surface:#FFF8EB!important;
  --mprr-bg:#FFF1DC!important;
  --mprr-border:#EADCC8!important;
  --mprr-text:#18191C!important;
  --mprr-muted:#57534E!important;
  --mprr-help:#57534E!important;
  --mprr-shadow:0 0 0 1px rgba(24,25,28,.04),0 1px 2px -1px rgba(24,25,28,.06),0 2px 10px rgba(24,25,28,.04)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page{
  --mprr-navy:#F59E0B!important;
  --mprr-navy-deep:#D97706!important;
  --mprr-cyan:#F59E0B!important;
  --mprr-cyan-tint:rgba(245,158,11,.16)!important;
  --mprr-surface:#383A46!important;
  --mprr-bg:#2A2C36!important;
  --mprr-border:rgba(255,255,255,.14)!important;
  --mprr-text:#F5F5F4!important;
  --mprr-muted:#D4D4D8!important;
  --mprr-help:#D4D4D8!important;
  --mprr-shadow:none!important;
}


/* -----------------------------------------------------------------------------
   2. Title badge + mode switch
   Badge (main-merchant-profit-record.css:31-44) was cyan rgba(33,166,215,.12) on
   var(--mprr-cyan); dark (:525-527) rgba(33,166,215,.22) on #7DD3FC.
   Segmented pill icon (:64-67) fell back to #21A6D7 in light and #7DD3FC in dark.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mprr-title-badge{
  background:rgba(217,119,6,.12)!important;
  color:#D97706!important;
}
body.report-body.bo-charcoal .mprr-mode-btn.mad-pill.is-active i{
  color:#D97706!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-title-badge{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-mode-btn.mad-pill.is-active i{
  color:#FBBF24!important;
}

/* Field labels — optional tag was #98A2B3 (:128-135), the required marker #E04F16
   (:127). The marker is re-pointed at the system danger exactly as the amber admin
   form does (.mac-label b → var(--bo-danger), #991B1B light / #F87171 dark). */
body.report-body.bo-charcoal .mprr-optional,
body.report-body.bo-charcoal .mprr-amount-tag{
  color:#57534E!important;
}
body.report-body.bo-charcoal .mprr-label b{
  color:#991B1B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-optional,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-amount-tag{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-label b{
  color:#F87171!important;
}


/* -----------------------------------------------------------------------------
   3. Field controls — text inputs, selects, textarea, amount addon
   Legacy (:140-167) painted #d0d5dd borders over pure #fff with !important, twice
   (bare and `.report-content` prefixed) — the `.report-content` shape is mirrored here
   because it is the strongest of the two. Dark (:531-538) #0B1626 / #334155 / #E8EEF7.
   Replaced with the amber control recipe: #F5EBDC well + #DCC9A8 border, #2A2C36 +
   rgba(255,255,255,.12) in dark; focus #D97706 + rgba(217,119,6,.12) light and
   #F59E0B + rgba(245,158,11,.18) dark.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mprr-field .form-control,
body.report-body.bo-charcoal .mprr-field .form-select,
body.report-body.bo-charcoal .report-content .mprr-field .form-control,
body.report-body.bo-charcoal .report-content .mprr-field .form-select{
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
  box-shadow:none!important;
}
body.report-body.bo-charcoal .mprr-field .form-control:focus,
body.report-body.bo-charcoal .mprr-field .form-select:focus{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.12)!important;
}
body.report-body.bo-charcoal .mprr-field .form-control::placeholder{
  color:#78716C!important;
  -webkit-text-fill-color:#78716C;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-field .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-field .form-select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-content .mprr-field .form-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-content .mprr-field .form-select{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
  box-shadow:none!important;
  /* keeps the native date-input icon legible on charcoal (shared dark field recipe) */
  color-scheme:dark;
  caret-color:#F5F5F4!important;
  -webkit-text-fill-color:#F5F5F4;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-field .form-control:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-field .form-select:focus{
  border-color:#F59E0B!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-field .form-control::placeholder{
  color:#71717A!important;
  -webkit-text-fill-color:#71717A;
}

/* Amount addon (the currency prefix chip, :391-402) — legacy #F5F8FB / #d0d5dd /
   var(--mprr-muted); dark (:613-617) #132337 / #334155 / #8A95A8. Kept on the control
   well with the sibling border so the join with the input reads as one field. */
body.report-body.bo-charcoal .mprr-amount-prefix{
  background:#F5EBDC!important;
  border-color:#DCC9A8!important;
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-amount-prefix{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#D4D4D8!important;
}


/* -----------------------------------------------------------------------------
   4. Field custom selects (reports.js rewrites every select into .rounded-select-wrap)
   Legacy (:170-254, bare + `.rounded-select-wrap` shape, all !important): #fff fills,
   #d0d5dd borders, cyan focus rgba(33,166,215,.16), menu #fff, options #fff, option
   hover rgba(33,166,215,.10)/#1B7FA8, active rgba(33,166,215,.16)/#123B66, scrollbar
   #98A2B3 → #667085; dark (:539-604) #0B1626 / #102030 / #334155 / #7DD3FC / #A5F3FC.
   The `.rounded-select-*` classes are shared with the already-migrated merchant pages,
   so `.main-merchant-profit-record-page` is added on each step: it is what lifts these
   over the shared block's generic `.rounded-select-btn/.rounded-select-menu/
   .rounded-select-option` rules (a plain family-scope + `.mprr-field` selector only
   TIES with them) and it keeps the rules from reaching the other family pages.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-btn,
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-btn{
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
  box-shadow:none!important;
}
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-btn.open,
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-btn:focus,
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-btn.open,
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-btn:focus{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.12)!important;
}
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu{
  background:#FFF8EB!important;
  border-color:#EADCC8!important;
  box-shadow:0 12px 30px rgba(60,48,32,.14)!important;
}
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu::-webkit-scrollbar-thumb{
  background:#EADCC8!important;
}
body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu::-webkit-scrollbar-thumb:hover{
  background:#DCC9A8!important;
}
/* Light option states: the legacy hover/active rules are 4 class-levels (page class +
   .mprr-field + .rounded-select-option + pseudo) while the shared block's generic
   `.rounded-select-option:hover/.active` rules are 5 — the shared amber wash already
   wins in light, so nothing is needed here. The dark legacy rules add the
   `html[data-bo-theme="dark"]` attribute step and take the lead, so they are restated. */
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-btn{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-btn.open,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-btn:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-btn.open,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-btn:focus{
  border-color:#F59E0B!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.4)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu::-webkit-scrollbar-thumb{
  background:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu::-webkit-scrollbar-thumb:hover{
  background:#78716C!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu .rounded-select-option:hover{
  background:rgba(245,158,11,.12)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu .rounded-select-option.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-profit-record-page .mprr-field .rounded-select-wrap .rounded-select-menu .rounded-select-option.is-active{
  background:rgba(245,158,11,.20)!important;
  color:#FBBF24!important;
}


/* -----------------------------------------------------------------------------
   5. Sticky footer + save status
   Footer (:445-461) was rgba(255,255,255,.92) with the navy shadow tint
   rgba(15,23,42,.04); dark (:623-626) rgba(8,19,31,.92) / #24374F. The lift colour for a
   form section is #FFFCF7; dark uses the panel surface. The light shadow is overridden
   in BOTH modes because the legacy dark block never restated it.
   Draft dot read the light green #12B76A in dark too; dark success is #10B981.
   Status text is set through Bootstrap utilities by the page JS
   (main-merchant-profit-record.js: `text-danger` / `text-muted`), which resolve to
   #dc3545 and to a near-black grey that disappears on the charcoal canvas.
   ----------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mprr-footer{
  background:#FFFCF7!important;
  border-top-color:#DCC9A8!important;
  box-shadow:0 -8px 24px rgba(60,48,32,.08)!important;
}
body.report-body.bo-charcoal .mprr-status.text-danger{
  color:#991B1B!important;
}
body.report-body.bo-charcoal .mprr-status.text-muted{
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-footer{
  background:#383A46!important;
  border-top-color:rgba(255,255,255,.14)!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.35)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-draft-dot{
  background:#10B981!important;
  box-shadow:0 0 0 3px rgba(16,185,129,.18)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-status.text-danger{
  color:#F87171!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprr-status.text-muted{
  color:#D4D4D8!important;
}


/* -----------------------------------------------------------------------------
   Left alone on purpose:
   · .mprr-chips/.mprr-chip/.mprr-entry-options/.mprr-entry-opt/.mprr-entry-radio/
     .mprr-entry-copy/.mprr-entry-badge/.mprr-info/.mprr-help — the card renders a
     `select#mprrEntryType` instead and main-merchant-profit-record.js never emits these
     nodes, so their navy/cyan rules cannot match this page.
   · .mprr-card / .mprr-card-head / .mprr-label / .mprr-draft / .mprr-date-wrap > i —
     all read var(--mprr-*) only, already re-pointed by the token block in section 1.
   · .upload-status.success/.error (#087a2f / #b00020 from reports.css) and the
     `.mprr-amount-wrap.is-stopped` orange state #E04F16 — semantic green/red/amber-red
     status hues, not part of the retired navy palette.
   ============================================================================= */

/* ---- from bo-patch-repayments.css ---- */
/* ==========================================================================
   Repayments Due (main-merchant-repayments.html) — Charcoal + Amber
   Page patch. Concatenate at the END of assets/css/main-merchant-detail-executive.css.

   Only what the shared block cannot reach is in here. The shared block already
   forces the locked values on the shell (canvas, sidebar, topbar), .mad-table /
   .mad-table-wrap (th #3F3F46, td #374151, dividers, row hover, borders),
   .mac-section / .mac-section-icon / .mac-section-head, .mac-footer-actions,
   .mad-btn / .mad-btn-ghost / .mad-btn-navy, .mac-input-group + .mac-input-addon
   (the row amount lockup well), modals, tips and empty states.

   Scope: body.report-body.bo-charcoal —
   the same family scope used by the shared block. Selectors that target a class
   this page SHARES with main-merchant-detail/create/settlement.html (which are
   already migrated and verified) additionally carry .main-merchant-repayments-page
   so nothing here can leak into those three pages.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Summary stat cards
   Legacy: assets/css/main-merchant-repayments.css L45 (fill var(--bo-bg,#F5F8FB),
   border var(--bo-border,#E2E7F0)), L54 (icon tint rgba(18,59,102,.08) + navy
   glyph), L65 (icon tint rgba(33,166,215,.12) + cyan glyph).
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mprd-stat{
  background:#FFF8EB!important;   /* was retired #F5F8FB */
  border-color:#EADCC8!important; /* was retired #E2E7F0 */
}
body.report-body.bo-charcoal .mprd-stat-icon{
  background:rgba(217,119,6,.12)!important; /* soft amber wash, was rgba(18,59,102,.08) */
  color:#D97706!important;                  /* amber primary, was navy #123B66 */
}
/* The "Total outstanding" card is the money card — same wash, deep amber glyph. */
body.report-body.bo-charcoal .mprd-stat-icon.is-cyan{
  background:rgba(217,119,6,.12)!important; /* was rgba(33,166,215,.12) */
  color:#B45309!important;                  /* deep amber, was cyan #21A6D7 */
}

/* Stat card copy — L75 label var(--bo-muted,#657187), L80 value var(--bo-text,#11203A).
   Kept explicit so the retired fallbacks can never surface. */
body.report-body.bo-charcoal .mprd-stat-copy span{
  color:#57534E!important; /* muted */
}
body.report-body.bo-charcoal .mprd-stat-copy b{
  color:#18191C!important; /* text */
}

/* --------------------------------------------------------------------------
   2. Section head copy + form hint — L27 / L90: var(--bo-muted,#657187).
   L21 is the only shared-class rule in this patch: .mac-section-copy p also
   exists on main-merchant-create.html under this same family scope, hence the
   extra .main-merchant-repayments-page class — without it the create page
   would inherit this value.
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section-copy p{
  color:#57534E!important;
}
body.report-body.bo-charcoal .mprd-form-hint{
  color:#57534E!important;
}

/* --------------------------------------------------------------------------
   3. Form status message — L98 success #027A48, L99 error #B42318
   (off-system green/red) → locked success / danger.
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mprd-status-msg.success{
  color:#12B76A!important;
}
body.report-body.bo-charcoal .mprd-status-msg.error{
  color:#991B1B!important;
}

/* --------------------------------------------------------------------------
   4. Merchant cell + outstanding balance
   L172 merchant var(--bo-text,#11203A), L181 sub-label var(--bo-muted,#657187),
   L200 balance #B42318.
   .mprd-balance cannot be shortened: the shared block colours every cell with
   `html:not([data-bo-theme="dark"]) body.main-admin-detail-page[...] .mad-table td`
   (#374151, 4 class levels, !important). `.mprd-balance` alone is 3 class
   levels and `td.mprd-balance` is still only 4 with fewer elements — this
   mirrors that shape and adds .mprd-table/.num to outbid it.
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mprd-merchant{
  color:#18191C!important;
}
body.report-body.bo-charcoal .mprd-merchant small{
  color:#57534E!important;
}
body.report-body.bo-charcoal .mad-table.mprd-table td.num.mprd-balance{
  color:#991B1B!important; /* danger, was #B42318 */
}

/* --------------------------------------------------------------------------
   5. Row amount lockup — L256 / L261 raised the well border to the retired
   cyan on focus (var(--bo-cyan,#21A6D7)). Those rules are now inert: the
   shared block sets the addon/input border with a higher specificity
   (.mac-section .mac-input-addon / .mac-section .mac-input-group > .form-control),
   which also swallows the focus state — this restores it in amber. Values
   copied from the shared block's own focus rings:
   main-merchant-detail-executive.css L1944 (light) and L1417 (dark).
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section .mac-input-group.mprd-row-amount:focus-within .mprd-row-unit,
body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section .mac-input-group.mprd-row-amount:focus-within .mac-input-addon{
  border-color:#D97706!important;
}
body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section .mac-input-group.mprd-row-amount:focus-within > .form-control.mprd-amount-input{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.16)!important;
}

/* --------------------------------------------------------------------------
   6. Row delete icon button — L270 color #b34d4d, L273 hover #dc3545
   (bootstrap red). Mirrors the shared row-icon treatment: neutral at rest,
   danger on hover (main-merchant-detail-executive.css L906 / L1524).
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal .mprd-row-del{
  color:#57534E!important;
}
body.report-body.bo-charcoal .mprd-row-del:hover{
  color:#991B1B!important;
}

/* --------------------------------------------------------------------------
   7. Row checkbox — the box is painted by main-admin-detail-executive.css
   L838 (loaded by this page): `border:1.5px solid #C5CDD8; background:#fff`
   — a pure white surface + cool grey border on the cream header and rows.
   :not(:checked) / :not(:hover) keep the shared block's amber hover
   (var(--bo-cyan) → #D97706) and charcoal/amber checked states intact; a
   plain selector here would out-specify them and freeze the box.
   Scoped to .mprd-table so the three migrated merchant pages keep theirs.
   -------------------------------------------------------------------------- */
body.report-body.bo-charcoal.main-merchant-repayments-page .mprd-table .mad-row-check-input:not(:checked) + .mad-row-check-box{
  background:#F5EBDC!important; /* control well, was #fff */
}
body.report-body.bo-charcoal.main-merchant-repayments-page .mprd-table .mad-row-check-input:not(:checked):not(:hover) + .mad-row-check-box{
  border-color:#DCC9A8!important; /* was cool #C5CDD8 */
}

/* ==========================================================================
   Dark mode
   ========================================================================== */

/* 1. Stat cards — legacy L296 fill rgba(255,255,255,.03) + border
   var(--bo-border,#24374F); icons L301 rgba(255,255,255,.06)/#9FD4F0 and
   L304 rgba(33,166,215,.16)/#7DD3FC. */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-stat{
  background:#383A46!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-stat-icon{
  background:rgba(245,158,11,.16)!important;
  color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-stat-icon.is-cyan{
  background:rgba(245,158,11,.16)!important;
  color:#FBBF24!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-stat-copy span{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-stat-copy b{
  color:#F5F5F4!important;
}

/* 2. Section head copy + form hint (L307 covers the stat values, not these). */
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section-copy p{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-form-hint{
  color:#D4D4D8!important;
}

/* 3. Form status message — L347 #6CE9A6, L348 #FCA5A5. */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-status-msg.success{
  color:#10B981!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-status-msg.error{
  color:#F87171!important;
}

/* 4. Merchant cell + outstanding balance — L307 (var(--bo-text,#E8EEF7)),
   L340 balance #FCA5A5. Same out-bid of the shared dark `.mad-table td` rule
   as the light block. */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-merchant{
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-merchant small{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mad-table.mprd-table td.num.mprd-balance{
  color:#F87171!important;
}

/* 5. Row amount lockup focus — L317 ring was rgba(255,255,255,.04) with the
   retired #9AA8BC text and L327 raised the border to the navy surface. */
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section .mac-input-group.mprd-row-amount:focus-within .mprd-row-unit,
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section .mac-input-group.mprd-row-amount:focus-within .mac-input-addon{
  border-color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-repayments-page .mac-section .mac-input-group.mprd-row-amount:focus-within > .form-control.mprd-amount-input{
  border-color:#F59E0B!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}

/* 6. Row delete icon button. */
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-row-del{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .mprd-row-del:hover{
  color:#F87171!important;
}

/* 7. Row checkbox — the box is #111111 on the shared block and #0B1626 in the
   retired admin sheet, so the control well is pinned here. */
html[data-bo-theme="dark"] body.report-body.bo-charcoal.main-merchant-repayments-page .mprd-table .mad-row-check-input:not(:checked) + .mad-row-check-box{
  background:#2A2C36!important;
}

/* Select options in the picker/modal popovers kept the retired cyan on their ACTIVE state in
   dark mode. The source rule resists identification (it does not appear in any live sheet's
   rule list under that selector), so this uses a stacked prefix — every class the family body
   carries — plus the full menu path, which outranks any class-only rule that could be applied. */
html:not([data-bo-theme="dark"]) body.report-body.standardized-listing-page.report-body.bo-charcoal .rounded-select-wrap .rounded-select-menu .rounded-select-option.active,
html:not([data-bo-theme="dark"]) body.report-body.standardized-listing-page.report-body.bo-charcoal .ref-range-picker .rounded-select-option.active,
html:not([data-bo-theme="dark"]) body.report-body.standardized-listing-page.report-body.bo-charcoal .ref-range-presets .rounded-select-option.active{
  background-color:rgba(217,119,6,.16)!important;
  background:rgba(217,119,6,.16)!important;
  color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.standardized-listing-page.report-body.bo-charcoal .rounded-select-wrap .rounded-select-menu .rounded-select-option.active,
html[data-bo-theme="dark"] body.report-body.standardized-listing-page.report-body.bo-charcoal .ref-range-picker .rounded-select-option.active,
html[data-bo-theme="dark"] body.report-body.standardized-listing-page.report-body.bo-charcoal .ref-range-presets .rounded-select-option.active{
  background-color:rgba(245,158,11,.22)!important;
  background:rgba(245,158,11,.22)!important;
  color:#FBBF24!important;
}

/* Last one: the amount field joined to its currency addon in the payment modal. The plain
   `.mac-input-group > input` override lost to the legacy is-prefix rule, so this repeats the
   stacked body prefix that settled the select options above. */
html:not([data-bo-theme="dark"]) body.report-body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group.is-prefix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not([data-bo-theme="dark"]) body.report-body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group > .form-control{
  background-color:#FFF8EB!important;
  background:#FFF8EB!important;
  border-color:#DCC9A8!important;
  color:#18191C!important;
}
html[data-bo-theme="dark"] body.report-body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group.is-prefix > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-bo-theme="dark"] body.report-body.standardized-listing-page.report-body.bo-charcoal .modal-clean .mac-input-group > .form-control{
  background-color:#2A2C36!important;
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F5F5F4!important;
}

/* ==========================================================================
   Merchant Profit — the KPI chips sit in the page header, not in a band of their own
   As a content row the strip cost 36px of chips plus an 18px gap on each side, so the
   ledger panel started at y=197. It now starts at y=142 — 55px returned to the table,
   about one row per screen — with the 18px gap before the panel kept.
   Moving the strip back into the tab row is not available: measured on the live page, the
   slack between the tabs (593px) and Record Profit is 873px at 1920 — which is exactly
   what made it look viable — but only 489px at 1536 and 429px at 1440, against 736px of
   chips. Below ~1900px they overflow and paint over the tab labels: the defect fixed in
   02bf5a8 / 6fe83e9. The page header is the only row with real slack. It is 68px tall and
   its title block ends roughly 1000px before the action cluster at 1920, while the chips
   are 36px tall — so they fit inside the existing row and cost no vertical space at all.
   `.bo-header-counters` already establishes counters in this header for non-MAIN roles.
   The ladder below drops the meta first, then the icon squares; the amount and the
   label that names it never go. Under 1300px the header wraps and the chips take a
   line of their own rather than squeezing the title to nothing.
   ========================================================================== */

/* The `[data-access-page]` prefix is not decoration: reports.css pins every direct child
   of .report-topbar with `.report-topbar > div:not(.dropdown):not(.report-actions)
   :not(.topbar-spacer){flex:1 1 auto!important}` — four class-levels from the :not()
   arguments. A plain `body.main-merchant-profit-page .report-topbar > .mpr-mini-kpis`
   is (0,3,1) and loses to it, which let the chip row be squeezed to 0 width and paint
   its chips over the action buttons. This prefix is (0,5,1), and it also keeps every rule
   in this block off the sibling merchant pages, which share the data-access-page value. */
body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar > .mpr-mini-kpis{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  width:auto;
  padding:0;
  margin:0;
  flex:0 0 auto!important;
  order:0;
}
body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar > .report-actions{
  /* .report-actions carries margin-left:auto; the chips are the right-hand group's left
     edge now, and the title block is what grows, so no auto margin is needed here. */
  margin-left:0;
  flex:0 0 auto;
}
body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini{
  min-width:0;
  height:36px;
  padding:0 12px 0 10px;
  gap:8px;
}
body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini.is-hero{min-width:0}

/* The chips take width the subtitle used to have. reports.css leaves `p` free to wrap,
   which grew the header from 68px to 86px at 1536 and 1440 — spending back a third of
   the 54px the page just gained. nowrap + ellipsis keeps the header at one line — and the
   text column needs its own min-width:0 for that to bite, otherwise the column's
   min-content width is the whole nowrap sentence (425px) and it overflows the title block
   into the chips at every width below 1700. */
body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .user-title-wrap > div:not(.user-title-icon){min-width:0}
body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .user-title-wrap h1,
body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .user-title-wrap p{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

/* less load-bearing part goes first: the pills above the table carry the counts */
@media (max-width:1700px){
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini-meta{display:none}
}
@media (max-width:1500px){
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini-icon{display:none}
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini{padding:0 10px}
}
@media (max-width:1300px){
  /* reports.css pins `.report-topbar{...flex-wrap:nowrap!important}`; a plain wrap here
     would lose to it and the chip row (basis 100%) would sit on the first line anyway. */
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar{flex-wrap:wrap!important}
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar > .mpr-mini-kpis{
    flex:1 0 100%!important;
    order:2;
  }
}
/* the page's own @media(max-width:1200px) hides .mpr-mini-label — written when the chips
   were a full-width content row, where a bare amount still read against the row above.
   In the header the label is the only thing naming the amount, so restate it. */
@media (max-width:1200px){
  body.main-merchant-profit-page .report-topbar .mpr-mini-label{display:inline}
}
@media (max-width:820px){
  /* same prefix as the base rule: a bare body.main-merchant-profit-page selector here
     would lose to it and the chips would never wrap on a phone. */
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar > .mpr-mini-kpis{flex-wrap:wrap}
}
@media (max-width:700px){
  /* reports.css pins `.standardized-listing-page .report-topbar{height:62px!important}` for
     phones. This page's header carries three chips more than a plain listing page, so the
     wrapped chip line was painted outside the 62px box, over the tab row. */
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar{height:auto!important;min-height:62px}
  /* A phone header is the most expensive space on the page, so the chips claim exactly one
     36px line: tighter padding, a 13px amount, and no repeated unit — every figure on the
     page is MYR (there is one currency in the filter, and the amount column says so). */
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar > .mpr-mini-kpis{gap:6px;flex-wrap:nowrap}
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini{padding:0 8px;gap:6px}
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini-value{font-size:13px}
  body.main-merchant-profit-page.report-body.bo-charcoal .report-topbar .mpr-mini .currency-unit{display:none}
}

/* ==========================================================================
   Merchant Profit — filter bar balance
   reports.css pins EVERY `.ref-date-field` to 292px in a media query with four
   !important size declarations, so the date range was wider than its content while
   the search box stayed at 220px and truncated its own placeholder — and because the
   row is `space-between` with a non-growing tools group, ~190px of dead space sat in
   the middle. Now: the date range is sized to its content, the search is the one
   control that absorbs slack, and the tools group fills the row so nothing is left
   over. Scoped to this page; no other page's date field changes.
   ========================================================================== */

html body.main-merchant-profit-page .mpr-filter-row-main > .mad-filters.mpr-filters-tools{
  flex:1 1 auto;
  min-width:0;
  justify-content:flex-end;
}
html body.report-body.bo-charcoal .ref-date-field{
  /* reports.css pins EVERY .ref-date-field to 292px with !important, over the 230-260px
     these pages ask for. 260px fits the date text plus icon and chevron with room. */
  width:260px!important;
  min-width:240px!important;
  max-width:260px!important;
  flex:0 0 260px!important;
}
html body.main-merchant-profit-page .mpr-filter-row-main .mad-search{
  flex:1 1 240px!important;
  min-width:200px;
  max-width:360px;
}

/* ==========================================================================
   Merchant Profit — the date control was pinned twice from the outside
   Two global reports.css rules size the shared date control and are NOT scoped to
   any page: one pins `.ref-range-wrap` (it is in that selector list) to 292px, another
   pins `.ref-range-trigger` to 390px, both with min-width and max-width as well.
   So the visible trigger was 390px inside a 292px wrapper inside a 260px field — it
   overflowed its own column by 130px and drew over the currency select and the search
   box, which is what looked like two controls overlapping.
   Both layers are pinned back to their container here, so the trigger is exactly as
   wide as the field. Higher specificity than the global rules, and !important like them.
   ========================================================================== */

html body.report-body.bo-charcoal .ref-date-field .ref-range-wrap,
html body.report-body.bo-charcoal .ref-date-field .ref-range-trigger{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box;
}

/* ==========================================================================
   Date range picker — make the range read as ONE strip, not separate chips
   The shared rules draw a 3px gap between day cells and give in-range days a plain wash,
   so "05 to 20" looked like a row of unrelated light squares with no connection, and there
   was no feedback at all between picking the first date and the second.
   Now: cells touch, the band is continuous, its ends are solid amber with only the outer
   corners rounded so the band flows out of them, and hovering after the first pick previews
   the whole span before anything is committed.
   NOTE ON SPECIFICITY: the `html:not([data-bo-theme="dark"])` prefix is required here — the
   earlier "date picker cells" block in this file sets `background:transparent!important` on
   every day cell with that prefix, so a shorter selector loses and the ends render empty.
   Scoped to the merchant family; the shared picker on the provider/main reports is untouched.
   ========================================================================== */

/* cells must touch, or the band breaks up into chips */
html body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days{
  gap:0;
}

/* ---- Light ---- */
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.selected{
  /* the solid amber fill had been dead: an earlier override in this file set
     background:transparent!important on every day cell at (0,4,3), which outranked the
     rule that supplied var(--bo-cyan). Restated here at (0,6,3). */
  background:#D97706!important;
  color:#FFFFFF!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.selected.is-start.in-range:not(.is-end){
  border-radius:8px 0 0 8px!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.selected.is-end.in-range:not(.is-start){
  border-radius:0 8px 8px 0!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.in-range:not(.selected){
  border-radius:0!important;
  background:rgba(217,119,6,.14)!important;
  color:#B45309!important;
  box-shadow:none!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.is-preview:not(.selected){
  background:rgba(217,119,6,.28)!important;
  color:#7C2D12!important;
  box-shadow:none!important;
}
html:not([data-bo-theme="dark"]) body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.is-preview.is-end:not(.selected){
  border-radius:0 8px 8px 0!important;
}

/* ---- Dark ---- */
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.selected{
  background:#F59E0B!important;
  color:#2A2C36!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.selected.is-start.in-range:not(.is-end){
  border-radius:8px 0 0 8px!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.selected.is-end.in-range:not(.is-start){
  border-radius:0 8px 8px 0!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.in-range:not(.selected){
  border-radius:0!important;
  background:rgba(245,158,11,.18)!important;
  color:#FBBF24!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.is-preview:not(.selected){
  background:rgba(245,158,11,.32)!important;
  color:#FDE68A!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body.standardized-listing-page.report-body.bo-charcoal .ref-cal-days button.is-preview.is-end:not(.selected){
  border-radius:0 8px 8px 0!important;
}

/* ==========================================================================
   Security & Audit (merchant) — the filter row wraps instead of overflowing
   Same defect the admin page had: the row is `flex-wrap:nowrap` and it carries six
   controls (search, date range, merchant, event type, status, Reset), so once the panel
   is narrower than their sum the tail is cut off by `.mad-panel`. Measured before this
   rule, on a mocked page: 1280 -> scrollWidth exceeds the row by 176px and the Reset is
   159px past the panel edge; 1150 -> 305px / 289px past it.

   The wrap is the fix (nothing is ever clipped); the search's flex-basis is the control
   minimum so the row stays on one line while it can and only then stacks. Scoped to this
   page through its own class — main-admin-security.html carries
   .main-admin-security-page, and it is fixed in main-admin-detail-executive.css.
   ========================================================================== */
body.main-admin-security-page.main-merchant-security-page .mas-filters{
  flex-wrap:wrap!important;
}
body.main-admin-security-page.main-merchant-security-page .mas-search{
  flex:1 1 200px!important;
}
@media (min-width:801px){
  body.main-admin-security-page.main-merchant-security-page .mas-date-field{
    flex:0 0 260px!important;
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
  }
  body.main-admin-security-page.main-merchant-security-page .mas-date-field .ref-range-wrap,
  body.main-admin-security-page.main-merchant-security-page .mas-date-field .ref-range-trigger{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}