/* BB_BUILD: design_2026 kpi global colored cards v2 — system-wide premium tiles */

body.bb-theme-v2:not(.bb-v2-mod-pos) {
  --bb-sn-kpi-emerald: #71dd37;
  --bb-sn-kpi-cyan: #03c3ec;
  --bb-sn-kpi-amber: #ffab00;
  --bb-sn-kpi-primary: #696cff;
  --bb-sn-kpi-rose: #ff3e1d;
  --bb-sn-kpi-pink: #e83e8c;
  --bb-sn-kpi-blue: #2563eb;
  --bb-sn-kpi-teal: #20c997;
  --bb-sn-kpi-violet: #9055fd;
}

/* —— Unified KPI tile targets (lists, reports, modals, dashboard) —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat,
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__card,
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card,
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: var(--bb-v2-radius-lg, 0.75rem) !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.09) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"]::before,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box::before,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat::before,
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__card::before,
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card::before,
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  border-radius: var(--bb-v2-radius-lg, 0.75rem) var(--bb-v2-radius-lg, 0.75rem) 0 0;
  background: var(--bb-kpi-accent, var(--bb-sn-kpi-primary));
  opacity: 0.92;
  z-index: 1;
  pointer-events: none;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"]::after,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box::after,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat::after,
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__card::after,
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card::after,
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card::after {
  content: "";
  position: absolute;
  top: -2.5rem;
  inset-inline-end: -2.5rem;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background: var(--bb-kpi-glow, rgba(105, 108, 255, 0.16));
  filter: blur(2px);
  z-index: 0;
  pointer-events: none;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"] > *,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box > *,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat > *,
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__card > *,
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card > * {
  position: relative;
  z-index: 2;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"]:hover,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box:hover,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat:hover,
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__card:hover,
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:hover,
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box__icon-wrap {
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__value"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box__value,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat__value,
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__value,
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card .value {
  font-weight: 700 !important;
  letter-spacing: -0.015em;
}

/* —— Palette mixins via tone classes —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-emerald,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-emerald {
  --bb-kpi-accent: var(--bb-sn-kpi-emerald);
  --bb-kpi-glow: rgba(113, 221, 55, 0.22);
  background: linear-gradient(148deg, rgba(113, 221, 55, 0.34) 0%, rgba(113, 221, 55, 0.16) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(113, 221, 55, 0.48) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-cyan,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-cyan {
  --bb-kpi-accent: var(--bb-sn-kpi-cyan);
  --bb-kpi-glow: rgba(3, 195, 236, 0.2);
  background: linear-gradient(148deg, rgba(3, 195, 236, 0.3) 0%, rgba(3, 195, 236, 0.13) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(3, 195, 236, 0.45) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-amber,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-amber {
  --bb-kpi-accent: var(--bb-sn-kpi-amber);
  --bb-kpi-glow: rgba(255, 171, 0, 0.22);
  background: linear-gradient(148deg, rgba(255, 171, 0, 0.34) 0%, rgba(255, 171, 0, 0.15) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(255, 171, 0, 0.5) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-primary,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-primary {
  --bb-kpi-accent: var(--bb-sn-kpi-primary);
  --bb-kpi-glow: rgba(105, 108, 255, 0.2);
  background: linear-gradient(148deg, rgba(105, 108, 255, 0.3) 0%, rgba(105, 108, 255, 0.13) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(105, 108, 255, 0.45) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-rose,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-rose {
  --bb-kpi-accent: var(--bb-sn-kpi-rose);
  --bb-kpi-glow: rgba(255, 62, 29, 0.18);
  background: linear-gradient(148deg, rgba(255, 62, 29, 0.28) 0%, rgba(255, 62, 29, 0.11) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(255, 62, 29, 0.42) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-pink,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-pink {
  --bb-kpi-accent: var(--bb-sn-kpi-pink);
  --bb-kpi-glow: rgba(232, 62, 140, 0.18);
  background: linear-gradient(148deg, rgba(232, 62, 140, 0.28) 0%, rgba(232, 62, 140, 0.11) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(232, 62, 140, 0.4) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-blue,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-blue {
  --bb-kpi-accent: var(--bb-sn-kpi-blue);
  --bb-kpi-glow: rgba(37, 99, 235, 0.18);
  background: linear-gradient(148deg, rgba(37, 99, 235, 0.28) 0%, rgba(37, 99, 235, 0.11) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(37, 99, 235, 0.4) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-kpi-tone-teal,
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"].bb-sn-kpi-tone-teal {
  --bb-kpi-accent: var(--bb-sn-kpi-teal);
  --bb-kpi-glow: rgba(32, 201, 151, 0.2);
  background: linear-gradient(148deg, rgba(32, 201, 151, 0.3) 0%, rgba(32, 201, 151, 0.12) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(32, 201, 151, 0.42) !important;
}

/* —— Auto palette (nth-child) —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 1),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 1),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 1),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 1),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 1),
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card:nth-child(4n + 1) {
  --bb-kpi-accent: var(--bb-sn-kpi-emerald);
  --bb-kpi-glow: rgba(113, 221, 55, 0.22);
  background: linear-gradient(148deg, rgba(113, 221, 55, 0.34) 0%, rgba(113, 221, 55, 0.16) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(113, 221, 55, 0.48) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 2),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 2),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 2),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 2),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 2),
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card:nth-child(4n + 2) {
  --bb-kpi-accent: var(--bb-sn-kpi-cyan);
  --bb-kpi-glow: rgba(3, 195, 236, 0.2);
  background: linear-gradient(148deg, rgba(3, 195, 236, 0.3) 0%, rgba(3, 195, 236, 0.13) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(3, 195, 236, 0.45) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 3),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 3),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 3),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 3),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 3),
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card:nth-child(4n + 3) {
  --bb-kpi-accent: var(--bb-sn-kpi-amber);
  --bb-kpi-glow: rgba(255, 171, 0, 0.22);
  background: linear-gradient(148deg, rgba(255, 171, 0, 0.34) 0%, rgba(255, 171, 0, 0.15) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(255, 171, 0, 0.5) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 4),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 4),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 4),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 4),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 4),
body.bb-theme-v2:not(.bb-v2-mod-pos) .real-estate-summary-card:nth-child(4n + 4) {
  --bb-kpi-accent: var(--bb-sn-kpi-primary);
  --bb-kpi-glow: rgba(105, 108, 255, 0.2);
  background: linear-gradient(148deg, rgba(105, 108, 255, 0.3) 0%, rgba(105, 108, 255, 0.13) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(105, 108, 255, 0.45) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 5),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 5),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 5),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 5),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 5) {
  --bb-kpi-accent: var(--bb-sn-kpi-pink);
  --bb-kpi-glow: rgba(232, 62, 140, 0.18);
  background: linear-gradient(148deg, rgba(232, 62, 140, 0.28) 0%, rgba(232, 62, 140, 0.11) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(232, 62, 140, 0.4) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 6),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 6),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 6),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 6),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 6) {
  --bb-kpi-accent: var(--bb-sn-kpi-blue);
  --bb-kpi-glow: rgba(37, 99, 235, 0.18);
  background: linear-gradient(148deg, rgba(37, 99, 235, 0.28) 0%, rgba(37, 99, 235, 0.11) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(37, 99, 235, 0.4) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 7),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 7),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 7),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 7),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 7) {
  --bb-kpi-accent: var(--bb-sn-kpi-teal);
  --bb-kpi-glow: rgba(32, 201, 151, 0.2);
  background: linear-gradient(148deg, rgba(32, 201, 151, 0.3) 0%, rgba(32, 201, 151, 0.12) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(32, 201, 151, 0.42) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 8),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi"]:not([class*="__card"]):not(.bb-sn-stock-kpi-grid):not(.bb-sn-stock-kpi-panel):not(.rb-sneat-kpi__hero):not(.rb-sneat-kpi__toolbar) > [class*="-kpi__card"]:nth-child(8n + 8),
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__grid"] > [class*="-kpi__card"]:nth-child(8n + 8),
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__grid > .rb-sneat-kpi__card:nth-child(8n + 8),
body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card:nth-child(8n + 8) {
  --bb-kpi-accent: var(--bb-sn-kpi-rose);
  --bb-kpi-glow: rgba(255, 62, 29, 0.18);
  background: linear-gradient(148deg, rgba(255, 62, 29, 0.26) 0%, rgba(255, 62, 29, 0.1) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(255, 62, 29, 0.4) !important;
}

/* —— Semantic modifiers —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--paid"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--positive"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--success"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--in"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--in {
  --bb-kpi-accent: var(--bb-sn-kpi-emerald);
  --bb-kpi-glow: rgba(113, 221, 55, 0.24);
  background: linear-gradient(148deg, rgba(113, 221, 55, 0.36) 0%, rgba(113, 221, 55, 0.15) 45%, rgba(255, 255, 255, 0.95) 100%) !important;
  border-color: rgba(113, 221, 55, 0.5) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--due"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--warning"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--out"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--sold"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--negative"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--out {
  --bb-kpi-accent: var(--bb-sn-kpi-amber);
  --bb-kpi-glow: rgba(255, 171, 0, 0.24);
  background: linear-gradient(148deg, rgba(255, 171, 0, 0.36) 0%, rgba(255, 171, 0, 0.15) 45%, rgba(255, 255, 255, 0.95) 100%) !important;
  border-color: rgba(255, 171, 0, 0.52) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--danger"] {
  --bb-kpi-accent: var(--bb-sn-kpi-rose);
  --bb-kpi-glow: rgba(255, 62, 29, 0.2);
  background: linear-gradient(148deg, rgba(255, 62, 29, 0.3) 0%, rgba(255, 62, 29, 0.12) 45%, rgba(255, 255, 255, 0.95) 100%) !important;
  border-color: rgba(255, 62, 29, 0.44) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--count"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--products"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--net"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--total"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--records"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--total {
  --bb-kpi-accent: var(--bb-sn-kpi-primary);
  --bb-kpi-glow: rgba(105, 108, 255, 0.22);
  background: linear-gradient(148deg, rgba(105, 108, 255, 0.32) 0%, rgba(105, 108, 255, 0.14) 45%, rgba(255, 255, 255, 0.95) 100%) !important;
  border-color: rgba(105, 108, 255, 0.48) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--cost"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--stock"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--variations"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--location"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--hint"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--time"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--cost {
  --bb-kpi-accent: var(--bb-sn-kpi-cyan);
  --bb-kpi-glow: rgba(3, 195, 236, 0.2);
  background: linear-gradient(148deg, rgba(3, 195, 236, 0.3) 0%, rgba(3, 195, 236, 0.12) 45%, rgba(255, 255, 255, 0.95) 100%) !important;
  border-color: rgba(3, 195, 236, 0.44) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--purchase"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--categories"] {
  --bb-kpi-accent: var(--bb-sn-kpi-teal);
  --bb-kpi-glow: rgba(32, 201, 151, 0.2);
  background: linear-gradient(148deg, rgba(32, 201, 151, 0.3) 0%, rgba(32, 201, 151, 0.12) 45%, rgba(255, 255, 255, 0.95) 100%) !important;
  border-color: rgba(32, 201, 151, 0.42) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--sale"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--profit"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--subtotal"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--report"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--type"] {
  --bb-kpi-accent: var(--bb-sn-kpi-blue);
  --bb-kpi-glow: rgba(37, 99, 235, 0.18);
  background: linear-gradient(148deg, rgba(37, 99, 235, 0.28) 0%, rgba(37, 99, 235, 0.11) 45%, rgba(255, 255, 255, 0.95) 100%) !important;
  border-color: rgba(37, 99, 235, 0.4) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--neutral"] {
  --bb-kpi-accent: #8592a3;
  --bb-kpi-glow: rgba(133, 146, 163, 0.16);
  background: linear-gradient(148deg, rgba(133, 146, 163, 0.22) 0%, rgba(133, 146, 163, 0.08) 45%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(133, 146, 163, 0.35) !important;
}

/* Icon badges synced to card tone */
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box__icon-wrap {
  border-radius: var(--bb-v2-radius, 0.375rem) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 1) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--paid"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--positive"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--in .bb-sn-stock-kpi-box__icon-wrap {
  background: rgba(113, 221, 55, 0.26) !important;
  color: var(--bb-sn-kpi-emerald) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 2) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--cost"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--stock"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--time"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--cost .bb-sn-stock-kpi-box__icon-wrap {
  background: rgba(3, 195, 236, 0.24) !important;
  color: var(--bb-sn-kpi-cyan) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 3) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--due"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--warning"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--out .bb-sn-stock-kpi-box__icon-wrap {
  background: rgba(255, 171, 0, 0.26) !important;
  color: var(--bb-sn-kpi-amber) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 4) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--count"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--net"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--records"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box--total .bb-sn-stock-kpi-box__icon-wrap {
  background: rgba(105, 108, 255, 0.24) !important;
  color: var(--bb-sn-kpi-primary) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 5) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--danger"] [class*="-kpi__icon"] {
  background: rgba(232, 62, 140, 0.22) !important;
  color: var(--bb-sn-kpi-pink) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 6) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--sale"] [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--report"] [class*="-kpi__icon"] {
  background: rgba(37, 99, 235, 0.22) !important;
  color: var(--bb-sn-kpi-blue) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 7) [class*="-kpi__icon"],
