/* BO shared Charcoal + Amber — legacy content vocabulary layer — v1.0.0
   Reference implementation: Admin Detail (main-admin-detail.html).

   Scope: body.report-body.bo-charcoal — the same marker class as bo-charcoal-shell.css.
   Load order: bo-charcoal-shell.css, then this file, then bo-charcoal-primitives.css,
   all AFTER every legacy stylesheet.

   Why this file exists
   --------------------
   The migrated families speak `.mad-*` (mad-panel / mad-table / mad-filters / mad-btn),
   which bo-charcoal-shell.css carries. Every page still to be migrated speaks two OLDER
   vocabularies instead, and neither is covered by the rescoped shell:

     1. reports.css content chrome — .filter-card .table-card .summary-card .report-table
        .metric .quick-stats .field .seg .notice .section-title .table-wrap
     2. the "standard" listing vocabulary — .standard-list-card .standard-card-head
        .standard-table-wrap .standard-data-table .table-footer .table-info .table-empty
        .entries-control .pagination-clean .page-btn .clean-btn .icon-action-btn
        (plus family deltas: .rebate-* .user-toolbar .user-badge .standard-status)

   Both are cool-white and blue by construction: reports.css pins `:root{--card:#ffffff}`,
   `.report-content input{background-color:#fff!important}` and a blue `.seg button.active`;
   rebate-pages.css pins `.clean-btn{background:#fff}` and `.page-btn.active{background:#2f66ed}`;
   table-pagination-horizontal.css pins `:root{--bo-page-blue:#2f66ed}`.

   Strategy: re-point the TOKENS where a rule reads one (that needs no specificity fight),
   and restate the rule where the value is a literal — every restatement carries the marker
   scope (0,2,1 before any descendant class, i.e. one to three class-levels above the legacy
   rule) plus `!important` where the legacy rule has it.

   Light / dark: `reports.css` and `table-pagination-horizontal.css` declare their tokens on
   `:root` with no dark variant, so the dark block here is the only thing that flips them.
   Light-only restatements are scoped `html:not([data-bo-theme="dark"])` so they cannot leak.
   ========================================================================== */

/* ------------------------------------------------------------------ tokens */
body.report-body.bo-charcoal{
  /* reports.css :root — cool white / blue */
  --bg:#FFF1DC;
  --card:#FFF8EB;
  --total:#FFF3E0;
  --line:#EADCC8;
  --head:#3F3F46;
  --head-2:#57534E;
  --muted:#57534E;
  --text:#18191C;
  --primary:#D97706;
  --primary-soft:rgba(217,119,6,.12);
  --shadow:0 0 0 1px rgba(24,25,28,.04),0 1px 2px -1px rgba(24,25,28,.06),0 2px 8px rgba(60,48,32,.06);
  /* table-pagination-horizontal.css :root */
  --bo-page-blue:#D97706;
  --bo-page-border:#EADCC8;
  --bo-page-text:#57534E;
  /* bo-ui-standard.css :root */
  --bo-ui-blue:#D97706;
  --bo-ui-blue-hover:#B45309;
  --bo-ui-border:#DCC9A8;
  --bo-ui-text:#18191C;
  --bo-ui-muted:#78716C;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal{
  --bg:#2C2E38;
  --card:#383A46;
  --total:#2A2C36;
  --line:rgba(255,255,255,.10);
  --head:#E7E5E4;
  --head-2:#D4D4D8;
  --muted:#D4D4D8;
  --text:#F5F5F4;
  --primary:#F59E0B;
  --primary-soft:rgba(245,158,11,.16);
  --shadow:0 1px 2px rgba(0,0,0,.28);
  --bo-page-blue:#F59E0B;
  --bo-page-border:rgba(255,255,255,.12);
  --bo-page-text:#E7E5E4;
  --bo-ui-blue:#F59E0B;
  --bo-ui-blue-hover:#FBBF24;
  --bo-ui-border:rgba(255,255,255,.12);
  --bo-ui-text:#F5F5F4;
  --bo-ui-muted:#A1A1AA;
}