body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"][class*="--purchase"] [class*="-kpi__icon"] {
  background: rgba(32, 201, 151, 0.22) !important;
  color: var(--bb-sn-kpi-teal) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi"] > [class*="-kpi__card"]:nth-child(8n + 8) [class*="-kpi__icon"] {
  background: rgba(255, 62, 29, 0.2) !important;
  color: var(--bb-sn-kpi-rose) !important;
}

/* —— Dashboard hero stats —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(1),
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat--featured {
  --bb-kpi-accent: var(--bb-sn-kpi-violet);
  --bb-kpi-glow: rgba(144, 85, 253, 0.28);
  background: linear-gradient(148deg, rgba(105, 108, 255, 0.38) 0%, rgba(144, 85, 253, 0.18) 38%, rgba(255, 255, 255, 0.94) 100%) !important;
  border-color: rgba(105, 108, 255, 0.55) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(2) {
  --bb-kpi-accent: var(--bb-sn-kpi-emerald);
  --bb-kpi-glow: rgba(113, 221, 55, 0.22);
  background: linear-gradient(148deg, rgba(113, 221, 55, 0.34) 0%, rgba(113, 221, 55, 0.14) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(113, 221, 55, 0.48) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(3),
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(5) {
  --bb-kpi-accent: var(--bb-sn-kpi-rose);
  --bb-kpi-glow: rgba(255, 62, 29, 0.18);
  background: linear-gradient(148deg, rgba(255, 62, 29, 0.26) 0%, rgba(255, 62, 29, 0.1) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(255, 62, 29, 0.4) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(4),
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(6) {
  --bb-kpi-accent: var(--bb-sn-kpi-cyan);
  --bb-kpi-glow: rgba(3, 195, 236, 0.2);
  background: linear-gradient(148deg, rgba(3, 195, 236, 0.3) 0%, rgba(3, 195, 236, 0.12) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(3, 195, 236, 0.44) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat--featured .bb-v2-stat__icon {
  background: linear-gradient(135deg, var(--bb-sn-kpi-primary), var(--bb-sn-kpi-violet)) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(105, 108, 255, 0.35);
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat--featured .bb-v2-stat__value {
  color: var(--bb-sn-kpi-primary) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(2) .bb-v2-stat__icon {
  background: rgba(113, 221, 55, 0.26) !important;
  color: var(--bb-sn-kpi-emerald) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(3) .bb-v2-stat__icon,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(5) .bb-v2-stat__icon {
  background: rgba(255, 62, 29, 0.2) !important;
  color: var(--bb-sn-kpi-rose) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(4) .bb-v2-stat__icon,
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-dash__stats > .bb-v2-stat:nth-child(6) .bb-v2-stat__icon {
  background: rgba(3, 195, 236, 0.24) !important;
  color: var(--bb-sn-kpi-cyan) !important;
}

/* —— KPI section panels (stock history reference) —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-panel--in,
body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi-panel--in"] {
  border-top: 4px solid var(--bb-sn-kpi-emerald) !important;
  background: linear-gradient(180deg, rgba(113, 221, 55, 0.16) 0%, rgba(255, 255, 255, 0.98) 3.5rem) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-panel--out,
body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi-panel--out"] {
  border-top: 4px solid var(--bb-sn-kpi-amber) !important;
  background: linear-gradient(180deg, rgba(255, 171, 0, 0.16) 0%, rgba(255, 255, 255, 0.98) 3.5rem) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-panel--totals,
body.bb-theme-v2:not(.bb-v2-mod-pos) section[class*="-kpi-panel--totals"] {
  border-top: 4px solid var(--bb-sn-kpi-primary) !important;
  background: linear-gradient(180deg, rgba(105, 108, 255, 0.14) 0%, rgba(255, 255, 255, 0.98) 3.5rem) !important;
}

/* —— Profit / loss AJAX —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .summary-card:nth-child(1) {
  --bb-kpi-accent: var(--bb-sn-kpi-primary);
  background: linear-gradient(148deg, rgba(105, 108, 255, 0.32) 0%, rgba(105, 108, 255, 0.13) 45%, #fff 100%) !important;
  border-color: rgba(105, 108, 255, 0.48) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .summary-card:nth-child(2) {
  --bb-kpi-accent: var(--bb-sn-kpi-amber);
  background: linear-gradient(148deg, rgba(255, 171, 0, 0.32) 0%, rgba(255, 171, 0, 0.13) 45%, #fff 100%) !important;
  border-color: rgba(255, 171, 0, 0.48) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .summary-card:nth-child(3) {
  --bb-kpi-accent: var(--bb-sn-kpi-emerald);
  background: linear-gradient(148deg, rgba(113, 221, 55, 0.32) 0%, rgba(113, 221, 55, 0.13) 45%, #fff 100%) !important;
  border-color: rgba(113, 221, 55, 0.46) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .summary-card:nth-child(4),
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .summary-card.gross-profit {
  --bb-kpi-accent: var(--bb-sn-kpi-cyan);
  background: linear-gradient(148deg, rgba(3, 195, 236, 0.3) 0%, rgba(3, 195, 236, 0.12) 45%, #fff 100%) !important;
  border-color: rgba(3, 195, 236, 0.44) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .summary-card .value {
  color: #384551 !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .details-section:nth-of-type(1) {
  border-top: 4px solid var(--bb-sn-kpi-emerald) !important;
  background: linear-gradient(180deg, rgba(113, 221, 55, 0.12) 0%, #fff 2.75rem) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .details-section:nth-of-type(2) {
  border-top: 4px solid var(--bb-sn-kpi-amber) !important;
  background: linear-gradient(180deg, rgba(255, 171, 0, 0.13) 0%, #fff 2.75rem) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .details-section:nth-of-type(3) {
  border-top: 4px solid var(--bb-sn-kpi-primary) !important;
  background: linear-gradient(180deg, rgba(105, 108, 255, 0.11) 0%, #fff 2.75rem) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .profit-loss-main .col-md-4 > div:nth-child(1),
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .profit-loss-main .row .col-md-4:nth-child(1) > div {
  background: linear-gradient(148deg, rgba(113, 221, 55, 0.24) 0%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(113, 221, 55, 0.4) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .profit-loss-main .col-md-4 > div:nth-child(2),
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .profit-loss-main .row .col-md-4:nth-child(2) > div {
  background: linear-gradient(148deg, rgba(255, 171, 0, 0.24) 0%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(255, 171, 0, 0.42) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .profit-loss-main .col-md-4 > div:nth-child(3),
body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-profit-loss-report__pl-zone .profit-loss-main .row .col-md-4:nth-child(3) > div {
  background: linear-gradient(148deg, rgba(105, 108, 255, 0.22) 0%, rgba(255, 255, 255, 0.96) 100%) !important;
  border-color: rgba(105, 108, 255, 0.4) !important;
}

/* —— Legacy rb-sneat-kpi hero (home fallback) —— */
body.bb-theme-v2:not(.bb-v2-mod-pos) .rb-sneat-kpi__hero {
  background: linear-gradient(148deg, rgba(105, 108, 255, 0.34) 0%, rgba(144, 85, 253, 0.16) 42%, rgba(255, 255, 255, 0.96) 100%) !important;
  border: 1px solid rgba(105, 108, 255, 0.45) !important;
  border-radius: var(--bb-v2-radius-lg, 0.75rem) !important;
  box-shadow: 0 8px 24px rgba(105, 108, 255, 0.14) !important;
}

@media (max-width: 767.98px) {
  body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"],
  body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-sn-stock-kpi-box,
  body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat,
  body.bb-theme-v2:not(.bb-v2-mod-pos) .summary-card {
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
  }

  body.bb-theme-v2:not(.bb-v2-mod-pos) [class*="-kpi__card"]::after,
  body.bb-theme-v2:not(.bb-v2-mod-pos) .bb-v2-stat::after {
    width: 5rem;
    height: 5rem;
    top: -1.75rem;
    inset-inline-end: -1.75rem;
  }
}