/* ------------------------------------------- reports.css — cards and layout */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .filter-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .summary-card{
  background:#FFF8EB!important;
  border:1px solid #EADCC8!important;
  box-shadow:0 0 0 1px rgba(24,25,28,.03),0 2px 8px rgba(60,48,32,.06)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .filter-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .summary-card{
  background:#383A46!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .section-title{color:#3F3F46!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .section-title{color:#E7E5E4!important}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .notice{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .notice{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#D4D4D8!important;
}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .scroll-hint{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .scroll-hint{color:#D4D4D8!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .recalc{color:#B45309!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .recalc{color:#F59E0B!important}

/* ------------------------------------------------------------------- fields
   reports.css: `.report-content input{background-color:#fff!important}` and
   `.field input,.field select{background:#fff}`. Every workspace field the page CSS does
   not explicitly cover lands on pure white — cover the vocabulary here. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .field label{color:#3F3F46!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .field label{color:#E7E5E4!important}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .field input,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .field select{
  background:#FFF8EB!important;border:1px solid #DCC9A8!important;color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .field input::placeholder{color:#78716C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .field input,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .field select{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .field input::placeholder{color:#A1A1AA!important}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .field input:focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .field select:focus{
  border-color:#D97706!important;box-shadow:0 0 0 3px rgba(217,119,6,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .field input:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .field select:focus{
  border-color:#F59E0B!important;box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}

/* -------------------------------------------------------------- report table
   reports.css pins a filled header bar (var(--head) + white label) and a cool zebra.
   The locked system is a warm hairline header with no zebra, and a warm row hover. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-wrap{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table{background:#FFF8EB!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table th{
  background:transparent!important;color:#3F3F46!important;font-weight:700!important;
  border-right:0!important;border-bottom:1px solid #EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table td{
  color:#374151!important;border-right:0!important;border-bottom:1px solid #F0E6D8!important;
}
/* Cell surface. `background:transparent` would let the panel show through, which is the same
   cream — but only where nothing else paints the cell. A third-party stylesheet does paint
   some of them (menu-management's rows measured pure white), and a transparent declaration
   cannot win that. Naming the surface colour closes it for every listing at once. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table tbody td,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-clean tbody td,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .menu-main-table tbody td,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table tbody td{
  background:#FFF8EB!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table tbody tr:nth-child(even):not(.total) td,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table tr.total td{
  background:#FFF3E0!important;color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table tbody tr:hover td{
  background:#FFF1DC!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-wrap{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table{background:#383A46!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table th{
  background:transparent!important;color:#E7E5E4!important;font-weight:700!important;
  border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table td{
  color:#F5F5F4!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table tbody td,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-clean tbody td,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .menu-main-table tbody td,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table tbody td{
  background:#383A46!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table tbody tr:nth-child(even):not(.total) td,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table tr.total td{
  background:#2A2C36!important;color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table tbody tr:hover td{
  background:rgba(255,255,255,.05)!important;
}
body.report-body.bo-charcoal .report-table td.positive{color:#12B76A!important}
body.report-body.bo-charcoal .report-table td.negative{color:#991B1B!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table td.negative{color:#F87171!important}

/* ------------------------------------------------------ KPI tiles (.metric)
   Same recipe as the locked Report-family KPI strip: cream tile, hairline,
   14px radius, uppercase label, 22px/800 value. No accent rail, no icon chip. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .metric,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .quick-stats .metric{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;border-radius:14px!important;
  box-shadow:0 0 0 1px rgba(24,25,28,.03),0 2px 8px rgba(60,48,32,.05)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .metric,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .quick-stats .metric{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .metric span{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .metric span{color:#D4D4D8!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .metric strong{color:#18191C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .metric strong{color:#F5F5F4!important}
body.report-body.bo-charcoal .metric strong{font-variant-numeric:tabular-nums}

/* ------------------------------------------------- standard listing vocabulary
   rebate-pages.css declares these UNPREFIXED (0,1,0) — .standard-list-card,
   .standard-card-head, .standard-data-table — so the page path styles every page that
   links the file. Weight here is (0,2,1) and up, plus !important, so it settles it. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-list-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-log-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .manage-list-card{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;border-radius:16px!important;
  box-shadow:0 0 0 1px rgba(24,25,28,.03),0 2px 10px rgba(60,48,32,.06)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-list-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-log-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .manage-list-card{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-card-head h2{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-card-head p{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-card-head h2{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-card-head p{color:#D4D4D8!important}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table{
  border:1px solid #EADCC8!important;border-radius:14px!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table th,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table td{
  border-right:0!important;border-bottom:1px solid #F0E6D8!important;color:#374151!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table th{
  background:transparent!important;color:#3F3F46!important;font-weight:700!important;
  border-bottom:1px solid #EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table tbody tr:hover{
  background:transparent!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table tbody tr:hover td{
  background:#FFF1DC!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table small{color:#57534E!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table .table-primary{color:#18191C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table{
  border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table th,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table td{
  border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table th{
  background:transparent!important;color:#E7E5E4!important;font-weight:700!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table tbody tr:hover{
  background:transparent!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table tbody tr:hover td{
  background:rgba(255,255,255,.05)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table small{color:#D4D4D8!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table .table-primary{color:#F5F5F4!important}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-empty{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-empty{color:#D4D4D8!important}

/* Semantic money / state colours survive — they are this vocabulary's own convention.
   Only the surfaces and the neutral text move. */
body.report-body.bo-charcoal .standard-data-table .positive,
body.report-body.bo-charcoal td.positive{color:#12B76A!important}
body.report-body.bo-charcoal .standard-data-table .negative,
body.report-body.bo-charcoal td.negative{color:#991B1B!important}
body.report-body.bo-charcoal .standard-data-table .warning,
body.report-body.bo-charcoal td.warning{color:#B45309!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table .negative,
html[data-bo-theme="dark"] body.report-body.bo-charcoal td.negative{color:#F87171!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table .warning,
html[data-bo-theme="dark"] body.report-body.bo-charcoal td.warning{color:#F59E0B!important}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-status.inactive{
  background:#F5EBDC!important;color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-status.inactive{
  background:rgba(255,255,255,.08)!important;color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-status.active{
  background:rgba(16,185,129,.16)!important;color:#34D399!important;
}

/* -------------------------------------------------------- .clean-btn (ghost)
   Redefined in 13 stylesheets; the locked recipe is one value. Hover is the shared
   reverse-cream lift (no amber fill wash) — same as Create Role Back / Cancel. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .clean-btn:not(.primary):not(.bo-ui-button-primary):not(.mad-btn-primary):not(.mad-btn-navy){
  background:linear-gradient(180deg,#FFFCF7 0%,#F5EBDC 100%)!important;
  border:1px solid #DCC9A8!important;color:#18191C!important;border-radius:8px!important;
  box-shadow:0 1px 2px rgba(60,48,32,.06),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .clean-btn:not(.primary):not(.bo-ui-button-primary):not(.mad-btn-primary):not(.mad-btn-navy){
  background:linear-gradient(180deg,#4A4C58 0%,#383A46 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;border-radius:8px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .clean-btn:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .clean-btn.active:hover{
  background:linear-gradient(0deg,#FFF8EB 0%,#F3E8D6 100%)!important;
  border-color:#E0D0B8!important;transform:translateY(-1px);
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .clean-btn:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .clean-btn.active:hover{
  background:linear-gradient(0deg,#383A46 0%,#2C2E38 100%)!important;
  border-color:rgba(255,255,255,.18)!important;transform:translateY(-1px);
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .clean-btn.active{
  background:linear-gradient(180deg,#FFFCF7 0%,#F5EBDC 100%)!important;
  border-color:#D97706!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .clean-btn.active{
  background:linear-gradient(180deg,rgba(245,158,11,.18) 0%,rgba(43,37,33,.92) 100%)!important;
  border-color:rgba(245,158,11,.55)!important;color:#FBBF24!important;
}
/* A ghost button is never the amber CTA, even when a page calls it `.primary`. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .clean-btn.primary,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .btn-primary-clean{
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 42%,#EA8608 100%)!important;
  border:1px solid #E8901A!important;color:#FFFFFF!important;
  box-shadow:0 1px 2px rgba(180,83,9,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .clean-btn.primary,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .btn-primary-clean{
  background: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,.35),0 0 0 1px rgba(245,158,11,.2)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .clean-btn.primary:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .btn-primary-clean:hover{
  background:linear-gradient(0deg,#FCD34D 0%,#FBBF24 45%,#F59E0B 100%)!important;
  border-color:#F59E0B!important;transform:translateY(-1px);
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .clean-btn.primary:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .btn-primary-clean:hover{
  background:linear-gradient(0deg,#FDE68A 0%,#FBBF24 45%,#F59E0B 100%)!important;
  border-color:#FBBF24!important;transform:translateY(-1px);
}

/* ---------------------------------------------- .icon-action-btn (row action) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .icon-action-btn{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .icon-action-btn:hover{
  background:#FFFCF7!important;border-color:#D97706!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .icon-action-btn{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .icon-action-btn:hover{
  border-color:rgba(245,158,11,.5)!important;color:#F59E0B!important;
}
/* Delete keeps its danger affordance in both themes — it is a warning, not chrome. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .icon-action-btn.delete{
  background:#FEF3F2!important;border-color:rgba(239,51,64,.35)!important;color:#B42318!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .icon-action-btn.delete{
  background:rgba(239,68,68,.14)!important;border-color:rgba(239,68,68,.4)!important;color:#FCA5A5!important;
}

/* ------------------------------------------------------------- pagination
   The tokens above already move --bo-page-blue/-border/-text. What is left are the
   literals: `background:#fff/!important` on the buttons, the entries <select>, and the
   `.report-main .table-footer{background:#fff!important}` bar. Locked metrics: the pager
   is min-width 40px / height 36px / radius 8px, active is the amber 3D gradient. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pagination-clean .page-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pagination-clean button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-page-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .smart-page,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-pager button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-pager b,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pwt-pager button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-log-pagination button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .page-btn{
  background:#F3F4F6!important;border:1px solid transparent!important;color:#9CA3AF!important;
  border-radius:8px!important;height:36px!important;min-height:36px!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pagination-clean .page-btn:not(.active):hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pagination-clean button:not(.active):hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-page-btn:not(.active):hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .smart-page:not(.active):hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .page-btn:not(.active):hover{
  background:#E5E7EB!important;color:#374151!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean .page-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-page-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .smart-page,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-pager button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-pager b,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pwt-pager button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-log-pagination button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .page-btn{
  background:#383A46!important;border:1px solid rgba(255,255,255,.12)!important;color:#A1A1AA!important;
  border-radius:8px!important;height:36px!important;min-height:36px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean .page-btn:not(.active):hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean button:not(.active):hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-page-btn:not(.active):hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .smart-page:not(.active):hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .page-btn:not(.active):hover{
  background:#444654!important;border-color:rgba(255,255,255,.18)!important;color:#E7E5E4!important;
}
/* Active page — amber 3D in both themes; the label is the only warm signal in the row. */
body.report-body.bo-charcoal .pagination-clean .page-btn.active,
body.report-body.bo-charcoal .pagination-clean button.active,
body.report-body.bo-charcoal .table-page-btn.active,
body.report-body.bo-charcoal .smart-page.active,
body.report-body.bo-charcoal .ref-pager b,
body.report-body.bo-charcoal .pwt-pager button.active,
body.report-body.bo-charcoal .vip-log-pagination button.active,
body.report-body.bo-charcoal .page-btn.active{
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 45%,#D97706 100%)!important;
  border:1px solid #D97706!important;color:#FFFFFF!important;
  box-shadow:0 1px 2px rgba(180,83,9,.3),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean .page-btn.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-page-btn.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .smart-page.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-pager b,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pwt-pager button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-log-pagination button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .page-btn.active{
  border-color:#F59E0B!important;color:#2A2C36!important;
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 0 0 1px rgba(245,158,11,.35),0 2px 10px rgba(245,158,11,.28)!important;
}
body.report-body.bo-charcoal .pagination-clean button:disabled,
body.report-body.bo-charcoal .pagination-clean .page-btn:disabled,
body.report-body.bo-charcoal .table-page-btn:disabled,
body.report-body.bo-charcoal .smart-page:disabled{
  background:#F3F4F6!important;color:#9CA3AF!important;opacity:1!important;cursor:not-allowed!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean button:disabled,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean .page-btn:disabled,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-page-btn:disabled,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .smart-page:disabled{
  background:#2A2C36!important;border-color:rgba(255,255,255,.06)!important;color:#52525B!important;
}
body.report-body.bo-charcoal .smart-page-ellipsis{color:#78716C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .smart-page-ellipsis{color:#A1A1AA!important}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-main .table-footer,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-footer,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-pagination{
  background:#FFF8EB!important;border-top:1px solid #EADCC8!important;color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-main .table-footer,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-footer,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-pagination{
  background:#383A46!important;border-top:1px solid rgba(255,255,255,.14)!important;color:#D4D4D8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-footer>.entries-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-footer>.table-info,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-pagination .entries-control,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-pagination .table-info{
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-footer>.entries-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-footer>.table-info,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-pagination .entries-control,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-pagination .table-info{
  color:#D4D4D8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .entries-control select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-page-size select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-pagination .entries-control select{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;color:#18191C!important;border-radius:8px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .entries-control select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-page-size select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-pagination .entries-control select{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;border-radius:8px!important;
}

/* --------------------------------------------------- segmented control (.seg) */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .seg button{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .seg button.active{
  background:linear-gradient(180deg,#FFFBEB 0%,#FEF3C7 100%)!important;
  border-color:#D97706!important;color:#6b360c!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .seg button{
  background:#383A46!important;border:1px solid rgba(255,255,255,.12)!important;color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .seg button.active{
  background:linear-gradient(180deg,rgba(245,158,11,.18) 0%,rgba(43,37,33,.92) 100%)!important;
  border-color:rgba(245,158,11,.55)!important;color:#FBBF24!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .btn-soft{
  background:#FFF8EB!important;color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .btn-soft{
  background:#383A46!important;color:#D4D4D8!important;
}

/* ------------------------------------------------------------ user toolbar
   `.user-toolbar` / `.user-badge` / `.user-search-grid` are the reports.css + menu-management
   chrome for the user-manager style listings. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-toolbar,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-search-grid{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;color:#3F3F46!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-toolbar,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-search-grid{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;color:#E7E5E4!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-badge{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-badge{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#D4D4D8!important;
}

/* ---------------------------------------------------------- rebate deltas
   rebate-pages.css / menu-management-executive.css paint these pages' own chrome with
   cool-white literals. Same vocabulary, same treatment. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-summary-card{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;
  box-shadow:0 0 0 1px rgba(24,25,28,.03),0 2px 8px rgba(60,48,32,.05)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-summary-card{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-summary-card span,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-summary-card small{color:#57534E!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-summary-card strong{color:#18191C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-summary-card span,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-summary-card small{color:#D4D4D8!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-summary-card strong{color:#F5F5F4!important}
/* The four KPI icon chips are uniform. The page tints them purple / green / blue / orange,
   but the hue encodes nothing — it is decoration, and a colour that means nothing teaches the
   eye to ignore the ones that do (the money columns, the status pills). Neutral cream chip,
   amber glyph, one look for all four. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-summary-icon{
  background:#F5EBDC!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-summary-icon{
  background:rgba(245,158,11,.14)!important;color:#FBBF24!important;
}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-tabs{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-tabs button{color:#57534E!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-tabs button.active{
  background:#FFF8EB!important;color:#B45309!important;box-shadow:0 0 0 1px #D97706,0 2px 8px rgba(217,119,6,.16)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-tabs{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-tabs button{color:#A1A1AA!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-tabs button.active{
  background:#383A46!important;color:#FBBF24!important;box-shadow:0 0 0 1px rgba(245,158,11,.55)!important;
}

html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-section{
  background:#FFFCF7!important;border:1px solid #DCC9A8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-section h4{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-grid label,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-filter-grid label{color:#3F3F46!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-grid input,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-grid select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-filter-grid input,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-filter-grid select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-grid input,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-grid select{
  background:#FFF8EB!important;border:1px solid #DCC9A8!important;color:#18191C!important;
  border-radius:8px!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-grid input::placeholder,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-filter-grid input::placeholder{
  color:#78716C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-grid input:focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-form-grid select:focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-filter-grid input:focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-filter-grid select:focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-grid input:focus,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-grid select:focus{
  border-color:#D97706!important;box-shadow:0 0 0 3px rgba(217,119,6,.14)!important;outline:none!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-section{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.10)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-section h4{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-grid label,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-filter-grid label{color:#E7E5E4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-grid input,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-grid select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-filter-grid input,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-filter-grid select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-grid input,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-grid select{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;
  border-radius:8px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-grid input::placeholder,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-filter-grid input::placeholder{
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-grid input:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-form-grid select:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-filter-grid input:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-filter-grid select:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-grid input:focus,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-grid select:focus{
  border-color:#F59E0B!important;box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;outline:none!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-grid label{color:#3F3F46!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-grid small{color:#57534E!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-status>div{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-status span,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-status small{color:#57534E!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .rebate-worker-status strong{color:#18191C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-grid label{color:#E7E5E4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-grid small{color:#D4D4D8!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-status>div{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.10)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-status span,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-status small{color:#D4D4D8!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .rebate-worker-status strong{color:#F5F5F4!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .audit-detail-content dd{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .audit-detail-content dt{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .audit-detail-content dd{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .audit-detail-content dt{color:#D4D4D8!important}

/* Empty-state row — the single `<td colspan="N">` a loader writes when a range has no rows.
   It renders pure white on a cream panel (the declaration is not in any same-origin sheet, so
   it comes from the CDN stylesheet; the fix is the same either way). Alignment is left as the
   legacy rule pins it — that one is deliberate. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-table tbody td[colspan],
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-clean tbody td[colspan],
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-data-table tbody td[colspan]{
  background:#FFF8EB!important;color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-table tbody td[colspan],
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-clean tbody td[colspan],
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-data-table tbody td[colspan]{
  background:#383A46!important;color:#D4D4D8!important;
}

/* ------------------------------------------- panel and control surfaces
   Each page's own stylesheet names its panel differently — .main-mod-card, .settlement-panel,
   .brand-detail-card, .detail-card, .provider-settlement-card — and every one of them is
   `background:#fff`. Listing them once here is cheaper and more reviewable than a retint per
   file, and it also catches the pages that ship no page CSS at all. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .main-mod-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .main-mod-kpi,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-panel,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-summary-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-summary-combined,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .brand-detail-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .detail-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-settlement-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-exec-menu,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-form-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .standard-filter-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .manage-card{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .main-mod-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .main-mod-kpi,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-summary-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-summary-combined,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .brand-detail-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .detail-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-settlement-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-exec-menu,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-form-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .standard-filter-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .manage-card{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;
}

/* Icon-only controls and pagers: white squares on cream, in every page's own naming. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-ui-icon-button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .main-mod-pager button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-pager button,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-page-btn,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-menu-btn{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-ui-icon-button:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .main-mod-pager button:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-pager button:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-page-btn:hover,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-menu-btn:hover{
  background:#FFFCF7!important;border-color:#D97706!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-ui-icon-button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .main-mod-pager button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-pager button,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-page-btn,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-menu-btn{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-ui-icon-button:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .main-mod-pager button:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-pager button:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-page-btn:hover,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-menu-btn:hover{
  border-color:rgba(245,158,11,.5)!important;color:#F59E0B!important;
}
/* The pager's active page keeps the locked amber 3D. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .main-mod-pager button.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-pager button.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-page-btn.active{
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 45%,#D97706 100%)!important;
  border-color:#D97706!important;color:#FFFFFF!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .main-mod-pager button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-pager button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-page-btn.active{
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 45%,#D97706 100%)!important;
  border-color:#F59E0B!important;color:#2A2C36!important;
}

/* The date-range trigger itself. bo-ui-standard.css reads var(--bo-surface, #fff) so the token
   normally covers it, but a page-scoped sheet can still win on a page with no family CSS. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-range-trigger,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-range-trigger{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;color:#18191C!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-trigger,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-range-trigger{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-range-icon,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-range-trigger > span:not(.ref-range-icon),
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ref-range-trigger > .bi-chevron-down,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-range-icon,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-range-text{
  color:#18191C!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-icon,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-trigger > span:not(.ref-range-icon),
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ref-range-trigger > .bi-chevron-down,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-range-icon,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-range-text{
  color:#F5F5F4!important;
}

/* The filter-row standard (bo-ui-standard.css) is deliberately the "final authority layer":
   its own comment says the two :not() IDs in `body:not(#bo-filter-standard-off):not(#bo-filter-standard-legacy)`
   exist to out-rank "every legacy page-level filter rule". They out-rank this layer's class
   weight too, so the controls keep `#cfd8e8` borders, white fills, an 11px radius and #101828
   text however much the surrounding chrome warms up. Same two-step guard, more class weight
   inside the row, and the shapes mirrored so each rule lands on the same elements. */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-input-item input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>input.bo-filter-input-item:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item select,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>select.bo-filter-select-item,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn{
  background:#FFF8EB!important;border:1px solid #DCC9A8!important;color:#18191C!important;border-radius:8px!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-input-item input::placeholder,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>input.bo-filter-input-item::placeholder{
  color:#78716C!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn span,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn i{
  color:#18191C!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-input-item input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>input.bo-filter-input-item:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item select,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>select.bo-filter-select-item,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;border-radius:8px!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-input-item input::placeholder,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>input.bo-filter-input-item::placeholder{
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn span,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn i{
  color:#F5F5F4!important;
}
/* And the focus ring these controls carry, which is the same literal indigo family. */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-input-item input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item select:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn.open{
  border-color:#D97706!important;box-shadow:0 0 0 3px rgba(217,119,6,.14)!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-input-item input:focus,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item select:focus,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn:focus,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row>.bo-filter-select-item .rounded-select-btn.open{
  border-color:#F59E0B!important;box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;
}

/* The user-management KPI tile (`.user-metric`) is the same read-out as `.metric` under a
   different name, and reports.css keeps a separate rule set for it. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-metric{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;border-radius:14px!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-metric strong{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-metric span,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-metric small{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-metric{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-metric strong{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-metric span,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-metric small{color:#D4D4D8!important}

/* ------------------------------------------- permission matrix
   `role.html` ships no page CSS at all — its permission matrix is styled by the shell
   (reports.css, 149 pages) with a cool-white palette: #f8fafc trays, #fff cards, #172033
   titles, and a red accent on the checkboxes. DESIGN.md already locks this component
   ("Permission matrix — Roles & Permissions"): light = cream/amber wash with deeper cream on
   hover and checked; dark = cool charcoal only, amber on borders, icons and counts. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-groups,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .role-create-body{
  background:#FFF1DC!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-group-head{
  background:linear-gradient(180deg,#FFF8EB 0%,#FFF1DC 100%)!important;
  border-bottom:1px solid rgba(217,119,6,.22)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-group-title,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .role-permission-heading h4{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .role-permission-heading p{color:#57534E!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-group-title i{
  background:#FFF8EB!important;border:1px solid rgba(217,119,6,.35)!important;color:#D97706!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-item{
  background:#FFF8EB!important;
  border-right:1px solid #F0E6D8!important;border-bottom:1px solid #F0E6D8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-item:hover{background:#FFFCF7!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-item:has(input:checked){
  background:#FFF8EB!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-item input{accent-color:#D97706!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-item b{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .permission-item small{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-groups,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .role-create-body{
  background:#2C2E38!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-group-head{
  background:#40424E!important;border-bottom:1px solid rgba(245,158,11,.22)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-group-title,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .role-permission-heading h4{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .role-permission-heading p{color:#D4D4D8!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-group-title i{
  background:#2A2C36!important;border:1px solid rgba(245,158,11,.35)!important;color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-item{
  background:#2A2C36!important;
  border-right:1px solid rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-item:hover{background:#32343E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-item:has(input:checked){
  background:rgba(245,158,11,.10)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-item input{accent-color:#F59E0B!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-item b{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .permission-item small{color:#D4D4D8!important}

/* ------------------------------------------- listing toolbars and modal bodies
   The last of the cool palette lives in the shell's listing chrome rather than in a page
   sheet: the toolbar title row, the approval total bar, the admin create stack, the
   translation panel, the ledger multi-select, and modal bodies. Named once here. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-title-row,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .approval-total-bar,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-create-stack,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .policy-modal-body,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .policy-modal-body > section,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .dynamic-translation-panel,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .dynamic-translation-body{
  background:#FFF8EB!important;border-color:#EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .dynamic-translation-head,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-toolbar,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .approval-total-bar{
  background:#F5EBDC!important;border-color:#EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-title-row,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .approval-total-bar,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-create-stack,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .policy-modal-body,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .policy-modal-body > section,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .dynamic-translation-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .dynamic-translation-body{
  background:#383A46!important;border-color:rgba(255,255,255,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .dynamic-translation-head,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-toolbar,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .approval-total-bar{
  background:#2A2C36!important;border-color:rgba(255,255,255,.12)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-title-row h2,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-title-row h3,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-title-row i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .dynamic-translation-head h5,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-create-stack .admin-field label,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-side-title h2,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-edit-head h2,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .approval-total-bar strong{
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-title-row small,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-side-title p,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .approval-total-bar span,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .dynamic-translation-head small{
  color:#57534E!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-title-row h2,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-title-row h3,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-title-row i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .dynamic-translation-head h5,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-create-stack .admin-field label,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-side-title h2,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-edit-head h2,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .approval-total-bar strong{
  color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-title-row small,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-side-title p,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .approval-total-bar span,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .dynamic-translation-head small{
  color:#D4D4D8!important;
}
/* Multi-select / chip pickers inside a filter row are controls, not text. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ledger-multi,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal [id$="TypeMulti"],
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .multi-select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .multi-select-trigger{
  background:#F5EBDC!important;border:1px solid #DCC9A8!important;color:#18191C!important;border-radius:8px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ledger-multi,
html[data-bo-theme="dark"] body.report-body.bo-charcoal [id$="TypeMulti"],
html[data-bo-theme="dark"] body.report-body.bo-charcoal .multi-select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .multi-select-trigger{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;border-radius:8px!important;
}

/* Count badge, ledger multi-select trigger, empty-state glyph, admin edit modal. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .users-found-badge,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-toolbar .users-found-badge{
  background:rgba(217,119,6,.12)!important;border:1px solid rgba(217,119,6,.30)!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .users-found-badge,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-toolbar .users-found-badge{
  background:rgba(245,158,11,.16)!important;border:1px solid rgba(245,158,11,.35)!important;color:#FBBF24!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ledger-type-trigger,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ledger-type-trigger span,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ledger-type-trigger i{
  background:#F5EBDC!important;border-color:#DCC9A8!important;color:#18191C!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ledger-type-trigger,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ledger-type-trigger span,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ledger-type-trigger i{
  background:#2A2C36!important;border-color:rgba(255,255,255,.12)!important;color:#F5F5F4!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .slider-empty,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .slider-empty i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-empty i{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .slider-empty,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .slider-empty i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-empty i{color:#D4D4D8!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .dynamic-translation-head h3{color:#18191C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .dynamic-translation-head h3{color:#F5F5F4!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-edit-body,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-edit-field label,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #adminEditModal h2,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #adminEditModal h3{color:#3F3F46!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-edit-body,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-edit-field label,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #adminEditModal h2,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #adminEditModal h3{color:#E7E5E4!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .admin-edit-icon{
  background:rgba(217,119,6,.12)!important;color:#D97706!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .admin-edit-icon{
  background:rgba(245,158,11,.16)!important;color:#F59E0B!important;
}

/* ------------------------------------------- last of the tail
   The remainder is page-scoped names in the shell and in a handful of page sheets. Where the
   legacy rule carries an ID (`#checkList .permission-item`, `#rootMainMenus …`,
   `#adminEditModal …`) a class-level selector cannot reach it, so these use the
   `body:not(#bo-charcoal-off)` step to pick up the one ID level needed. */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #checkList .permission-item,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #checkList .permission-item:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .role-modal-permissions .permission-item,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #rootMainMenus .permission-item,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #rootMainMenus > div,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #rootMainMenus > label,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .policy-modal-body > section,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-form-card,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-profile-card,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .bulk-panel,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .bulk-card,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .bulk-result-card,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .import-panel{
  background:#FFF8EB!important;border-color:#EADCC8!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #checkList .permission-item,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #checkList .permission-item:hover,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .role-modal-permissions .permission-item,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #rootMainMenus .permission-item,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #rootMainMenus > div,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #rootMainMenus > label,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .policy-modal-body > section,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-form-card,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-profile-card,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .bulk-panel,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .bulk-card,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .bulk-result-card,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .import-panel{
  background:#2A2C36!important;border-color:rgba(255,255,255,.12)!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .modal-clean-panel,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .modal-clean-body{
  background:#FFFCF7!important;border-color:#EADCC8!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .modal-clean-panel,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .modal-clean-body{
  background:#383A46!important;border-color:rgba(255,255,255,.14)!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .admin-edit-head,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .admin-edit-title,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .admin-edit-sub,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal label,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-profile-form label,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-form-label,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .dynamic-translation-body,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .dynamic-translation-body p,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .dynamic-translation-body span{
  color:#3F3F46!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .admin-edit-head,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .admin-edit-title,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal .admin-edit-sub,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #adminEditModal label,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-profile-form label,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .admin-form-label,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .dynamic-translation-body,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .dynamic-translation-body p,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .dynamic-translation-body span{
  color:#E7E5E4!important;
}
/* The IP-whitelist KPI chips tint their icons violet; the locked set is amber-only. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-metric i,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-metric .user-metric-icon{
  background:rgba(217,119,6,.12)!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-metric i,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-metric .user-metric-icon{
  background:rgba(245,158,11,.16)!important;color:#FBBF24!important;
}

/* Access cards, the root menu grid, the bulk-operation panels and the policy form. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .access-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bulk-panel,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bulk-panel-title,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .operation-summary,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .summary-item,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .summary-chip,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bulk-count-chip,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #selectedCount,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .policy-form-section,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .policy-form-section .field,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .policy-form-section .form-group,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #rootMasterMenus > *,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #rootMasterMenus label,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #rootMainMenus > *,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal #rootMainMenus label{
  background:#FFF8EB!important;border-color:#EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .access-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bulk-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bulk-panel-title,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .operation-summary,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .summary-item,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .summary-chip,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bulk-count-chip,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #selectedCount,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .policy-form-section,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .policy-form-section .field,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .policy-form-section .form-group,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #rootMasterMenus > *,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #rootMasterMenus label,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #rootMainMenus > *,
html[data-bo-theme="dark"] body.report-body.bo-charcoal #rootMainMenus label{
  background:#2A2C36!important;border-color:rgba(255,255,255,.12)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .selected-table th,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .selected-table td{
  background:#FFF8EB!important;border-color:#F0E6D8!important;color:#374151!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .selected-table th{
  background:transparent!important;color:#3F3F46!important;border-bottom:1px solid #EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .selected-table th,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .selected-table td{
  background:#383A46!important;border-color:rgba(255,255,255,.12)!important;color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .selected-table th{
  background:transparent!important;color:#E7E5E4!important;border-bottom:1px solid rgba(255,255,255,.14)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .slider-empty b,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .slider-empty strong{color:#3F3F46!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .slider-empty b,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .slider-empty strong{color:#E7E5E4!important}

/* VIP log tables, the payment gateway / method panels and the spin2 admin cards. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-admin-table th,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-admin-table td{
  background:#FFF8EB!important;border-color:#F0E6D8!important;color:#374151!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-admin-table th{
  background:transparent!important;color:#3F3F46!important;border-bottom:1px solid #EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-admin-table th,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-admin-table td{
  background:#383A46!important;border-color:rgba(255,255,255,.12)!important;color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-admin-table th{
  background:transparent!important;color:#E7E5E4!important;border-bottom:1px solid rgba(255,255,255,.14)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pg-modal-panel,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pg-modal-panel .modal-clean-body,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .usage-summary-grid > *,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .usage-summary-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .usage-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .spin2-admin-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .spin2-panel,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .spin2-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pm-form-section,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pm-card{
  background:#FFF8EB!important;border-color:#EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pg-modal-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pg-modal-panel .modal-clean-body,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .usage-summary-grid > *,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .usage-summary-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .usage-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .spin2-admin-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .spin2-panel,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .spin2-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pm-form-section,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pm-card{
  background:#2A2C36!important;border-color:rgba(255,255,255,.12)!important;
}
/* The spin2 controls sit inside those cards, so the well has to be named too. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .spin2-admin-card input,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .spin2-admin-card select,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .spin2-admin-card textarea,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ratio-grid input,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .ratio-grid select{
  background:#FFF8EB!important;border:1px solid #DCC9A8!important;color:#18191C!important;border-radius:8px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .spin2-admin-card input,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .spin2-admin-card select,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .spin2-admin-card textarea,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ratio-grid input,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .ratio-grid select{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;border-radius:8px!important;
}
/* The upload zone's label accent. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pm-upload-zone,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pm-upload-zone b,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pm-upload-zone i{color:#B45309!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pm-upload-zone,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pm-upload-zone b,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pm-upload-zone i{color:#FBBF24!important}

/* =============================================================== Bootstrap tables
   THIS is why naming tables one by one kept failing. A `<table class="table">` is painted by
   bootstrap.min.css, which is cross-origin — its rules never appear in a same-origin audit and
   no page-level selector can out-rank them cleanly. Bootstrap drives every table colour from
   custom properties on `.table` itself, so pointing those at the locked palette fixes EVERY
   Bootstrap table on EVERY adopted page at once, with no specificity fight and nothing to
   name: --bs-table-bg defaults to --bs-body-bg, which is pure white.
   It is also invisible to a selector-level grep — the white only appears in the computed style
   of the rendered cell. */
body.report-body.bo-charcoal .table{
  --bs-table-bg:#FFF8EB;
  --bs-table-color:#374151;
  --bs-table-border-color:#F0E6D8;
  --bs-table-striped-bg:#FFF3E0;
  --bs-table-striped-color:#374151;
  --bs-table-active-bg:#FFF1DC;
  --bs-table-active-color:#18191C;
  --bs-table-hover-bg:#FFF1DC;
  --bs-table-hover-color:#18191C;
  --bs-border-color:#EADCC8;
  --bs-body-bg:#FFF8EB;
  --bs-body-color:#374151;
  --bs-emphasis-color:#18191C;
  --bs-secondary-color:#57534E;
  --bs-tertiary-color:#71717A;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table{
  --bs-table-bg:#383A46;
  --bs-table-color:#F5F5F4;
  --bs-table-border-color:rgba(255,255,255,.12);
  --bs-table-striped-bg:#2A2C36;
  --bs-table-striped-color:#F5F5F4;
  --bs-table-active-bg:#2A2C36;
  --bs-table-active-color:#F5F5F4;
  --bs-table-hover-bg:rgba(255,255,255,.05);
  --bs-table-hover-color:#F5F5F4;
  --bs-border-color:rgba(255,255,255,.12);
  --bs-body-bg:#383A46;
  --bs-body-color:#F5F5F4;
  --bs-emphasis-color:#F5F5F4;
  --bs-secondary-color:#D4D4D8;
  --bs-tertiary-color:#A1A1AA;
}
/* Bootstrap also drives `.btn-primary` / `.text-primary` / `.bg-primary` from variables on
   `.btn` / `:root`, and a stray one renders #0D6EFD. Point them at amber too. */
body.report-body.bo-charcoal .btn{
  --bs-btn-bg:#D97706;
  --bs-btn-border-color:#E8901A;
  --bs-btn-color:#FFFFFF;
  --bs-btn-hover-bg:#B45309;
  --bs-btn-hover-border-color:#F59E0B;
  --bs-btn-active-bg:#B45309;
  --bs-btn-disabled-bg:#EADCC8;
  --bs-btn-disabled-border-color:#EADCC8;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .btn{
  --bs-btn-bg:#F59E0B;
  --bs-btn-border-color:#F59E0B;
  --bs-btn-color:#2A2C36;
  --bs-btn-hover-bg:#FBBF24;
  --bs-btn-hover-border-color:#FBBF24;
  --bs-btn-active-bg:#D97706;
}
/* Canvas — some page sheets set a white html/body and out-rank the shell's declaration. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal,
html:not([data-bo-theme="dark"]):has(body.report-body.bo-charcoal){
  background:#FFF1DC!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal,
html[data-bo-theme="dark"]:has(body.report-body.bo-charcoal){
  background:#2C2E38!important;
}

/* ------------------------------------------- pager: active page must win its own base rule
   A cascade collision INSIDE this file, found by measuring rather than by any colour counter.
   The themed base rule for the pager is written with a mode prefix, so it carries one
   class-level more than the `.active` rule beside it:

     html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pagination-clean .page-btn   (0,5,2)
     body.report-body.bo-charcoal .pagination-clean .page-btn.active                             (0,5,1)

   Both are !important, so the base rule won and the current page rendered as an UNAVAILABLE
   page — inactive grey in light, plain surface in dark — i.e. the locked amber 3D was missing
   on every adopted page. No retired value and no cool hue was involved, so the sweep stayed
   silent. The fix is to give the active rule its own mode prefix so it out-ranks the base:
   two rules of equal weight then resolve by source order, and this block is last. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pagination-clean .page-btn.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pagination-clean button.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .table-page-btn.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .smart-page.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .pwt-pager button.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-log-pagination button.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .page-btn.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .main-mod-pager button.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .settlement-pager button.active,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .provider-page-btn.active{
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 45%,#D97706 100%)!important;
  border:1px solid #D97706!important;color:#FFFFFF!important;
  box-shadow:0 1px 2px rgba(180,83,9,.3),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean .page-btn.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pagination-clean button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .table-page-btn.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .smart-page.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .pwt-pager button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-log-pagination button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .page-btn.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .main-mod-pager button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .settlement-pager button.active,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .provider-page-btn.active{
  background: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,.35),0 0 0 1px rgba(245,158,11,.35),0 2px 10px rgba(245,158,11,.28)!important;
}

/* ------------------------------------------- shell chrome the rescope does not carry
   The rescope carries only the merchant-profit variant of the page-title chrome, and
   `reports.css:141` declares `.report-topbar .hamb` UNCONDITIONALLY — not inside the
   max-width:991.98px block — with `background:#fff; color:#0b2745`. So the sidebar toggle
   renders on desktop on every page whose own stylesheet does not restyle it, in pure white
   with an undocumented navy glyph. Values below are the locked ones from the Admin Detail
   reference (main-admin-detail-executive.css:240-258), not a re-invention. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-topbar .hamb,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-topbar > .hamb{
  width:40px!important;height:40px!important;min-width:40px!important;
  background:#FFF8EB!important;border:1px solid #EADCC8!important;color:#18191C!important;
  border-radius:8px!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-topbar .hamb:hover{
  background:#FFFCF7!important;border-color:#D97706!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-topbar .hamb,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-topbar > .hamb{
  width:40px!important;height:40px!important;min-width:40px!important;
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;color:#F5F5F4!important;
  border-radius:8px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-topbar .hamb:hover{
  border-color:rgba(245,158,11,.5)!important;color:#F59E0B!important;
}

/* Page title — the icon tile and the <h1>. Legacy paints the tile indigo (#4755ff) and the
   heading an undocumented navy (#061225) on every page that is not in a migrated family. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .user-title-icon{
  width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;
  border-radius:8px!important;background:rgba(217,119,6,.12)!important;color:#D97706!important;
  font-size:18px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .user-title-icon{
  width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;
  border-radius:8px!important;background:rgba(245,158,11,.16)!important;color:#F59E0B!important;
  font-size:18px!important;
}
body.report-body.bo-charcoal .user-title-icon i{color:inherit!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-topbar .user-title-wrap h1{
  color:#18191C!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.01em;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-topbar .user-title-wrap h1{
  color:#F5F5F4!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.01em;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-topbar .user-title-wrap p{
  color:#71717A!important;font-size:12px!important;font-weight:500!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-topbar .user-title-wrap p{
  color:#A1A1AA!important;font-size:12px!important;font-weight:500!important;
}

/* ---------------------------------------------------------------- report tabs
   `.report-tabs` / `.report-tab` live in reports.css:1107+ and in main-report.css. Both paint
   a cool tray (#f8fafc) with a solid blue active tab (#2563eb). The locked tab treatment is a
   labelled control with an amber underline, not a filled pill. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-tabs{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-tab{
  background:transparent!important;border:1px solid transparent!important;color:#57534E!important;
  border-radius:8px!important;box-shadow:none!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-tab:hover{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-tab.active{
  background:linear-gradient(180deg,#FFFBEB 0%,#FEF3C7 100%)!important;
  border-color:#D97706!important;color:#6b360c!important;
  box-shadow:0 0 0 1px rgba(245,158,11,.12),0 2px 8px rgba(217,119,6,.14)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-tabs{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-tab{
  background:transparent!important;border:1px solid transparent!important;color:#A1A1AA!important;
  border-radius:8px!important;box-shadow:none!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-tab:hover{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-tab.active{
  background:linear-gradient(180deg,rgba(245,158,11,.18) 0%,rgba(43,37,33,.92) 100%)!important;
  border-color:rgba(245,158,11,.55)!important;color:#FBBF24!important;box-shadow:none!important;
}

/* Note strip + summary tiles that main-report.css and reports.css share. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-note{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-note i{color:#B45309!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-note{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-note i{color:#F59E0B!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-summary-card{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;border-radius:14px!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-summary-card small,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-summary-card span{color:#57534E!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .report-summary-card strong,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .value-neutral{color:#18191C!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-summary-card{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-summary-card small,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-summary-card span{color:#D4D4D8!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .report-summary-card strong,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .value-neutral{color:#F5F5F4!important}
body.report-body.bo-charcoal .report-content .value-positive,
body.report-body.bo-charcoal .value-positive{color:#12B76A!important}
body.report-body.bo-charcoal .report-content .value-negative,
body.report-body.bo-charcoal .value-negative{color:#991B1B!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .value-negative{color:#F87171!important}

/* ------------------------------------------------- workspace controls and chrome
   These are pinned with !important at class weight, and the filter-row buttons are guarded by
   two ID-level :not() steps in bo-ui-standard.css, so a class-level !important cannot beat them
   at all (importance ties, specificity decides). `body:not(#bo-charcoal-off)` contributes the
   one ID level that settles the field and icon rules; the two filter buttons need two steps
   because their legacy selector already carries (2,3,1). `#bo-charcoal-off` on <body> is the
   opt-out switch — same idea as the existing bo-filter-standard-off guard. */

/* Fields — reports.css pins `.report-content select / input:not(...) / textarea` to
   `background-color:#fff!important; border:1px solid #cfd8e6!important; color:#101828`, which is
   how a white input survives on a cream page. This also covers native date inputs, which no
   page-scoped sheet styles. */
/* The .layout-code-pane exception above is not cosmetic: those textareas are a transparent overlay
   on a highlighted <pre> (layout-section.html), so an opaque fill hides the colourised code
   entirely. This rule matched them from the day it was written - measured at HEAD it filled them
   #F5EBDC too, so the exception also fixes a pre-existing defect rather than only protecting the
   #FFF8EB input fill. */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content select,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content textarea:not(.layout-code-pane textarea),
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content .form-select{
  background:#FFF8EB!important;border:1px solid #DCC9A8!important;color:#18191C!important;border-radius:8px!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content input::placeholder,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content textarea::placeholder{
  color:#78716C!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content select:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content textarea:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content .form-select:focus{
  border-color:#D97706!important;box-shadow:0 0 0 3px rgba(217,119,6,.14)!important;outline:0!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content select,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content textarea,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content .form-select{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;border-radius:8px!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content input::placeholder,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content textarea::placeholder{
  color:#A1A1AA!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content select:focus,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content textarea:focus,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .report-content .form-select:focus{
  border-color:#F59E0B!important;box-shadow:0 0 0 3px rgba(245,158,11,.18)!important;outline:0!important;
}

/* KPI chip — reports.css paints the `.bo-summary-icon` disc indigo and then tints it green /
   purple / amber by nth-child. The hue carries no information, so all of them collapse to the
   one wash the locked KPI strip uses. */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .bo-summary-icon,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .metric .bo-summary-icon,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .manage-card .bo-summary-icon{
  background:#F5EBDC!important;color:#B45309!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .bo-summary-icon,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .metric .bo-summary-icon,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .manage-card .bo-summary-icon{
  background:rgba(245,158,11,.14)!important;color:#FBBF24!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .metric span,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .manage-card span{
  color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .metric strong,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .manage-card strong{
  color:#18191C!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .bo-summary-note{color:#57534E!important}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .metric span,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .manage-card span,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .bo-summary-note{
  color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .metric strong,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .manage-card strong{
  color:#F5F5F4!important;
}

/* Compact row-action icons (`.bo-icon-action`) — view / ledger / edit / adjust were blue-washed,
   approve green, delete red. Keep only the two semantic ones; the rest is chrome. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action{
  background:#F5EBDC!important;border:1px solid #EADCC8!important;color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action.is-view,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action.is-ledger,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action.is-edit,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action.is-adjust{
  background:#F5EBDC!important;border-color:#EADCC8!important;color:#57534E!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action:hover{
  background:#FFFCF7!important;border-color:#D97706!important;color:#B45309!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action.is-delete,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action.is-reject{
  background:#FEF3F2!important;border-color:rgba(239,51,64,.35)!important;color:#B42318!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .bo-icon-action.is-approve{
  background:#ECFDF3!important;border-color:rgba(18,183,106,.35)!important;color:#027A48!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action{
  background:#2A2C36!important;border:1px solid rgba(255,255,255,.12)!important;color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action.is-view,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action.is-ledger,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action.is-edit,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action.is-adjust{
  background:#2A2C36!important;border-color:rgba(255,255,255,.12)!important;color:#D4D4D8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action:hover{
  border-color:rgba(245,158,11,.5)!important;color:#F59E0B!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action.is-delete,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action.is-reject{
  background:rgba(239,68,68,.14)!important;border-color:rgba(239,68,68,.4)!important;color:#FCA5A5!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .bo-icon-action.is-approve{
  background:rgba(16,185,129,.14)!important;border-color:rgba(16,185,129,.4)!important;color:#34D399!important;
}

/* The filter row's Reset / Search pair. bo-ui-standard.js adds `.bo-filter-search-button` and
   `.bo-filter-reset-button` to them, and the guarded block above pins `#fff`/`#cfd8e8` and a
   flat `#2864ed` with `background-image:none!important` — which would also erase the locked
   gradient. Two ID steps beat it; the geometry rules for the row are left untouched. */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row .bo-filter-search-button{
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 42%,#EA8608 100%)!important;
  border:1px solid #E8901A!important;color:#FFFFFF!important;
  box-shadow:0 1px 2px rgba(180,83,9,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row .bo-filter-reset-button{
  background:linear-gradient(180deg,#FFFCF7 0%,#F5EBDC 100%)!important;
  border:1px solid #DCC9A8!important;color:#18191C!important;
  box-shadow:0 1px 2px rgba(60,48,32,.06)!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row .bo-filter-reset-button:hover{
  background:linear-gradient(0deg,#FFF8EB 0%,#F3E8D6 100%)!important;border-color:#E0D0B8!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row .bo-filter-search-button{
  background: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,.35),0 0 0 1px rgba(245,158,11,.2)!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row .bo-filter-reset-button{
  background:linear-gradient(180deg,#4A4C58 0%,#383A46 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;color:#F5F5F4!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off):not(#bo-charcoal-legacy).report-body.bo-charcoal .report-main .bo-filter-row .bo-filter-reset-button:hover{
  background:linear-gradient(0deg,#383A46 0%,#2C2E38 100%)!important;border-color:rgba(255,255,255,.18)!important;
}

/* The vip pages' own cards. vip-management.css / vip-pages-targeted.css paint a white card and
   a white table wrapper. */
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-settings-card,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-admin-table-wrap,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-log-card{
  background:#FFF8EB!important;border:1px solid #EADCC8!important;
}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-settings-card,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-admin-table-wrap,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-log-card{
  background:#383A46!important;border:1px solid rgba(255,255,255,.14)!important;
}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-settings-card label,
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-settings-card h3{color:#18191C!important}
html:not([data-bo-theme="dark"]) body.report-body.bo-charcoal .vip-settings-card small{color:#57534E!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-settings-card label,
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-settings-card h3{color:#F5F5F4!important}
html[data-bo-theme="dark"] body.report-body.bo-charcoal .vip-settings-card small{color:#D4D4D8!important}

/* ==========================================================================
   Primary wins over the ghost base — this file was fighting itself.
   The generic `.clean-btn` rule above is a (0,4,2) !important ghost, and `.bo-ui-button-primary`
   was a (0,3,1) !important amber. The ghost therefore out-ranked the primary by one class-level,
   so every button that bo-ui-standard.js tags as primary — it adds ONLY that class, no
   `.primary`, to any button whose label matches /save|create|search|add|…/ — rendered as a ghost.
   User Management was the clearest case: its "Create User" CTA had no amber at all.
   The ghost rule now excludes the primary variants, and these restatements carry one ID level so
   the outcome cannot depend on which rule happens to sit later.
   ========================================================================== */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .bo-ui-button-primary,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .clean-btn.primary,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .mad-btn-primary,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal .mad-btn-navy{
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 42%,#EA8608 100%)!important;
  border:1px solid #E8901A!important;
  color:#FFFFFF!important;
  box-shadow:0 1px 2px rgba(180,83,9,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .bo-ui-button-primary,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .clean-btn.primary,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .mad-btn-primary,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal .mad-btn-navy{
  background: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,.35),0 0 0 1px rgba(245,158,11,.2)!important;
}

/* ---------------------------------------------------------------------------
   `#memberResetBtn` (index.html / User Management) — a reset that got tagged primary.
   bo-ui-standard.js classifies by LABEL: styleButton() adds `.bo-ui-button-primary` when the
   text matches /search|save|…/, and only its filter-row path (styleFilterButton) knows that a
   reset is never the focal action. This button reads "Reset Search" and sits in the toolbar
   ABOVE the table, not in `.bo-filter-row`, so the filter path never saw it and it came out
   amber beside "Create User". The file's own intent — a reset is secondary — is what applies,
   so it takes the ghost look its toolbar neighbours (Columns, Export, Bulk Adjustment) have.
   Factored out of the general restatement above rather than changed in the shared JS: this is
   the only "Reset Search" in the repo (the other Reset labels are real password-form actions),
   and editing bo-ui-standard.js would mean re-bumping ?v= on all 148 pages that load it.
   The `:not()` IDs put this at ID level, which the general restatement cannot reach.
   --------------------------------------------------------------------------- */
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn.bo-ui-button-primary{
  background:linear-gradient(180deg,#FFFCF7 0%,#F5EBDC 100%)!important;
  border:1px solid #DCC9A8!important;
  color:#18191C!important;
  box-shadow:none!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn.bo-ui-button-primary:hover{
  background:linear-gradient(180deg,#FFFFFF 0%,#FBF3E4 100%)!important;
  border-color:#D0BB98!important;
  color:#18191C!important;
  box-shadow:0 2px 6px rgba(60,48,32,.10)!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn.bo-ui-button-primary{
  background:linear-gradient(180deg,#43444F 0%,#3A3B46 100%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#F5F5F4!important;
  box-shadow:none!important;
}
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn:hover,
html[data-bo-theme="dark"] body:not(#bo-charcoal-off).report-body.bo-charcoal #memberResetBtn.bo-ui-button-primary:hover{
  background:linear-gradient(180deg,#4A4B57 0%,#3E3F4A 100%)!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#FFFFFF!important;
}