/* Presentation V12: everything in this file is the legacy presentation layer.
   It sits in a named cascade layer so src/presentation-v12.css (unlayered) is the
   single final presentation authority through the normal cascade, without
   specificity escalation or important flags. */
@layer legacy {
:root {
  color-scheme: dark;
  --bg: #060607;
  --rail: #040405;
  --ink: #0b0b0c;
  --surface: #101012;
  --surface-2: #171719;
  --surface-3: #202024;
  --glass: rgb(255 255 255 / .035);
  --text: #f8f5f2;
  --muted: #aaa29b;
  --dim: #736b66;
  --line: rgb(255 255 255 / .075);
  --line-strong: rgb(255 255 255 / .13);
  /* Canonical Claude RC2 Body Tech signal red. All red states derive from this token. */
  --signal-red: #e30613;
  --signal-red-rgb: 227 6 19;
  --signal-red-hover: color-mix(in srgb, var(--signal-red) 88%, white);
  --signal-red-pressed: color-mix(in srgb, var(--signal-red) 78%, black);
  --signal-red-border: rgb(var(--signal-red-rgb) / .45);
  --signal-red-tint: rgb(var(--signal-red-rgb) / .12);
  --signal-red-surface: color-mix(in srgb, var(--signal-red) 8%, white);
  --signal-red-on-dark: color-mix(in srgb, var(--signal-red) 62%, white);

  --action-primary: var(--signal-red);
  --action-primary-hover: var(--signal-red-hover);
  --action-primary-pressed: var(--signal-red-pressed);
  --focus-accent: var(--signal-red);
  --risk-accent: var(--signal-red);

  /* Backwards-compatible aliases for the historical stylesheet layers below. */
  --crimson: var(--signal-red);
  --crimson-2: var(--signal-red-hover);
  --crimson-deep: var(--signal-red-pressed);
  --crimson-soft: var(--signal-red-tint);
  --gold: #c9a45c;
  --green: #3dcc7a;
  --amber: #f0a43c;
  --radius: 8px;
  --shadow: 0 14px 26px rgb(0 0 0 / .32);
  --shadow-soft: 0 5px 14px rgb(0 0 0 / .22);
}

/* P0.1: permission-scoped Operations Action Workbench. */
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench {
  background:
    radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--v111-red) 9%, transparent), transparent 34%),
    var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 24px 46px -34px rgba(0, 0, 0, 0.95);
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: clamp(17px, 2.4vw, 26px);
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-hero {
  align-items: end;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-width: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-hero > div {
  min-width: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-hero span,
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-detail-head span,
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel span,
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-boundary > span,
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-group header span {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-hero h1 {
  color: #fff;
  font-family: var(--v111-display);
  font-size: clamp(31px, 4vw, 50px);
  letter-spacing: 0.025em;
  line-height: 0.94;
  margin: 6px 0 8px;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace :is(.operations-workbench-hero p, .operations-workbench-boundary p, .operations-workbench-action-panel p, .operations-workbench-state p, .operations-workbench-detail-head p) {
  color: var(--v111-zinc-400);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-hero > strong {
  color: var(--v111-zinc-300);
  font-family: var(--v111-mono);
  font-size: 10px;
  white-space: nowrap;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-boundary {
  align-items: center;
  background: color-mix(in srgb, var(--v111-red) 5%, var(--v111-panel-soft));
  border: 1px solid color-mix(in srgb, var(--v111-red) 18%, var(--v111-hairline));
  border-radius: 9px;
  display: grid;
  gap: 5px;
  padding: 11px 13px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-feedback {
  background: rgba(255, 255, 255, 0.035);
  border-left: 2px solid var(--v111-red-bright);
  color: var(--v111-zinc-200);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 10px 12px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-filters {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 220px));
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-filters label {
  color: var(--v111-zinc-400);
  display: grid;
  font-family: var(--v111-mono);
  font-size: 8px;
  gap: 6px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-filters select {
  background: var(--v111-panel-soft);
  border: 1px solid var(--v111-hairline);
  border-radius: 8px;
  color: #fff;
  font: 500 12px/1.2 var(--v111-body);
  min-height: 38px;
  min-width: 0;
  padding: 0 34px 0 11px;
  text-transform: none;
  width: 100%;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-groups {
  display: grid;
  gap: 11px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-group {
  background: rgba(0, 0, 0, 0.13);
  border: 1px solid var(--v111-hairline);
  border-radius: 10px;
  min-width: 0;
  overflow: hidden;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-group > header {
  align-items: center;
  border-bottom: 1px solid var(--v111-hairline);
  display: flex;
  justify-content: space-between;
  padding: 13px 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-group h2,
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-detail h2,
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel h3 {
  color: #fff;
  font-family: var(--v111-display);
  letter-spacing: 0.025em;
  margin: 4px 0 0;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-group h2 {
  font-size: 21px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-group > header > strong {
  color: var(--v111-zinc-300);
  font-family: var(--v111-mono);
  font-size: 10px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--v111-hairline);
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-width: 0;
  padding: 13px 14px;
  text-align: left;
  width: 100%;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row:last-child {
  border-bottom: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row:is(:hover, :focus-visible) {
  background: rgba(255, 255, 255, 0.035);
  outline: none;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row-main,
#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row-meta {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row-main strong {
  color: var(--v111-zinc-100);
  font-size: 12px;
  overflow-wrap: anywhere;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row small {
  color: var(--v111-zinc-500);
  font-size: 9px;
  overflow-wrap: anywhere;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row-meta {
  text-align: right;
}

#app.btv2-v111-shell.btv2-v111-workspace [data-priority] {
  color: var(--v111-zinc-300);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace [data-priority="high"],
#app.btv2-v111-shell.btv2-v111-workspace [data-priority="critical"] {
  color: var(--v111-red-bright);
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row-cta {
  color: var(--v111-zinc-300);
  font-family: var(--v111-mono);
  font-size: 9px;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-state {
  align-content: center;
  border: 1px dashed var(--v111-hairline);
  border-radius: 10px;
  display: grid;
  gap: 7px;
  min-height: 140px;
  padding: 20px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-state strong {
  color: var(--v111-zinc-100);
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-detail {
  background: rgba(0, 0, 0, 0.14);
  border: 1px solid var(--v111-hairline);
  border-radius: 11px;
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: clamp(15px, 2vw, 22px);
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-detail-head {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-width: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-detail h2 {
  font-size: clamp(24px, 3vw, 34px);
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-facts {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-facts > div {
  background: var(--v111-panel-soft);
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-facts dt {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-facts dd {
  color: var(--v111-zinc-100);
  font-size: 11px;
  margin: 0;
  overflow-wrap: anywhere;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel {
  align-items: center;
  background: color-mix(in srgb, var(--v111-red) 5%, var(--v111-panel-soft));
  border: 1px solid color-mix(in srgb, var(--v111-red) 18%, var(--v111-hairline));
  border-radius: 9px;
  display: grid;
  gap: 10px 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel h3 {
  font-size: 19px;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel > button {
  background: var(--v111-red);
  border: 1px solid var(--v111-red-bright);
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  font: 700 10px/1 var(--v111-mono);
  min-height: 38px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel > button:disabled {
  cursor: wait;
  opacity: 0.55;
}

#app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel > p {
  grid-column: 1 / -1;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-operations-supporting {
  display: grid;
  gap: 14px;
  margin-top: 4px;
}

@media (max-width: 900px) {
  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-groups {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench {
    border-radius: 10px;
    padding: 15px;
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-hero,
  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-detail-head {
    align-items: flex-start;
    flex-direction: column;
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-filters,
  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row-meta {
    grid-column: 1;
    grid-row: 2;
    text-align: left;
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-row-cta {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel > button,
  #app.btv2-v111-shell.btv2-v111-workspace .operations-workbench-action-panel > p {
    grid-column: 1;
  }
}

/* RC2 Command Centre system, integrated from the approved Claude final visual contract. */
#app[data-btv2-mode="staff"] .sidebar nav {
  display: grid;
  gap: 0;
}

.rc2-nav-group {
  display: grid;
  gap: 0;
}

.rc2-nav-group > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  padding: 0 10px 4px;
  text-transform: uppercase;
}

.rc2-breadcrumb {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 3px;
}

.rc2-header-search {
  align-items: end;
  display: grid;
  gap: 5px;
  grid-template-columns: minmax(150px, 1fr) auto;
  min-width: 0;
}

.rc2-header-search label,
.rc2-header-search input {
  min-width: 0;
  width: 100%;
}

.rc2-header-search button,
.rc2-search-panel form button,
.rc2-section-heading > button {
  background: #171717;
  border: 1px solid #171717;
  color: #fff;
  min-height: 34px;
  padding: 6px 10px;
}

.rc2-role-dashboard,
.rc2-search-panel,
.rc2-work-screen {
  border: 1px solid var(--line);
  margin: 0 28px 14px;
  padding: 16px;
}

.rc2-section-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.rc2-section-heading span,
.rc2-section-heading small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.rc2-section-heading h2 {
  font-size: 18px;
  margin: 2px 0 0;
}

.rc2-role-card-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rc2-role-card-grid button,
.rc2-action-strip button,
.rc2-search-results button {
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--text);
  text-align: left;
}

.rc2-role-card-grid button {
  display: grid;
  min-height: 74px;
  padding: 10px;
}

.rc2-role-card-grid span,
.rc2-action-strip span,
.rc2-search-results small {
  color: var(--muted);
  font-size: 11px;
}

.rc2-role-card-grid strong {
  font-size: 22px;
}

.rc2-action-strip {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  overflow-x: auto;
}

.rc2-action-strip button {
  display: grid;
  flex: 0 0 min(260px, 80vw);
  gap: 3px;
  padding: 9px;
}

.rc2-search-panel form {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.rc2-search-panel form input {
  min-height: 38px;
  width: 100%;
}

.rc2-search-results,
.rc2-ledger,
.rc2-report-index {
  display: grid;
  gap: 6px;
  margin: 12px 0;
}

.rc2-search-results button,
.rc2-ledger article,
.rc2-report-index article,
.rc2-report-index button {
  align-items: center;
  border: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  min-width: 0;
  padding: 10px;
}

.rc2-report-index button {
  background: var(--surface);
  color: var(--text);
  text-align: left;
}

.rc2-report-index button[aria-pressed="true"] {
  border-color: var(--crimson);
}

.rc2-search-results span,
.rc2-ledger article div {
  display: grid;
  min-width: 0;
}

.rc2-search-results em,
.rc2-ledger em,
.rc2-report-index em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}

.rc2-empty-contract {
  border: 1px dashed var(--line);
  padding: 18px;
}

.rc2-workflow-panel {
  border: 1px solid var(--line-strong);
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
}

.rc2-workflow-panel > .rc2-section-heading em,
.rc2-workflow-feedback {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  margin: 0;
}

.rc2-workflow-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
}

.rc2-workflow-grid > section,
.rc2-workflow-stack {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.rc2-workflow-form {
  align-items: end;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.rc2-workflow-form label {
  color: var(--muted);
  display: grid;
  font-size: 11px;
  gap: 4px;
  min-width: 0;
}

.rc2-workflow-form input,
.rc2-workflow-form select,
.rc2-workflow-form button {
  background: var(--surface);
  border: 1px solid var(--line-strong);
  color: var(--text);
  min-height: 38px;
  min-width: 0;
  padding: 7px 9px;
  width: 100%;
}

.rc2-workflow-form button {
  background: var(--crimson);
  border-color: var(--crimson);
  font-weight: 800;
}

.rc2-workflow-form button:disabled {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--dim);
  cursor: not-allowed;
}

.rc2-workflow-timeline {
  display: grid;
  gap: 5px;
}

.rc2-workflow-timeline article {
  align-items: center;
  border-left: 2px solid var(--crimson);
  display: grid;
  gap: 2px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 6px 8px;
}

.rc2-workflow-timeline article span {
  color: var(--muted);
  font-size: 11px;
}

.rc2-workflow-timeline article em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .rc2-role-dashboard,
  .rc2-search-panel,
  .rc2-work-screen {
    margin: 0 14px 12px;
    padding: 12px;
  }

  .rc2-role-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rc2-header-search {
    grid-column: 1 / -1;
  }

  .rc2-workflow-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .rc2-role-card-grid,
  .rc2-search-panel form {
    grid-template-columns: 1fr;
  }

  .rc2-search-results button,
  .rc2-ledger article,
  .rc2-report-index article,
  .rc2-report-index button {
    align-items: flex-start;
    gap: 8px;
  }

  .rc2-workflow-form {
    grid-template-columns: 1fr;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    linear-gradient(180deg, #09090a, #050506);
  color: var(--text);
  font-family: "Aptos Display", Aptos, "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

#app {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: 100dvh;
}

.sidebar {
  background: #050505;
  border-right: 1px solid rgb(255 255 255 / .07);
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 18px 14px;
}

.brand-block {
  align-items: center;
  border-bottom: 1px solid rgb(var(--signal-red-rgb) / .2);
  display: grid;
  gap: 12px;
  grid-template-columns: 42px 1fr;
  padding: 0 4px 18px;
}

.brand-mark {
  align-items: center;
  background: var(--signal-red);
  border: 1px solid rgb(255 255 255 / .14);
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-weight: 900;
  height: 42px;
  justify-content: center;
}

.brand-block strong,
.sidebar-note strong {
  display: block;
  font-size: 15px;
}

.brand-block span,
.sidebar-note span {
  color: var(--muted);
  display: block;
  font-size: 12px;
  line-height: 1.45;
}

.sidebar nav {
  display: grid;
  gap: 6px;
}

.nav-button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #ddd6d0;
  min-height: 38px;
  padding: 9px 12px;
  text-align: left;
  width: 100%;
}

.nav-button:hover,
.nav-button.active {
  background: #151012;
  border-color: rgb(var(--signal-red-rgb) / .42);
  color: #fff;
  box-shadow: inset 3px 0 0 var(--crimson);
}

.sidebar-note {
  border-top: 1px solid rgb(var(--signal-red-rgb) / .2);
  margin-top: auto;
  padding: 18px 4px 0;
}

.main {
  min-width: 0;
}

.app-header {
  align-items: center;
  background: #080809;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(260px, 1fr) auto;
  min-height: 74px;
  padding: 13px 28px;
}

.header-title {
  display: grid;
  gap: 4px;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  font-size: 21px;
  letter-spacing: .1px;
  line-height: 1.15;
}

h2 {
  font-size: 32px;
  letter-spacing: -.45px;
  line-height: 1.04;
}

h3 {
  font-size: 15px;
  line-height: 1.2;
  margin: 0;
}

.header-title p,
.page-hero p,
.executive-hero p,
.opportunity-card em,
.compact-record span,
.recovery-card em,
.case-card p,
.manager-card p,
.comm-card p {
  color: var(--muted);
}

.header-controls {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: 112px 150px minmax(180px, 230px) 118px;
}

label {
  color: var(--muted);
  display: grid;
  font-size: 12px;
  gap: 6px;
}

input,
select {
  background: #0d0d10;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  min-height: 38px;
  padding: 9px 10px;
}

input:focus,
select:focus,
button:focus-visible {
  outline: 2px solid var(--crimson);
  outline-offset: 2px;
}

.screen {
  display: grid;
  gap: 14px;
  padding: 20px 28px 38px;
}

.section-kicker {
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
}

.executive-hero,
.page-hero,
.screen-command-header,
.summary-card,
.priority-panel,
.risk-panel,
.pulse-panel,
.spotlight-card,
.money-board,
.mapping-panel {
  background:
    linear-gradient(180deg, rgb(255 255 255 / .055), rgb(255 255 255 / .018)),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.executive-hero {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1fr) 310px 260px;
  min-height: 260px;
  overflow: hidden;
  padding: 24px;
  position: relative;
}

.executive-hero::before {
  background: linear-gradient(90deg, var(--crimson), transparent);
  content: "";
  height: 2px;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 0;
}

.hero-left {
  align-content: center;
  display: grid;
  gap: 14px;
}

.hero-left p {
  max-width: 64ch;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.risk-orb,
.quality-ring {
  align-content: center;
  aspect-ratio: 1;
  background:
    radial-gradient(circle at center, #111 48%, transparent 49%),
    conic-gradient(var(--crimson) var(--risk, 68%), rgb(255 255 255 / .08) 0);
  border-radius: 50%;
  display: grid;
  justify-items: center;
  padding: 24px;
  text-align: center;
}

.quality-ring {
  --risk: var(--quality);
}

.risk-orb span,
.quality-ring span,
.hero-stat-stack span,
.mini-stat span,
.location-score span,
.panel-heading span,
.opportunity-card span,
.status-badge,
.manager-card span,
.comm-card em,
.mapping-panel article span {
  color: var(--muted);
  font-size: 12px;
}

.risk-orb strong,
.quality-ring strong {
  font-size: 34px;
  line-height: 1;
}

.risk-orb em {
  color: var(--gold);
  font-style: normal;
}

.hero-stat-stack {
  display: grid;
  gap: 10px;
}

.hero-stat-stack article,
.mini-stat,
.location-score,
.opportunity-card,
.pulse-card,
.compact-record,
.lead-card,
.member-card,
.recovery-card,
.case-card,
.manager-card,
.comm-card,
.mapping-panel article {
  background: rgb(255 255 255 / .045);
  border: 1px solid var(--line);
  border-radius: 10px;
}

.hero-stat-stack article {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.hero-stat-stack strong {
  font-size: 19px;
}

.mini-bar,
.heat-track {
  background: rgb(255 255 255 / .08);
  border-radius: 999px;
  height: 7px;
  overflow: hidden;
}

.mini-bar i,
.heat-track i {
  background: linear-gradient(90deg, var(--crimson), var(--gold));
  display: block;
  height: 100%;
}

.mini-bar.danger i {
  background: linear-gradient(90deg, var(--crimson), var(--crimson-2));
}

.location-strip,
.import-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.location-score {
  color: var(--text);
  display: grid;
  gap: 7px;
  min-height: 92px;
  padding: 14px;
  text-align: left;
}

.location-score:hover,
.location-score.active,
.opportunity-card:hover,
.compact-record:hover,
.lead-card:hover,
.member-card:hover,
.recovery-card:hover,
.case-card:hover {
  background: rgb(var(--signal-red-rgb) / .12);
  border-color: rgb(var(--signal-red-rgb) / .38);
}

.location-score strong {
  font-size: 22px;
}

.location-score em,
.pulse-card em,
.manager-card em,
.lead-card em,
.case-footer em {
  color: var(--gold);
  font-style: normal;
}

.command-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(320px, .95fr) minmax(320px, 1fr) minmax(260px, .7fr);
}

.priority-panel,
.risk-panel,
.pulse-panel,
.summary-card,
.money-board,
.mapping-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.panel-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.priority-stack,
.compact-card-list,
.timeline-board {
  display: grid;
  gap: 10px;
}

.opportunity-card,
.compact-record,
.lead-card,
.member-card,
.recovery-card,
.case-card {
  color: var(--text);
  display: grid;
  gap: 8px;
  padding: 13px;
  text-align: left;
}

.opportunity-card b {
  color: #fff;
  font-size: 20px;
}

.risk-row {
  display: grid;
  gap: 8px;
}

.risk-row > div:first-child {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.risk-row span {
  color: var(--muted);
  font-size: 12px;
}

.risk-row em {
  color: var(--gold);
  font-style: normal;
}

.pulse-card,
.manager-card {
  display: grid;
  gap: 8px;
  padding: 13px;
}

.accountability-board {
  grid-template-columns: repeat(4, minmax(220px, 1fr));
}

.accountability-board .manager-card {
  background: linear-gradient(180deg, #101012, #09090b);
  border-left: 3px solid var(--signal-red);
  min-height: 178px;
}

.accountability-board .manager-card b {
  color: #fff;
  font-size: 38px;
  letter-spacing: -1px;
  line-height: .9;
}

.accountability-board .manager-card .mini-bar {
  display: none;
}

.pulse-card strong,
.manager-card strong {
  font-size: 28px;
}

.summary-board {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.primary-action,
.secondary-action {
  border-radius: 8px;
  font-weight: 800;
  min-height: 38px;
  padding: 9px 12px;
  text-decoration: none;
}

.primary-action {
  background: var(--signal-red);
  border: 1px solid rgb(255 255 255 / .16);
  color: #fff;
}

.secondary-action {
  background: rgb(255 255 255 / .045);
  border: 1px solid var(--line);
  color: var(--text);
}

.primary-action:hover,
.secondary-action:hover {
  border-color: rgb(255 255 255 / .24);
  filter: brightness(1.08);
}

button:active,
.primary-action:active,
.secondary-action:active {
  transform: translateY(1px);
}

.text-link,
.link-button {
  background: transparent;
  border: 0;
  color: var(--crimson-2);
  padding: 0;
  text-align: left;
}

.page-hero,
.screen-command-header {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr);
  padding: 14px;
}

.screen-command-header {
  background:
    linear-gradient(90deg, rgb(var(--signal-red-rgb) / .11), transparent 34%),
    linear-gradient(180deg, #111113, #0c0c0e);
  border-color: #2d2d31;
  box-shadow: none;
  overflow: hidden;
  position: relative;
}

.screen-command-header::before {
  background: var(--crimson);
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: 3px;
}

.command-hero-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.screen-command-header h2 {
  font-size: clamp(25px, 2.4vw, 36px);
  letter-spacing: -.45px;
}

.screen-command-header p {
  color: #c6bdb6;
  line-height: 1.35;
  max-width: 48ch;
}

.page-hero > div:first-child {
  display: grid;
  gap: 10px;
}

.hero-mini-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.screen-command-header .hero-mini-grid {
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
}

.mini-stat {
  align-content: center;
  display: grid;
  gap: 6px;
  min-height: 68px;
  padding: 11px;
}

.mini-stat strong {
  font-size: clamp(18px, 1.8vw, 23px);
  line-height: 1;
  overflow-wrap: normal;
  word-break: keep-all;
}

.kanban-board,
.member-card-grid,
.case-grid,
.manager-score-grid,
.mapping-board {
  display: grid;
  gap: 14px;
}

.kanban-board {
  grid-template-columns: repeat(4, minmax(210px, 1fr));
}

.kanban-column {
  background: linear-gradient(180deg, #101012, #0b0b0d);
  border: 1px solid #2d2d31;
  border-radius: var(--radius);
  display: grid;
  gap: 9px;
  align-content: start;
  padding: 11px;
}

.lead-hero .hero-mini-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lead-focus-row {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lead-focus-card {
  background:
    linear-gradient(90deg, rgb(var(--signal-red-rgb) / .13), transparent 60%),
    #0c0c0e;
  border: 1px solid var(--signal-red-border);
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 5px;
  min-height: 92px;
  padding: 12px;
  text-align: left;
}

.lead-focus-card span,
.lead-focus-card em {
  color: #b9b1aa;
  font-style: normal;
}

.lead-focus-card strong {
  font-size: 18px;
}

.lead-focus-card b {
  color: var(--signal-red-on-dark);
  font-size: 12px;
}

.lead-kanban .column-head {
  border-bottom: 1px solid #2d2d31;
  padding-bottom: 9px;
}

.column-head,
.case-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.lead-card strong,
.member-card strong,
.recovery-card strong,
.case-card strong,
.comm-card strong {
  font-size: 16px;
}

.lead-card {
  border-left: 3px solid #4d4d52;
  min-height: 144px;
}

.lead-card.hot {
  border-left-color: var(--signal-red);
}

.lead-card.overdue,
.lead-card.selected,
.member-intel-card.selected {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .11), transparent),
    #0c0c0e;
  border-color: var(--signal-red-border);
}

.lead-card-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.lead-card-head strong {
  font-size: 17px;
}

.lead-timer {
  background: var(--signal-red-tint);
  border: 1px solid var(--signal-red-border);
  border-radius: 7px;
  color: var(--signal-red-on-dark);
  font-size: 11px;
  font-weight: 900;
  padding: 4px 7px;
}

.lead-value-line {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.lead-value-line b {
  color: #fff;
  font-size: 20px;
  letter-spacing: -.4px;
}

.card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.card-meta span {
  background: #08080a;
  border: 1px solid #2b2b2f;
  border-radius: 6px;
  color: var(--muted);
  font-size: 12px;
  padding: 4px 7px;
}

.status-badge {
  border: 1px solid var(--line);
  border-radius: 7px;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  padding: 4px 7px;
}

.status-badge.neutral {
  background: rgb(255 255 255 / .04);
  color: #ddd6d0;
}

.status-badge.good {
  background: rgb(61 204 122 / .12);
  border-color: rgb(61 204 122 / .35);
  color: #a5efc4;
}

.status-badge.hot {
  background: rgb(var(--signal-red-rgb) / .16);
  border-color: rgb(var(--signal-red-rgb) / .36);
  color: var(--signal-red-on-dark);
}

.member-layout,
.recovery-board {
  display: grid;
  gap: 14px;
  grid-template-columns: 340px minmax(0, 1fr);
}

.member-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.spotlight-card {
  align-content: start;
  display: grid;
  gap: 13px;
  padding: 18px;
}

.spotlight-card > span {
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
}

.spotlight-card > strong {
  font-size: 25px;
}

.attendance-bars {
  align-items: end;
  display: flex;
  gap: 7px;
  height: 92px;
}

.attendance-bars i {
  background: linear-gradient(180deg, var(--crimson-2), var(--crimson-deep));
  border-radius: 999px 999px 3px 3px;
  flex: 1;
}

.money-board {
  align-content: start;
}

.case-board {
  background: linear-gradient(180deg, #101012, #0a0a0c);
  border-color: #2f2f34;
}

.case-board .panel-heading {
  border-bottom: 1px solid #2d2d31;
  padding-bottom: 10px;
}

.case-type {
  color: var(--signal-red-on-dark);
  font-size: 11px;
  font-weight: 900;
}

.case-metrics {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-metrics span {
  background: #070708;
  border: 1px solid #28282c;
  border-radius: 7px;
  color: #ddd6d0;
  font-size: 12px;
  padding: 7px;
}

.recovery-card {
  border-left: 3px solid #514125;
  min-height: 132px;
}

.recovery-card.critical {
  border-left-color: var(--signal-red);
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .1), transparent),
    #0b0b0d;
}

.case-grid {
  grid-template-columns: repeat(5, minmax(190px, 1fr));
}

.save-case-card {
  background: linear-gradient(180deg, #0d0d0f, #09090b);
  border-left: 3px solid var(--signal-red);
  min-height: 176px;
}

.save-case-card > em {
  background: #070708;
  border: 1px solid #28282c;
  border-radius: 7px;
  color: var(--signal-red-on-dark);
  font-style: normal;
  line-height: 1.35;
  padding: 8px;
}

.timeline-board {
  grid-template-columns: repeat(4, minmax(220px, 1fr));
}

.comm-card {
  background: linear-gradient(180deg, #0d0d0f, #09090b);
  border-left: 3px solid #34343a;
  display: grid;
  gap: 9px;
  padding: 14px;
}

.comm-card-head {
  display: flex;
  gap: 6px;
  justify-content: space-between;
}

.mapping-board {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mapping-panel article {
  background: #09090b;
  border-color: #2b2b2f;
  display: grid;
  gap: 5px;
  padding: 11px;
}

.mapping-panel.warning {
  background:
    linear-gradient(180deg, rgb(240 164 60 / .08), transparent),
    #101012;
  border-color: rgb(240 164 60 / .35);
}

.warning-stack {
  background: rgb(240 164 60 / .08);
  border: 1px solid rgb(240 164 60 / .2);
  border-radius: 10px;
  color: #f6d29a;
  display: grid;
  gap: 7px;
  padding: 12px;
}

.detail-drawer {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .08), transparent 190px),
    #0b0b0d;
  border-left: 1px solid rgb(255 255 255 / .12);
  bottom: 0;
  box-shadow: -12px 0 28px rgb(0 0 0 / .42);
  display: grid;
  grid-template-rows: auto 1fr auto;
  position: fixed;
  right: 0;
  top: 0;
  width: min(500px, 100vw);
  z-index: 10;
}

.drawer-header {
  align-items: start;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 18px;
}

.drawer-profile {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 48px 1fr;
  min-width: 0;
}

.drawer-profile .avatar {
  height: 48px;
  width: 48px;
}

.drawer-title {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.drawer-record-type {
  background: var(--signal-red-tint);
  border: 1px solid var(--signal-red-border);
  border-radius: 7px;
  color: var(--signal-red-on-dark);
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  justify-self: start;
  padding: 4px 7px;
}

.drawer-field-list span {
  color: var(--muted);
  display: block;
  font-size: 12px;
}

.drawer-header strong {
  display: block;
  font-size: 26px;
  letter-spacing: -.45px;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.drawer-sections {
  display: grid;
  gap: 10px;
  overflow: auto;
  padding: 14px 18px;
}

.drawer-sections section {
  background: linear-gradient(180deg, #101012, #0b0b0d);
  border: 1px solid #2d2d31;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.drawer-field-list {
  display: grid;
  gap: 9px;
}

.drawer-field-list article {
  display: grid;
  gap: 8px;
  grid-template-columns: 120px 1fr;
  padding: 4px 0;
}

.drawer-actions {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 12px;
  padding: 14px 18px 18px;
}

.drawer-actions label {
  background: #09090b;
  border: 1px solid #2b2b2f;
  border-radius: 8px;
  padding: 10px;
}

.design-lab {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .08), transparent 230px),
    #050607;
}

.lab-intro {
  align-items: end;
  background: linear-gradient(180deg, #111820, #0a0f15);
  border: 1px solid #24303d;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgb(0 0 0 / .28);
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .52fr);
  padding: 18px;
}

.lab-intro span,
.concept-header span,
.a-hero-copy span,
.a-signal-stack span,
.lab-action-row span,
.lab-detail-preview > span,
.war-metric span,
.c-primary-panel span,
.c-detail-panel > span,
.clean-stat span,
.performance-score span {
  color: #8fa0b1;
  font-size: 12px;
}

.lab-intro h2 {
  font-size: 28px;
  letter-spacing: 0;
  line-height: 1.05;
  margin-top: 4px;
}

.lab-intro p,
.concept-header p,
.a-hero-copy p,
.lab-detail-preview p,
.c-primary-panel p,
.c-detail-panel p {
  color: #9aa7b4;
  line-height: 1.45;
}

.lab-concept {
  background: #080c11;
  border: 1px solid #24303d;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgb(0 0 0 / .28);
  display: grid;
  gap: 14px;
  overflow: hidden;
  padding: 14px;
}

.concept-header {
  align-items: center;
  border-bottom: 1px solid #1d2732;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 4px 2px 14px;
}

.concept-header h3 {
  color: #fff;
  font-size: 18px;
  margin-top: 4px;
}

.concept-header p {
  max-width: 420px;
  text-align: right;
}

.concept-a {
  background:
    radial-gradient(circle at 72% 24%, rgb(var(--signal-red-rgb) / .22), transparent 28%),
    linear-gradient(145deg, #151a20, #07090d 62%, #050607);
}

.a-command-stage {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 360px) minmax(220px, 300px);
  min-height: 360px;
}

.a-hero-copy {
  align-content: center;
  display: grid;
  gap: 14px;
  padding: 14px;
}

.a-hero-copy strong {
  color: #fff;
  font-size: clamp(54px, 7vw, 104px);
  letter-spacing: -4px;
  line-height: .88;
}

.lab-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

.a-risk-dial {
  align-self: center;
  aspect-ratio: 1;
  background:
    radial-gradient(circle at center, #060708 49%, transparent 50%),
    conic-gradient(var(--signal-red) var(--risk), rgb(255 255 255 / .08) 0);
  border: 1px solid var(--signal-red-border);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 10px rgb(0 0 0 / .12),
    0 20px 55px rgb(0 0 0 / .38);
  display: grid;
  justify-items: center;
  place-content: center;
  text-align: center;
}

.a-risk-dial strong {
  color: #fff;
  font-size: 58px;
  letter-spacing: -2px;
  line-height: .9;
}

.a-risk-dial em,
.a-location-tile em,
.lab-action-row em,
.war-card em,
.c-heat-row em {
  color: #c9d4df;
  font-style: normal;
}

.a-signal-stack {
  align-content: center;
  display: grid;
  gap: 9px;
}

.a-signal-stack article,
.a-location-tile,
.lab-action-panel,
.lab-detail-preview,
.war-metric,
.war-lane,
.c-primary-panel,
.c-score-panel,
.c-detail-panel,
.clean-stat {
  background: linear-gradient(180deg, #101720, #0b1118);
  border: 1px solid #263442;
  border-radius: 8px;
}

.a-signal-stack article {
  display: grid;
  gap: 5px;
  padding: 13px;
}

.a-signal-stack strong,
.clean-stat strong {
  color: #fff;
  font-size: 21px;
}

.a-location-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.a-location-tile {
  border-left: 3px solid var(--signal-red);
  color: #fff;
  display: grid;
  gap: 6px;
  padding: 13px;
  text-align: left;
}

.a-location-tile span {
  color: var(--signal-red-on-dark);
  font-size: 12px;
  font-weight: 800;
}

.a-location-tile:hover,
.lab-action-row:hover,
.war-card:hover,
.c-heat-row:hover {
  border-color: #56687a;
  background: #111b25;
}

.lab-bottom-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
}

.lab-action-panel,
.lab-detail-preview {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.lab-action-row {
  align-items: center;
  background: #0a1016;
  border: 1px solid #263442;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(130px, .8fr) minmax(180px, 1fr) max-content;
  min-height: 58px;
  padding: 10px;
  text-align: left;
}

.lab-action-row b,
.preview-meta b,
.war-card span {
  color: var(--signal-red-on-dark);
}

.lab-detail-preview > strong {
  color: #fff;
  font-size: 26px;
  line-height: 1.05;
}

.preview-meta {
  align-items: center;
  border-top: 1px solid #263442;
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
}

.concept-b {
  background:
    linear-gradient(90deg, rgb(var(--signal-red-rgb) / .08), transparent 30%),
    #07090c;
}

.b-war-header {
  display: grid;
  gap: 10px;
  grid-template-columns: 1.3fr repeat(4, minmax(130px, 1fr));
}

.war-metric {
  display: grid;
  gap: 8px;
  min-height: 92px;
  padding: 13px;
  position: relative;
}

.war-metric::before {
  background: #596a7a;
  border-radius: 2px;
  content: "";
  height: 8px;
  width: 8px;
}

.war-metric strong {
  color: #fff;
  font-size: 26px;
  line-height: 1;
}

.war-metric.danger {
  border-color: var(--signal-red-border);
  background: linear-gradient(180deg, #23101a, #0d0f14);
}

.war-metric.danger::before,
.war-metric.hot::before {
  background: var(--signal-red);
  box-shadow: 0 0 12px rgb(var(--signal-red-rgb) / .7);
}

.war-metric.warning {
  border-color: #5b4520;
}

.war-metric.warning::before {
  background: #e0a331;
}

.b-board {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.war-lane {
  align-content: start;
  display: grid;
  gap: 9px;
  padding: 12px;
}

.war-lane-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.war-lane-head span {
  color: #8fa0b1;
  font-size: 12px;
}

.war-card {
  background: #0a1016;
  border: 1px solid #263442;
  border-left: 3px solid var(--signal-red);
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 6px;
  min-height: 112px;
  padding: 10px;
  text-align: left;
}

.war-card b {
  color: #fff;
  font-size: 12px;
}

.concept-c {
  background:
    linear-gradient(180deg, #111820, #07090c 52%, #050607);
}

.c-intelligence-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(340px, 1.1fr) minmax(260px, .85fr) minmax(260px, .7fr);
}

.c-primary-panel,
.c-score-panel,
.c-detail-panel {
  padding: 16px;
}

.c-primary-panel {
  display: grid;
  gap: 12px;
  min-height: 320px;
}

.c-primary-panel strong {
  color: #fff;
  font-size: clamp(46px, 5vw, 76px);
  letter-spacing: -3px;
  line-height: .9;
}

.c-chart-lines {
  align-items: end;
  border-top: 1px solid #263442;
  display: flex;
  gap: 12px;
  height: 150px;
  margin-top: auto;
  padding-top: 20px;
}

.c-chart-lines i {
  background: linear-gradient(180deg, var(--signal-red-hover), var(--signal-red-tint));
  border-radius: 3px 3px 0 0;
  flex: 1;
  min-height: 18px;
}

.c-score-panel,
.c-detail-panel {
  align-content: start;
  display: grid;
  gap: 12px;
}

.performance-score {
  display: grid;
  gap: 9px;
}

.performance-score div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.performance-score strong {
  color: #fff;
}

.performance-score em,
.c-heat-row em {
  background: #070b10;
  border: 1px solid #25323f;
  border-radius: 99px;
  display: block;
  height: 8px;
  overflow: hidden;
}

.performance-score i,
.c-heat-row i {
  background: var(--signal-red);
  display: block;
  height: 100%;
}

.c-detail-panel strong {
  color: #fff;
  font-size: 24px;
  line-height: 1.05;
}

.c-location-heatmap {
  display: grid;
  gap: 8px;
}

.c-heat-row {
  align-items: center;
  background: #0a1016;
  border: 1px solid #263442;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(130px, 1fr) 100px 140px minmax(170px, 1.2fr);
  min-height: 50px;
  padding: 9px 10px;
  text-align: left;
}

.c-heat-row span {
  color: #9aa7b4;
}

.c-summary-row {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.clean-stat {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.concept-d {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .07), transparent 210px),
    linear-gradient(145deg, #0f151d, #050607 58%);
}

.os-pro-dashboard {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .045), transparent 220px),
    #050607;
  gap: 13px;
}

.os-command-header {
  align-items: stretch;
  background:
    linear-gradient(135deg, #151516, #080809 68%),
    #080809;
  border: 1px solid #2d2d31;
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(320px, 1fr) minmax(260px, .42fr) minmax(320px, .52fr);
  min-height: 188px;
  padding: 16px;
  position: relative;
}

.os-command-header::before {
  background: var(--signal-red);
  content: "";
  height: 2px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
}

.os-command-copy {
  align-content: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.os-command-copy span,
.os-command-money span,
.os-command-actions span {
  color: #ada49d;
  font-size: 12px;
}

.os-command-copy h2 {
  color: #fff;
  font-size: clamp(38px, 4.4vw, 68px);
  letter-spacing: -1.8px;
  line-height: .98;
}

.os-command-copy p {
  color: #c0b8b1;
  line-height: 1.35;
  max-width: 42ch;
}

.os-command-money,
.os-command-actions button {
  background: #0b0b0d;
  border: 1px solid #303034;
  border-radius: 8px;
}

.os-command-money {
  align-content: center;
  display: grid;
  gap: 11px;
  padding: 15px;
}

.os-command-money.risk-hot {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .16), transparent 72%),
    #0b0b0d;
  border-color: var(--signal-red-border);
}

.os-command-money strong {
  color: #fff;
  font-size: clamp(34px, 3vw, 52px);
  letter-spacing: -1.4px;
  line-height: .95;
}

.os-command-money em {
  background: #070708;
  border: 1px solid #333338;
  border-radius: 6px;
  display: block;
  height: 6px;
  overflow: hidden;
}

.os-command-money i {
  background: var(--signal-red);
  display: block;
  height: 100%;
}

.os-command-actions {
  display: grid;
  gap: 8px;
}

.os-command-actions button {
  color: #fff;
  display: grid;
  gap: 5px;
  min-height: 78px;
  padding: 12px;
  text-align: left;
}

.os-command-actions button:hover {
  background: #131315;
  border-color: var(--signal-red-border);
}

.os-command-actions strong {
  font-size: 15px;
}

.os-command-actions em {
  color: #c7beb8;
  font-style: normal;
  line-height: 1.3;
}

.os-pro-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(320px, 1.05fr) minmax(320px, 1fr) minmax(300px, .9fr);
}

.dashboard-os-grid {
  grid-template-columns: minmax(370px, 1.08fr) minmax(340px, 1fr) minmax(300px, .82fr);
}

.os-live-pulse,
.os-revenue-command,
.os-status-board,
.os-funnel-engine,
.os-retention-panel,
.os-message-centre,
.os-manager-stack,
.member-command-header,
.member-profile-preview,
.premium-member-list {
  background: linear-gradient(180deg, #111113, #0c0c0f);
  border: 1px solid #303034;
  border-radius: 8px;
  box-shadow: none;
}

.os-live-pulse,
.os-revenue-command,
.os-status-board,
.os-funnel-engine,
.os-retention-panel,
.os-message-centre,
.os-manager-stack {
  display: grid;
  gap: 11px;
  padding: 13px;
}

.os-live-pulse,
.os-manager-stack {
  grid-row: span 2;
}

.os-funnel-engine {
  grid-row: span 2;
}

.os-module-focus {
  border-color: #3a3a3f;
}

.os-panel-head {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.os-panel-head > * {
  min-width: 0;
}

.os-panel-head span,
.os-live-main span,
.os-pulse-meta span,
.revenue-ledger span,
.status-board-grid span,
.funnel-bars span,
.source-mix,
.relationship-list span,
.message-stack span,
.manager-action-row span,
.member-command-header p,
.member-filter-chip span,
.member-profile-preview span,
.member-preview-head em,
.member-preview-grid span,
.premium-member-row span,
.premium-member-row em {
  color: #ada49d;
  font-size: 12px;
}

.os-panel-head strong {
  color: #fff;
  font-size: 14px;
}

.os-live-main {
  border-bottom: 1px solid #303034;
  border-top: 1px solid #303034;
  display: grid;
  gap: 8px;
  padding: 16px 0;
}

.os-live-main strong {
  color: #fff;
  font-size: 62px;
  letter-spacing: -2px;
  line-height: .88;
}

.os-live-main em,
.funnel-bars em {
  background: #070708;
  border: 1px solid #333338;
  border-radius: 6px;
  display: block;
  height: 6px;
  overflow: hidden;
}

.os-live-main i,
.funnel-bars i {
  background: linear-gradient(90deg, var(--signal-red), var(--signal-red-hover));
  display: block;
  height: 100%;
}

.os-pulse-meta,
.revenue-ledger,
.status-board-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.os-pulse-meta article,
.revenue-ledger article,
.status-board-grid article,
.relationship-list article,
.message-stack article,
.member-preview-grid article {
  background: #09090b;
  border: 1px solid #2b2b2f;
  border-radius: 8px;
  display: grid;
  gap: 5px;
  padding: 8px;
}

.status-board-pro article {
  min-height: 74px;
}

.status-board-pro article.danger {
  border-color: var(--signal-red-border);
  background: linear-gradient(180deg, var(--signal-red-tint), #0a0a0c);
}

.status-board-pro article.watch {
  border-color: #514125;
}

.status-board-pro article.stable {
  border-color: #254331;
}

.os-pulse-meta strong,
.revenue-ledger strong,
.status-board-grid strong,
.relationship-list strong,
.message-stack strong,
.member-preview-grid strong {
  color: #fff;
}

.checkin-feed,
.relationship-list,
.message-stack,
.funnel-bars {
  display: grid;
  gap: 8px;
}

.checkin-feed button {
  align-items: center;
  background: #09090b;
  border: 1px solid #2b2b2f;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px 1fr;
  padding: 8px;
  text-align: left;
}

.avatar {
  align-items: center;
  background:
    linear-gradient(180deg, var(--signal-red-tint), var(--signal-red-tint));
  border: 1px solid var(--signal-red-border);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.checkin-feed em {
  color: #ada49d;
  display: block;
  font-style: normal;
  margin-top: 2px;
}

.funnel-bars article {
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(0, 1fr) max-content;
}

.funnel-bars em {
  grid-column: 1 / -1;
}

.source-mix {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.source-mix span {
  background: #09090b;
  border: 1px solid #2b2b2f;
  border-radius: 7px;
  padding: 7px 8px;
}

.source-mix strong {
  color: #fff;
  margin-left: 6px;
}

.manager-action-row {
  align-items: center;
  background: #09090b;
  border: 1px solid #2b2b2f;
  border-left: 3px solid var(--signal-red);
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 10px;
  grid-template-columns: 32px minmax(0, 1fr) max-content;
  min-height: 52px;
  padding: 8px;
  text-align: left;
}

.manager-action-row em {
  grid-column: 2 / -1;
}

.manager-action-row:hover,
.checkin-feed button:hover,
.os-location-strip button:hover,
.member-intel-card:hover,
.premium-member-row:hover {
  background: #131315;
  border-color: var(--signal-red-border);
}

.manager-action-row em {
  color: #c7beb8;
  font-style: normal;
}

.manager-action-row b {
  color: var(--signal-red-on-dark);
  justify-self: end;
}

.os-location-strip {
  display: grid;
  gap: 8px;
}

.os-location-strip button {
  align-items: center;
  background: linear-gradient(180deg, #0c0c0e, #09090a);
  border: 1px solid #2b2b2f;
  border-left: 3px solid var(--signal-red);
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(120px, 1.2fr) repeat(7, minmax(0, .75fr));
  min-height: 52px;
  padding: 10px;
  text-align: left;
}

.os-location-strip button:first-child {
  border-left-color: var(--signal-red);
}

.os-location-strip button > * {
  min-width: 0;
}

.os-location-strip span,
.os-location-strip em {
  color: #ada49d;
  font-style: normal;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.premium-members {
  background: #050607;
}

.member-command-header {
  align-items: end;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 480px);
  padding: 15px;
}

.member-command-header h2 {
  font-size: 31px;
  letter-spacing: -.55px;
}

.member-search {
  margin: 0;
}

.member-filter-bar,
.member-status-strip {
  display: grid;
  gap: 8px;
}

.member-filter-bar {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.member-status-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.member-filter-chip {
  background: linear-gradient(180deg, #0e0e10, #09090b);
  border: 1px solid #2b2b2f;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 5px;
  min-height: 58px;
  padding: 8px;
  text-align: left;
}

.member-filter-chip.active {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .13), transparent),
    #0c0c0e;
  border-color: var(--signal-red-border);
  box-shadow: inset 3px 0 0 var(--signal-red);
}

.member-filter-chip strong {
  font-size: 20px;
  line-height: 1;
}

.premium-member-layout {
  display: grid;
  gap: 12px;
  grid-template-columns: 340px minmax(0, 1fr);
}

.member-profile-preview {
  align-content: start;
  display: grid;
  gap: 13px;
  padding: 15px;
}

.member-preview-head {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 42px 1fr;
}

.member-preview-head .avatar {
  height: 42px;
  width: 42px;
}

.member-preview-head strong {
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: 1.1;
}

.member-preview-head em {
  display: block;
  font-style: normal;
  margin-top: 3px;
}

.member-preview-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-profile-preview p {
  border-top: 1px solid #303034;
  color: #c7beb8;
  padding-top: 12px;
}

.premium-member-list {
  align-content: start;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  padding: 10px;
}

.member-intel-card {
  background: linear-gradient(180deg, #0d0d0f, #09090b);
  border: 1px solid #2b2b2f;
  border-left: 3px solid #596a7a;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 10px;
  min-height: 152px;
  padding: 12px;
  text-align: left;
}

.member-intel-card:has(.status-badge.hot) {
  border-left-color: var(--signal-red);
}

.member-intel-head {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr) max-content;
}

.member-intel-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.member-intel-grid > span {
  background: #070708;
  border: 1px solid #252529;
  border-radius: 7px;
  display: grid;
  gap: 4px;
  min-height: 50px;
  padding: 7px;
}

.member-intel-grid em {
  color: #ada49d;
  font-style: normal;
  font-size: 11px;
}

.member-intel-grid strong {
  color: #fff;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.member-intel-card > b {
  border-top: 1px solid #303034;
  color: #f6f7f8;
  font-size: 13px;
  line-height: 1.35;
  padding-top: 10px;
}

.member-profile-preview .primary-action {
  justify-self: start;
}

.premium-member-row {
  align-items: center;
  background: #0a0a0c;
  border: 1px solid #2b2b2f;
  border-left: 3px solid #596a7a;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 10px;
  grid-template-columns: 40px minmax(150px, 1.3fr) repeat(6, minmax(62px, .55fr)) minmax(120px, 1fr);
  min-height: 62px;
  padding: 9px;
  text-align: left;
}

.premium-member-row > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.premium-member-row:has(.status-badge.hot) {
  border-left-color: var(--signal-red);
}

.member-name-block strong {
  color: #fff;
  display: block;
}

.member-name-block em {
  display: block;
  font-style: normal;
  margin-top: 2px;
}

.premium-member-row b {
  color: #f6f7f8;
  font-size: 12px;
  line-height: 1.3;
}

@media (max-width: 1180px) {
  .app-header {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .header-controls {
    justify-self: stretch;
  }
}

@media (max-width: 1280px) {
  .executive-hero,
  .command-grid,
  .member-layout,
  .recovery-board,
  .mapping-board {
    grid-template-columns: 1fr;
  }

  .risk-orb {
    justify-self: center;
    max-width: 360px;
    width: min(100%, 360px);
  }

  .quality-ring {
    justify-self: center;
    max-width: 360px;
    width: min(100%, 360px);
  }

  .kanban-board,
  .timeline-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .a-command-stage,
  .os-pro-grid,
  .c-intelligence-grid {
    grid-template-columns: 1fr;
  }

  .os-command-header {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr);
  }

  .os-command-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .a-risk-dial {
    justify-self: center;
    width: min(360px, 100%);
  }

  .b-war-header,
  .b-board,
  .member-filter-bar,
  .c-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .premium-member-layout,
  .premium-member-list {
    grid-template-columns: 1fr;
  }

  .os-location-strip button,
  .premium-member-row,
  .member-intel-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 980px) {
  #app {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  .app-header,
  .page-hero,
  .os-command-header {
    grid-template-columns: 1fr;
  }

  .os-command-actions {
    grid-template-columns: 1fr;
  }

  .header-controls,
  .location-strip,
  .import-summary,
  .summary-board,
  .member-card-grid,
  .case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lab-intro,
  .member-command-header,
  .lab-bottom-grid {
    grid-template-columns: 1fr;
  }

  .concept-header {
    align-items: flex-start;
    display: grid;
  }

  .concept-header p {
    text-align: left;
  }

  .a-location-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lab-action-row,
  .manager-action-row,
  .c-heat-row {
    grid-template-columns: 1fr;
  }

  .member-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .premium-member-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #app {
    grid-template-columns: 1fr;
  }

  .sidebar {
    min-height: auto;
  }

  .sidebar nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .screen,
  .app-header {
    padding-left: 14px;
    padding-right: 14px;
  }

  .header-controls,
  .hero-mini-grid,
  .location-strip,
  .a-location-strip,
  .b-war-header,
  .b-board,
  .c-summary-row,
  .member-filter-bar,
  .member-status-strip,
  .premium-member-layout,
  .os-pulse-meta,
  .revenue-ledger,
  .status-board-grid,
  .summary-board,
  .kanban-board,
  .member-card-grid,
  .case-grid,
  .timeline-board,
  .import-summary,
  .member-intel-grid {
    grid-template-columns: 1fr;
  }

  h2 {
    font-size: 28px;
  }
}

/*
  Light premium CRM direction.
  Inspired by the Johnson Reed executive CRM structure: off-white page,
  white cards, ink typography, subtle borders and clear decision hierarchy.
*/
:root {
  color-scheme: light;
  --bg: #edf0ed;
  --rail: #f8f7f3;
  --ink: #1b1f22;
  --surface: #ffffff;
  --surface-2: #f8f7f3;
  --surface-3: #efede7;
  --glass: rgb(255 255 255 / .75);
  --text: #1b1f22;
  --muted: #687078;
  --dim: #8b9298;
  --line: #dfe2df;
  --line-strong: #cfd5d1;
  --crimson: var(--signal-red);
  --crimson-2: var(--signal-red-hover);
  --crimson-deep: var(--signal-red-pressed);
  --crimson-soft: var(--signal-red-tint);
  --gold: #9c6d32;
  --green: #19764b;
  --amber: #a76713;
  --radius: 10px;
  --shadow: 0 18px 46px rgb(28 35 40 / .09);
  --shadow-soft: 0 1px 2px rgb(28 35 40 / .06), 0 10px 28px rgb(28 35 40 / .06);
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: Aptos, "Helvetica Neue", Arial, sans-serif;
}

#app {
  background: var(--bg);
}

.sidebar {
  background: #fbfaf7;
  border-right: 1px solid #dadfda;
  color: var(--text);
}

.brand-block {
  border-bottom-color: #e2e0d9;
}

.brand-mark {
  background: #111315;
  border-color: #111315;
  box-shadow: none;
}

.brand-block strong,
.sidebar-note strong,
.nav-button,
.header-title h1,
.panel-heading h3,
.os-panel-head strong,
.column-head h3,
.lead-card strong,
.member-intel-card strong,
.recovery-card strong,
.case-card strong,
.comm-card strong,
.mapping-panel strong,
.drawer-header strong {
  color: #1b1f22;
}

.brand-block span,
.sidebar-note span,
.header-title p,
label,
.os-panel-head span,
.os-live-main span,
.os-pulse-meta span,
.revenue-ledger span,
.status-board-grid span,
.funnel-bars span,
.relationship-list span,
.message-stack span,
.member-command-header p,
.member-filter-chip span,
.member-profile-preview span,
.member-preview-head em,
.member-intel-grid em,
.member-intel-card em,
.premium-member-row span,
.premium-member-row em,
.mini-stat span,
.case-card p,
.recovery-card em,
.comm-card p,
.mapping-panel article span,
.drawer-field-list span {
  color: var(--muted);
}

.nav-button {
  border-radius: 9px;
}

.nav-button:hover,
.nav-button.active {
  background: #fff;
  border-color: #d8d6cf;
  box-shadow:
    inset 3px 0 0 var(--crimson),
    0 1px 2px rgb(28 35 40 / .05);
  color: #111315;
}

.sidebar-note {
  border-top-color: #e2e0d9;
}

.app-header {
  background: #fff;
  border-bottom: 1px solid #dfe2df;
  box-shadow: 0 1px 2px rgb(28 35 40 / .04);
}

input,
select,
textarea {
  background: #fff;
  border-color: #d5dad6;
  color: var(--text);
}

input::placeholder {
  color: #949aa0;
}

input:focus,
select:focus,
button:focus-visible {
  outline: 2px solid rgb(var(--signal-red-rgb) / .28);
  outline-offset: 2px;
}

.screen,
.os-pro-dashboard,
.premium-members,
.design-lab {
  background: var(--bg);
}

.executive-hero,
.page-hero,
.screen-command-header,
.summary-card,
.priority-panel,
.risk-panel,
.pulse-panel,
.spotlight-card,
.money-board,
.mapping-panel,
.os-command-header,
.os-live-pulse,
.os-revenue-command,
.os-status-board,
.os-funnel-engine,
.os-retention-panel,
.os-message-centre,
.os-manager-stack,
.member-command-header,
.member-profile-preview,
.premium-member-list,
.kanban-column,
.lab-intro,
.lab-concept,
.lab-action-panel,
.lab-detail-preview,
.war-metric,
.war-lane,
.c-primary-panel,
.c-score-panel,
.c-detail-panel,
.clean-stat {
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  color: var(--text);
}

.screen-command-header,
.os-command-header,
.member-command-header {
  background:
    linear-gradient(90deg, rgb(var(--signal-red-rgb) / .055), transparent 34%),
    #fff;
  border-color: #d9ddd9;
}

.screen-command-header::before,
.os-command-header::before {
  background: var(--crimson);
}

.command-hero-copy h2,
.screen-command-header h2,
.member-command-header h2,
.os-command-copy h2,
.lab-intro h2,
.concept-header h3 {
  color: #16191c;
}

.command-hero-copy p,
.screen-command-header p,
.os-command-copy p,
.lab-intro p,
.concept-header p {
  color: var(--muted);
}

.os-command-header {
  min-height: 170px;
}

.os-command-copy h2 {
  font-size: clamp(34px, 3.7vw, 56px);
}

.os-command-money,
.os-command-money.risk-hot,
.os-command-actions button,
.lead-focus-card,
.opportunity-card,
.compact-record,
.lead-card,
.member-card,
.member-intel-card,
.premium-member-row,
.recovery-card,
.case-card,
.manager-card,
.comm-card,
.mapping-panel article,
.os-pulse-meta article,
.revenue-ledger article,
.status-board-grid article,
.relationship-list article,
.message-stack article,
.member-preview-grid article,
.checkin-feed button,
.manager-action-row,
.os-location-strip button,
.member-filter-chip,
.warning-stack {
  background: #fff;
  border: 1px solid #dfe2df;
  box-shadow: none;
  color: var(--text);
}

.os-command-money.risk-hot {
  background:
    linear-gradient(180deg, rgb(var(--signal-red-rgb) / .075), transparent 74%),
    #fff;
  border-color: rgb(var(--signal-red-rgb) / .22);
}

.os-command-money strong {
  color: #111315;
}

.os-command-money em,
.os-live-main em,
.funnel-bars em,
.mini-bar,
.heat-track {
  background: #ecefeb;
  border-color: #d8ddd8;
}

.os-command-money i,
.os-live-main i,
.funnel-bars i,
.mini-bar i,
.heat-track i {
  background: var(--crimson);
}

.os-command-actions button:hover,
.lead-focus-card:hover,
.opportunity-card:hover,
.compact-record:hover,
.lead-card:hover,
.member-intel-card:hover,
.recovery-card:hover,
.case-card:hover,
.manager-card:hover,
.comm-card:hover,
.mapping-panel article:hover,
.checkin-feed button:hover,
.manager-action-row:hover,
.os-location-strip button:hover {
  background: var(--signal-red-surface);
  border-color: rgb(var(--signal-red-rgb) / .25);
}

.os-command-actions em,
.checkin-feed em,
.manager-action-row em,
.os-location-strip span,
.os-location-strip em,
.lead-focus-card span,
.lead-focus-card em,
.case-metrics span,
.save-case-card > em {
  color: var(--muted);
}

.os-live-main,
.member-profile-preview p,
.member-intel-card > b,
.case-board .panel-heading,
.drawer-header,
.drawer-actions {
  border-color: #e0e3df;
}

.os-live-main strong,
.os-pulse-meta strong,
.revenue-ledger strong,
.status-board-grid strong,
.relationship-list strong,
.message-stack strong,
.member-preview-grid strong,
.member-intel-grid strong,
.lead-value-line b,
.mini-stat strong,
.location-score strong,
.risk-row strong,
.manager-action-row strong,
.manager-action-row b,
.os-location-strip strong,
.case-metrics span,
.save-case-card > em,
.lead-focus-card strong,
.lead-focus-card b {
  color: #171b1f;
}

.avatar {
  background: var(--signal-red-surface);
  border-color: rgb(var(--signal-red-rgb) / .26);
  color: var(--signal-red);
}

.primary-action {
  background: var(--crimson);
  border-color: var(--crimson);
  box-shadow: 0 6px 14px rgb(var(--signal-red-rgb) / .16);
  color: #fff;
}

.secondary-action {
  background: #fff;
  border-color: #d5dad6;
  color: #1b1f22;
}

.status-badge {
  background: #f5f6f3;
  border-color: #d8ddd8;
  color: #4d555c;
}

.status-badge.good {
  background: #edf7f1;
  border-color: #bfdfca;
  color: #17633e;
}

.status-badge.hot {
  background: var(--signal-red-surface);
  border-color: var(--signal-red-border);
  color: var(--signal-red);
}

.lead-timer,
.drawer-record-type,
.case-type {
  background: var(--signal-red-surface);
  border-color: var(--signal-red-border);
  color: var(--signal-red);
}

.card-meta span,
.source-mix span {
  background: #f8f7f3;
  border-color: #e2e0d9;
  color: #5f676e;
}

.lead-card,
.member-intel-card,
.recovery-card,
.save-case-card,
.manager-action-row,
.os-location-strip button {
  border-left: 3px solid #c8cfca;
}

.lead-card.hot,
.lead-card.overdue,
.lead-card.selected,
.member-intel-card.selected,
.member-intel-card:has(.status-badge.hot),
.recovery-card.critical,
.save-case-card,
.manager-action-row,
.os-location-strip button:first-child {
  background:
    linear-gradient(90deg, rgb(var(--signal-red-rgb) / .055), transparent 62%),
    #fff;
  border-left-color: var(--crimson);
}

.member-filter-chip.active {
  background: #fff;
  border-color: rgb(var(--signal-red-rgb) / .28);
  box-shadow:
    inset 3px 0 0 var(--crimson),
    0 1px 2px rgb(28 35 40 / .05);
}

.case-board,
.mapping-panel.warning {
  background: #fff;
}

.warning-stack {
  background: #fff8ec;
  border-color: #ead7b4;
  color: #7d4b08;
}

.detail-drawer {
  background: #fff;
  border-left: 1px solid #d3d8d4;
  box-shadow: -18px 0 44px rgb(28 35 40 / .12);
}

.drawer-sections section,
.drawer-actions label {
  background: #f8f7f3;
  border-color: #dfe2df;
}

.drawer-field-list article {
  border-bottom: 1px solid #e5e7e4;
}

.drawer-field-list article:last-child {
  border-bottom: 0;
}

.design-lab .concept-a,
.design-lab .concept-b,
.design-lab .concept-c,
.design-lab .concept-d {
  background: #fff;
}

@media (max-width: 1280px) {
  .os-command-header {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr);
  }
}

/*
  Light-theme polish sweep.
  Removes the last dark command-centre fragments from nested metric cells so the
  default UI reads as a coherent executive CRM rather than a recoloured dark UI.
*/
.status-board-pro article,
.status-board-pro article.danger,
.status-board-pro article.watch,
.status-board-pro article.stable,
.member-intel-grid > span,
.member-preview-grid article,
.case-metrics span,
.source-mix span,
.os-pulse-meta article,
.revenue-ledger article,
.status-board-grid article,
.relationship-list article,
.message-stack article,
.mapping-panel article,
.drawer-actions label,
.drawer-sections section {
  background: #fbfaf7;
  border-color: #e1e4df;
  color: var(--text);
}

.status-board-pro article.danger,
.lead-card.hot,
.lead-card.overdue,
.lead-card.selected,
.member-intel-card.selected,
.member-intel-card:has(.status-badge.hot),
.recovery-card.critical,
.save-case-card {
  background:
    linear-gradient(90deg, rgb(var(--signal-red-rgb) / .055), transparent 70%),
    #fff;
  border-color: rgb(var(--signal-red-rgb) / .2);
}

.status-board-pro article.watch,
.recovery-card.watch {
  background:
    linear-gradient(90deg, rgb(156 109 50 / .055), transparent 70%),
    #fff;
  border-color: #e4d6bf;
}

.status-board-pro article.stable {
  background:
    linear-gradient(90deg, rgb(25 118 75 / .055), transparent 70%),
    #fff;
  border-color: #cfe0d4;
}

.member-intel-grid > span,
.case-metrics span,
.member-preview-grid article {
  min-height: 54px;
}

.case-metrics span {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .5);
}

.recovery-card,
.case-card,
.member-intel-card,
.lead-card {
  box-shadow: 0 1px 2px rgb(28 35 40 / .04);
}

.recovery-card strong,
.case-card strong,
.member-intel-card strong,
.lead-card strong {
  letter-spacing: -.1px;
}

.recovery-card em,
.case-card p,
.member-intel-card > b,
.lead-card em {
  color: #5f676e;
}

.save-case-card > em {
  background: #fbfaf7;
  border-color: #e1e4df;
  color: #40474e;
}

.accountability-board .manager-card {
  background: #fff;
  border-left-color: var(--crimson);
  box-shadow: var(--shadow-soft);
}

.accountability-board .manager-card b {
  color: #15191d;
}

.comm-card {
  background: #fff;
  border-left-color: #d2d8d3;
}

.comm-card-head {
  align-items: center;
}

.os-location-strip button {
  background: #fff;
}

.dev-note {
  border: 1px solid #e2e0d9;
  border-radius: 8px;
  display: grid;
  gap: 3px;
  padding: 10px;
}

.dev-note strong {
  color: #34383d;
  font-size: 12px;
}

.dev-note span {
  color: var(--muted);
  font-size: 12px;
}

.composed-dashboard {
  gap: 18px;
}

.role-dashboard-head {
  align-items: stretch;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  padding: 22px;
}

.role-dashboard-head > div {
  display: grid;
  gap: 8px;
}

.role-dashboard-head span,
.role-money-panel span {
  color: var(--muted);
  font-size: 12px;
}

.role-dashboard-head h2 {
  color: #16191c;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.05;
}

.role-dashboard-head p,
.payment-panel p,
.cancel-panel p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.role-money-panel {
  background:
    linear-gradient(90deg, rgb(var(--signal-red-rgb) / .06), transparent),
    #fbfaf7;
  border: 1px solid rgb(var(--signal-red-rgb) / .18);
  border-radius: var(--radius);
  display: grid;
  gap: 8px;
  padding: 16px;
}

.role-money-panel.quiet {
  background: #fbfaf7;
  border-color: var(--line);
}

.role-money-panel strong {
  color: #15191d;
  font-size: 29px;
  line-height: 1;
}

.role-money-panel em,
.live-readout em {
  background: #ecefeb;
  border-radius: 999px;
  display: block;
  height: 8px;
  overflow: hidden;
}

.role-money-panel i,
.live-readout i {
  background: var(--crimson);
  display: block;
  height: 100%;
}

.role-dashboard-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.role-panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 12px;
  min-height: 170px;
  padding: 16px;
}

.owner-dashboard .location-panel,
.manager-dashboard .action-panel,
.front-desk-dashboard .checkin-panel {
  grid-column: span 2;
}

.live-readout {
  display: grid;
  gap: 7px;
}

.live-readout strong,
.panel-number {
  color: #15191d;
  font-size: 32px;
  line-height: 1;
}

.quiet-stat-row {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quiet-stat-row article,
.risk-list-lite article {
  background: #fbfaf7;
  border: 1px solid #e1e4df;
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 10px;
}

.quiet-stat-row span,
.risk-list-lite span,
.import-readiness-steps em {
  color: var(--muted);
  font-size: 12px;
}

.quiet-stat-row strong,
.risk-list-lite strong,
.import-readiness-steps strong,
.import-readiness-steps b {
  color: #171b1f;
}

.location-table-lite,
.risk-list-lite,
.import-readiness-steps {
  display: grid;
  gap: 8px;
}

.location-table-lite button {
  align-items: center;
  background: #fbfaf7;
  border: 1px solid #e1e4df;
  border-radius: 8px;
  color: var(--text);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(120px, 1fr) repeat(3, minmax(74px, auto));
  padding: 10px 12px;
  text-align: left;
}

.location-table-lite span {
  color: var(--muted);
  font-size: 12px;
}

.compact-ledger {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.source-mix.composed,
.message-stack.composed {
  gap: 8px;
}

.manager-action-row.composed {
  grid-template-columns: 28px minmax(120px, 1fr) minmax(0, 1.4fr) auto;
  min-height: 54px;
}

.member-list-heading {
  border-top: 1px solid #e5e7e4;
  padding-top: 12px;
}

.member-list-heading:first-child {
  border-top: 0;
  padding-top: 0;
}

.member-list-heading.quieter h3 {
  color: #525960;
}

.record-drawer .drawer-header {
  align-items: start;
}

.drawer-title em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.drawer-case-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 18px 16px;
}

.drawer-case-strip article {
  background: #fbfaf7;
  border: 1px solid #e1e4df;
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.drawer-case-strip span {
  color: var(--muted);
  font-size: 12px;
}

.drawer-case-strip strong {
  color: #171b1f;
  overflow-wrap: anywhere;
}

.import-readiness-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.import-readiness-steps article {
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 12px;
  grid-template-columns: 32px 1fr auto;
  padding: 14px;
}

.import-readiness-steps > article > span {
  align-items: center;
  background: var(--signal-red-surface);
  border: 1px solid var(--signal-red-border);
  border-radius: 8px;
  color: var(--signal-red);
  display: flex;
  font-weight: 800;
  height: 32px;
  justify-content: center;
}

@media (max-width: 1280px) {
  .role-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .role-dashboard-head,
  .role-dashboard-grid,
  .quiet-stat-row,
  .import-readiness-steps,
  .drawer-case-strip {
    grid-template-columns: 1fr;
  }

  .owner-dashboard .location-panel,
  .manager-dashboard .action-panel,
  .front-desk-dashboard .checkin-panel {
    grid-column: span 1;
  }

  .location-table-lite button,
  .manager-action-row.composed,
  .import-readiness-steps article {
    grid-template-columns: 1fr;
  }
}

.money-recovery-board {
  align-items: start;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
}

.failed-payment-lane,
.winback-lane,
.location-comparison-panel,
.issue-queue-panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 10px;
  padding: 14px;
}

.money-recovery-card,
.save-desk-card,
.comm-case-card,
.owner-scorecard,
.import-stage-card {
  background: #fff;
  border: 1px solid #dde1dc;
  border-radius: 8px;
}

.money-recovery-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.money-recovery-card.critical {
  border-color: rgb(var(--signal-red-rgb) / .38);
  box-shadow: inset 4px 0 0 var(--crimson), var(--shadow-soft);
}

.money-recovery-card.high {
  border-color: #e5c7a8;
  box-shadow: inset 4px 0 0 #c36b21, var(--shadow-soft);
}

.winback-recovery-card {
  background: #fbfaf7;
  box-shadow: none;
}

.case-title-row {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
}

.case-title-row strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.recovery-metrics,
.owner-metrics-row,
.comm-next-row {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.comm-next-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.recovery-metrics span,
.owner-metrics-row span,
.comm-next-row span,
.save-case-reason,
.location-comparison-list article {
  background: #fbfaf7;
  border: 1px solid #e6e8e4;
  border-radius: 8px;
  display: grid;
  gap: 3px;
  padding: 9px;
}

.recovery-metrics em,
.owner-metrics-row em,
.comm-next-row em,
.save-case-reason span,
.location-comparison-list span,
.location-comparison-list em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.recovery-metrics b,
.owner-metrics-row strong,
.comm-next-row strong,
.save-case-reason b,
.location-comparison-list b {
  color: #171b1f;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.save-desk-board {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.save-desk-card {
  align-content: start;
  display: grid;
  gap: 12px;
  padding: 14px;
  text-align: left;
}

.save-desk-card p,
.money-recovery-card p {
  color: #30363b;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.save-desk-card .case-footer {
  align-items: center;
  border-top: 1px solid #ecefea;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}

.accountability-cockpit {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
}

.owner-scorecard-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.owner-scorecard {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.owner-scorecard-head {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.owner-scorecard-head b {
  align-items: center;
  background: #15191d;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 42px;
  justify-content: center;
  width: 48px;
}

.owner-scorecard p {
  color: #30363b;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.owner-metrics-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.location-comparison-list {
  display: grid;
  gap: 8px;
}

.location-comparison-list article {
  align-items: center;
  grid-template-columns: minmax(110px, 1fr) minmax(64px, .7fr) minmax(70px, .7fr) minmax(70px, .7fr);
}

.communication-case-board {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.comm-case-card {
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 12px;
  padding: 14px;
}

.comm-case-top {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.comm-case-top div {
  display: grid;
  gap: 3px;
}

.comm-case-top span {
  color: var(--muted);
  font-size: 12px;
}

.channel-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.channel-chip {
  background: #f4f5f2;
  border: 1px solid #e1e4df;
  border-radius: 999px;
  color: #30363b;
  font-size: 12px;
  font-weight: 750;
  padding: 5px 8px;
}

.comm-timeline-group {
  border-top: 1px solid #ecefea;
  display: grid;
  gap: 8px;
  padding-top: 10px;
}

.comm-timeline-group div {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr) minmax(100px, auto);
}

.comm-timeline-group span,
.comm-timeline-group em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.import-stage-rail {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.import-stage-card {
  display: grid;
  gap: 10px;
  min-height: 132px;
  padding: 14px;
  position: relative;
}

.import-stage-card > span {
  align-items: center;
  background: #15191d;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-weight: 850;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.import-stage-card strong,
.import-stage-card b {
  color: #171b1f;
}

.import-stage-card em {
  color: var(--muted);
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
  margin-top: 4px;
}

.import-stage-card.needs-work,
.import-stage-card.blocked {
  border-color: rgb(var(--signal-red-rgb) / .28);
}

.import-stage-card.ready {
  border-color: #bed8c6;
}

.import-workflow-board {
  align-items: start;
  grid-template-columns: minmax(280px, .8fr) repeat(3, minmax(0, 1fr));
}

.issue-card {
  background: #fbfaf7;
}

.drawer-sections {
  gap: 10px;
}

.drawer-sections section {
  border-color: #dde1dc;
}

.drawer-sections section::before {
  background: #15191d;
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  width: 34px;
}

.drawer-sections section h3 {
  letter-spacing: 0;
}

@media (max-width: 1180px) {
  .money-recovery-board,
  .accountability-cockpit,
  .import-workflow-board {
    grid-template-columns: 1fr;
  }

  .save-desk-board,
  .communication-case-board,
  .owner-scorecard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .import-stage-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .save-desk-board,
  .communication-case-board,
  .owner-scorecard-grid,
  .import-stage-rail,
  .owner-metrics-row,
  .recovery-metrics,
  .comm-next-row,
  .location-comparison-list article {
    grid-template-columns: 1fr;
  }

  .comm-timeline-group div {
    align-items: start;
    grid-template-columns: 1fr;
  }
}

/* Light reference visual pass: layout cues only, adapted to Body Tech. */
:root {
  color-scheme: light;
  --bg: #f4f2ed;
  --rail: #ffffff;
  --surface: #ffffff;
  --surface-2: #faf9f6;
  --surface-3: #f2f0eb;
  --text: #171717;
  --muted: #6c706f;
  --dim: #8a8d89;
  --line: #e3e0d8;
  --line-strong: #d3cec4;
  --crimson: var(--signal-red);
  --crimson-2: var(--signal-red-hover);
  --crimson-soft: var(--signal-red-tint);
  --green: #47735d;
  --amber: #b9782f;
  --blue: #466b82;
  --radius: 8px;
  --shadow: 0 10px 24px rgb(31 31 31 / .08);
  --shadow-soft: 0 4px 14px rgb(31 31 31 / .06);
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: Aptos, "Helvetica Neue", sans-serif;
}

#app {
  background: var(--bg);
  gap: 0;
  grid-template-columns: 236px minmax(0, 1fr);
}

.sidebar {
  align-self: start;
  background: var(--rail);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  margin: 16px 0 16px 16px;
  min-height: calc(100dvh - 32px);
  padding: 14px;
  position: sticky;
  top: 16px;
}

.brand-block {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 38px 1fr;
  padding: 2px 2px 14px;
}

.brand-mark {
  background: #171717;
  border: 0;
  border-radius: 8px;
  height: 38px;
}

.brand-block strong,
.sidebar-note strong,
.dev-note strong {
  color: #171717;
}

.brand-block span,
.sidebar-note span,
.dev-note span {
  color: var(--muted);
}

.nav-button {
  border-radius: 8px;
  color: #3f4241;
  min-height: 40px;
  padding: 10px 12px;
}

.nav-button:hover,
.nav-button.active {
  background: #f4f2ed;
  border-color: #ddd8cf;
  box-shadow: inset 3px 0 0 var(--crimson);
  color: #171717;
}

.sidebar-note,
.dev-note {
  background: #faf9f6;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-top: auto;
  padding: 12px;
}

.dev-note {
  margin-top: 0;
}

.main {
  display: grid;
  gap: 0;
  min-width: 0;
}

.app-header {
  background: transparent;
  border-bottom: 0;
  grid-template-columns: minmax(220px, 1fr) auto;
  min-height: 78px;
  padding: 16px 32px 6px;
}

.header-title h1 {
  color: #171717;
  font-size: 19px;
}

.header-title p {
  color: var(--muted);
}

.build-stamp {
  color: #8a857c;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 4px;
}

.header-controls {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  padding: 10px;
}

label {
  color: #5c605f;
}

input,
select {
  background: #faf9f6;
  border-color: #d8d4cc;
  color: #171717;
}

.screen {
  gap: 18px;
  padding: 18px 32px 44px;
}

.screen-command-header,
.member-command-header,
.role-panel,
.reference-metric-card,
.reference-visual-panel,
.reference-right-rail section,
.lead-context-rail section,
.member-context-rail section,
.member-profile-preview,
.premium-member-list,
.failed-payment-lane,
.winback-lane,
.location-comparison-panel,
.mapping-panel,
.issue-queue-panel,
.detail-drawer {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
}

.composed-dashboard {
  gap: 16px;
}

.role-dashboard-head {
  align-items: end;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0 2px 2px;
}

.role-dashboard-head > div {
  background: transparent;
  border: 0;
  padding: 0;
}

.role-dashboard-head span {
  color: var(--crimson);
  font-size: 13px;
  font-weight: 800;
}

.role-dashboard-head h2 {
  color: #171717;
  font-size: clamp(30px, 3vw, 44px);
  letter-spacing: 0;
  line-height: 1.05;
}

.role-dashboard-head p {
  color: var(--muted);
  max-width: 560px;
}

.reference-dashboard-context {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 4px;
  min-width: 180px;
  padding: 12px 14px;
}

.reference-dashboard-context strong {
  color: #171717;
}

.reference-dashboard-metrics {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.reference-metric-card {
  display: grid;
  gap: 8px;
  min-height: 126px;
  padding: 16px;
}

.reference-metric-card span,
.reference-metric-card em {
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
}

.reference-metric-card strong {
  color: #171717;
  font-size: clamp(24px, 2.4vw, 36px);
  line-height: 1;
}

.reference-metric-card.hot {
  border-color: rgb(var(--signal-red-rgb) / .24);
  box-shadow: inset 4px 0 0 var(--crimson), var(--shadow-soft);
}

.reference-metric-card.good {
  border-color: rgb(71 115 93 / .24);
  box-shadow: inset 4px 0 0 var(--green), var(--shadow-soft);
}

.reference-metric-card.watch {
  border-color: rgb(185 120 47 / .28);
  box-shadow: inset 4px 0 0 var(--amber), var(--shadow-soft);
}

.reference-dashboard-workspace {
  align-items: stretch;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) 318px;
}

.reference-visual-panel {
  display: grid;
  gap: 16px;
  min-height: 360px;
  padding: 18px;
}

.reference-chart-list {
  display: grid;
  gap: 13px;
}

.reference-chart-row {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(160px, .9fr) minmax(180px, 1.3fr) 48px;
}

.reference-chart-row div {
  display: grid;
  gap: 4px;
}

.reference-chart-row strong,
.reference-chart-row b {
  color: #171717;
}

.reference-chart-row span {
  color: var(--muted);
  font-size: 12px;
}

.reference-chart-row em {
  background: #eeeae1;
  border-radius: 8px;
  display: block;
  height: 12px;
  overflow: hidden;
}

.reference-chart-row i {
  background: linear-gradient(90deg, #171717, var(--crimson));
  display: block;
  height: 100%;
}

.reference-panel-footer {
  align-self: end;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 14px;
}

.reference-panel-footer article,
.rail-alert-list article,
.lead-context-rail article,
.member-context-rail article {
  background: #faf9f6;
  border: 1px solid #e6e1d8;
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 10px;
}

.reference-panel-footer span,
.rail-alert-list span,
.lead-context-rail span,
.member-context-rail span {
  color: var(--muted);
  font-size: 12px;
}

.reference-panel-footer strong,
.rail-alert-list strong,
.lead-context-rail strong,
.member-context-rail strong {
  color: #171717;
}

.floor-snapshot {
  background: #171717;
  border-radius: 8px;
  color: #fff;
  display: grid;
  gap: 8px;
  padding: 18px;
}

.floor-snapshot strong {
  font-size: 52px;
  line-height: 1;
}

.floor-snapshot span {
  color: rgb(255 255 255 / .72);
}

.floor-snapshot em {
  background: rgb(255 255 255 / .18);
  border-radius: 8px;
  display: block;
  height: 10px;
  overflow: hidden;
}

.floor-snapshot i {
  background: var(--crimson);
  display: block;
  height: 100%;
}

.reference-right-rail {
  display: grid;
  gap: 12px;
}

.reference-right-rail section,
.lead-context-rail section,
.member-context-rail section {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.rail-action-stack,
.rail-schedule-list,
.rail-alert-list {
  display: grid;
  gap: 8px;
}

.rail-action-stack button,
.rail-schedule-list button {
  background: #faf9f6;
  border: 1px solid #e6e1d8;
  border-radius: 8px;
  color: #171717;
  display: grid;
  gap: 4px;
  padding: 10px;
  text-align: left;
}

.rail-action-stack span,
.rail-schedule-list span,
.rail-action-stack em,
.rail-schedule-list em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.reference-supporting-panels {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.role-panel {
  box-shadow: none;
  min-height: 152px;
  padding: 15px;
}

.owner-dashboard .location-panel,
.manager-dashboard .action-panel,
.front-desk-dashboard .checkin-panel {
  grid-column: span 2;
}

.quiet-stat-row article,
.risk-list-lite article,
.revenue-ledger article,
.member-preview-grid article,
.member-status-strip .mini-stat,
.lead-focus-card,
.lead-card,
.member-intel-card,
.money-recovery-card,
.save-desk-card,
.comm-case-card,
.import-stage-card {
  background: #faf9f6;
  border-color: #e6e1d8;
  box-shadow: none;
}

.panel-heading h3,
.column-head h3 {
  color: #171717;
}

.panel-heading span,
.column-head span {
  color: var(--muted);
}

.lead-focus-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lead-focus-card {
  min-height: 132px;
  padding: 16px;
}

.lead-reference-layout {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) 300px;
}

.lead-kanban {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  gap: 10px;
  padding: 12px;
}

.kanban-column {
  background: #f7f5f0;
  border-color: #e6e1d8;
  box-shadow: none;
  gap: 10px;
}

.lead-card {
  padding: 12px;
}

.premium-member-layout {
  align-items: start;
  grid-template-columns: 330px minmax(0, 1fr) 280px;
}

.member-command-header {
  padding: 18px;
}

.member-status-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.member-profile-preview,
.premium-member-list {
  padding: 16px;
}

.premium-member-layout .premium-member-list {
  grid-template-columns: minmax(0, 1fr);
}

.member-intel-card {
  padding: 13px;
}

.member-intel-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.money-recovery-board,
.accountability-cockpit,
.import-workflow-board {
  gap: 14px;
}

.failed-payment-lane,
.winback-lane {
  padding: 16px;
}

.money-recovery-card.critical,
.money-recovery-card.high {
  background: #fff;
}

.save-desk-board {
  gap: 12px;
}

.save-desk-card {
  background: #fff;
  min-height: 210px;
}

.screen-command-header {
  align-items: center;
  background: #fff;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
  padding: 18px;
}

.screen-command-header h2,
.member-command-header h2 {
  color: #171717;
  letter-spacing: 0;
}

.screen-command-header p,
.member-command-header p {
  color: var(--muted);
}

.mini-stat {
  background: #faf9f6;
  border-color: #e6e1d8;
  box-shadow: none;
}

.status-badge.hot {
  background: var(--signal-red-surface);
  border-color: rgb(var(--signal-red-rgb) / .25);
  color: var(--signal-red);
}

.status-badge.good {
  background: #eef6f1;
  border-color: rgb(71 115 93 / .22);
  color: #315a45;
}

.status-badge.neutral {
  background: #f3f1eb;
  border-color: #ddd8cf;
  color: #4b504e;
}

.primary-action {
  background: var(--crimson);
  border-color: var(--crimson);
  color: #fff;
}

.secondary-action {
  background: #fff;
  border-color: #d8d4cc;
  color: #171717;
}

.detail-drawer {
  border-right: 0;
}

@media (max-width: 1280px) {
  #app {
    grid-template-columns: 218px minmax(0, 1fr);
  }

  .app-header {
    grid-template-columns: 1fr;
  }

  .header-controls {
    justify-self: stretch;
  }

  .reference-dashboard-workspace,
  .lead-reference-layout,
  .premium-member-layout {
    grid-template-columns: 1fr;
  }

  .reference-right-rail,
  .member-context-rail,
  .lead-context-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .reference-supporting-panels,
  .lead-focus-row,
  .member-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  #app {
    display: block;
  }

  .sidebar {
    margin: 10px;
    min-height: auto;
    position: static;
  }

  .sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-header,
  .screen {
    padding-left: 14px;
    padding-right: 14px;
  }

  .header-controls,
  .reference-dashboard-metrics,
  .reference-panel-footer,
  .reference-right-rail,
  .member-context-rail,
  .lead-context-rail,
  .reference-supporting-panels,
  .lead-focus-row,
  .member-status-strip,
  .screen-command-header,
  .role-dashboard-head {
    grid-template-columns: 1fr;
  }

  .reference-chart-row {
    grid-template-columns: 1fr;
  }

  .reference-visual-panel {
    min-height: auto;
  }
}

/* Processed design reference application pass: light premium SaaS direction adapted to Body Tech. */
:root {
  --bg: #f6f3ee;
  --surface-2: #fbfaf7;
  --surface-3: #f1eee7;
  --line: #e7e1d8;
  --line-strong: #d5cec1;
  --text: #181716;
  --muted: #6f716d;
  --radius: 10px;
  --shadow: 0 18px 40px rgb(45 38 30 / .08);
  --shadow-soft: 0 8px 22px rgb(45 38 30 / .06);
}

body,
#app {
  background:
    radial-gradient(circle at 28% 0%, rgb(255 255 255 / .72), transparent 34rem),
    var(--bg);
}

#app {
  grid-template-columns: 248px minmax(0, 1fr);
}

.sidebar {
  border-radius: 18px;
  margin: 18px 0 18px 18px;
  min-height: calc(100dvh - 36px);
  padding: 16px;
}

.brand-mark,
.nav-button,
.sidebar-note,
.dev-note,
.header-controls,
.screen-command-header,
.member-command-header,
.role-panel,
.reference-metric-card,
.reference-visual-panel,
.reference-right-rail section,
.lead-context-rail section,
.member-context-rail section,
.member-profile-preview,
.premium-member-list,
.failed-payment-lane,
.winback-lane,
.location-comparison-panel,
.mapping-panel,
.issue-queue-panel,
.detail-drawer {
  border-radius: 14px;
}

.app-header {
  min-height: 88px;
  padding: 20px 38px 8px;
}

.screen {
  gap: 22px;
  padding: 22px 38px 52px;
}

.screen-command-header,
.member-command-header {
  border-color: rgb(231 225 216 / .9);
  box-shadow: var(--shadow-soft);
  min-height: 128px;
  padding: 22px;
}

.screen-command-header {
  grid-template-columns: minmax(0, 1fr) minmax(420px, .76fr);
}

.screen-command-header h2,
.member-command-header h2,
.role-dashboard-head h2 {
  color: var(--text);
  font-weight: 850;
}

.screen-command-header p,
.member-command-header p,
.role-dashboard-head p {
  font-size: 14px;
  line-height: 1.55;
}

.mini-stat {
  border-radius: 12px;
  min-height: 72px;
  padding: 13px 14px;
}

.role-dashboard-head {
  margin-bottom: 2px;
  padding-top: 4px;
}

.role-dashboard-head h2 {
  max-width: 760px;
}

.reference-dashboard-context {
  border-radius: 14px;
  min-width: 210px;
  padding: 14px 16px;
}

.reference-dashboard-metrics {
  gap: 16px;
}

.reference-metric-card {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: 46px minmax(0, 1fr);
  min-height: 156px;
  overflow: hidden;
  padding: 22px;
  position: relative;
}

.reference-metric-card::after {
  background: radial-gradient(circle, rgb(var(--signal-red-rgb) / .12), transparent 68%);
  border-radius: 999px;
  content: "";
  height: 150px;
  position: absolute;
  right: -58px;
  top: -56px;
  width: 150px;
}

.reference-metric-card i {
  align-items: center;
  background: #f1eee7;
  border: 1px solid #e3ddd2;
  border-radius: 999px;
  display: flex;
  height: 46px;
  justify-content: center;
  position: relative;
  width: 46px;
  z-index: 1;
}

.reference-metric-card i::before {
  background: #1d1b1a;
  border-radius: 5px;
  content: "";
  height: 15px;
  width: 15px;
}

.reference-metric-card > div {
  display: grid;
  gap: 8px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.reference-metric-card span,
.reference-metric-card em {
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.reference-metric-card strong {
  font-size: clamp(30px, 2.8vw, 42px);
}

.reference-metric-card.hot i::before {
  background: var(--crimson);
}

.reference-metric-card.good i::before {
  background: var(--green);
}

.reference-metric-card.watch i::before {
  background: var(--amber);
}

.reference-dashboard-workspace {
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 352px;
}

.reference-visual-panel {
  border-radius: 18px;
  gap: 20px;
  min-height: 460px;
  padding: 24px;
}

.dashboard-command-panel {
  background:
    linear-gradient(145deg, #fff 0%, #fff 60%, #fbf7f2 100%);
}

.reference-visual-body {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 270px;
}

.reference-chart-shell,
.location-performance-stack article,
.communication-board-brief,
.import-quality-card {
  background: #fbfaf7;
  border: 1px solid #e9e2d8;
  border-radius: 16px;
}

.reference-chart-shell {
  display: grid;
  padding: 18px;
}

.reference-chart-shell.compact {
  align-content: center;
}

.reference-chart-list {
  gap: 15px;
}

.reference-chart-row {
  background: #fff;
  border: 1px solid #eee8df;
  border-radius: 12px;
  grid-template-columns: minmax(150px, .82fr) minmax(180px, 1.25fr) 56px;
  padding: 12px 14px;
}

.reference-chart-row em {
  background: #eee9df;
  height: 10px;
}

.reference-chart-row i {
  background: linear-gradient(90deg, #24211f, var(--crimson));
  border-radius: inherit;
}

.location-performance-stack {
  display: grid;
  gap: 10px;
}

.location-performance-stack article {
  display: grid;
  gap: 5px;
  padding: 14px;
}

.location-performance-stack span,
.location-performance-stack em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.location-performance-stack strong {
  color: var(--text);
  font-size: 26px;
}

.reference-panel-footer {
  gap: 12px;
  padding-top: 18px;
}

.reference-panel-footer article,
.rail-alert-list article,
.lead-context-rail article,
.member-context-rail article {
  border-radius: 12px;
  padding: 13px;
}

.reference-right-rail {
  align-content: start;
  gap: 14px;
  grid-template-columns: 1fr;
}

.reference-right-rail section {
  gap: 12px;
  padding: 16px;
}

.reference-right-rail .rail-today-card {
  background: #1f1d1b;
  border-color: #1f1d1b;
  color: #fff;
}

.reference-right-rail .rail-today-card .panel-heading h3,
.reference-right-rail .rail-today-card .rail-action-stack strong {
  color: #fff;
}

.reference-right-rail .rail-today-card .panel-heading span,
.reference-right-rail .rail-today-card .rail-action-stack span,
.reference-right-rail .rail-today-card .rail-action-stack em {
  color: rgb(255 255 255 / .66);
}

.rail-action-stack,
.rail-schedule-list,
.rail-alert-list {
  gap: 9px;
}

.rail-action-stack button,
.rail-schedule-list button {
  border-radius: 12px;
  padding: 12px;
}

.reference-right-rail .rail-today-card .rail-action-stack button {
  background: rgb(255 255 255 / .08);
  border-color: rgb(255 255 255 / .11);
}

.floor-snapshot {
  border-radius: 16px;
  min-height: 100%;
  padding: 22px;
}

.floor-snapshot strong {
  font-size: 66px;
}

.reference-supporting-panels {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.role-panel {
  min-height: 164px;
  padding: 17px;
}

.lead-focus-row {
  gap: 14px;
}

.lead-focus-card {
  border-radius: 16px;
  min-height: 150px;
  padding: 18px;
}

.lead-reference-layout {
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 320px;
}

.lead-context-rail,
.member-context-rail {
  grid-template-columns: 1fr;
}

.lead-kanban {
  border-radius: 18px;
  gap: 14px;
  padding: 16px;
}

.lead-board-header {
  align-items: center;
  background: #fbfaf7;
  border: 1px solid #e9e2d8;
  border-radius: 14px;
  display: flex;
  gap: 14px;
  grid-column: 1 / -1;
  justify-content: space-between;
  padding: 14px 16px;
}

.lead-board-header div {
  display: grid;
  gap: 3px;
}

.lead-board-header span,
.lead-board-header em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.lead-board-header strong {
  color: var(--text);
}

.kanban-column {
  border-radius: 14px;
  padding: 12px;
}

.lead-card,
.member-intel-card,
.money-recovery-card,
.save-desk-card,
.comm-case-card,
.import-stage-card {
  border-radius: 14px;
}

.member-command-header {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .5fr);
}

.member-filter-bar {
  gap: 12px;
}

.member-filter-chip,
.member-status-strip .mini-stat {
  border-radius: 14px;
}

.premium-member-layout {
  gap: 18px;
  grid-template-columns: 352px minmax(0, 1fr) 306px;
}

.member-profile-preview,
.premium-member-list,
.member-context-rail section {
  padding: 18px;
}

.member-preview-head {
  padding-bottom: 4px;
}

.member-preview-grid {
  gap: 10px;
}

.member-profile-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.member-profile-actions span {
  color: var(--muted);
  font-size: 12px;
}

.member-intel-card {
  gap: 12px;
  padding: 15px;
}

.member-intel-grid {
  gap: 8px;
}

.money-recovery-board,
.accountability-cockpit,
.import-workflow-board {
  gap: 18px;
}

.failed-payment-lane,
.winback-lane {
  border-radius: 18px;
  gap: 12px;
  padding: 18px;
}

.money-recovery-card,
.save-desk-card {
  background: #fff;
  gap: 14px;
  padding: 16px;
}

.money-recovery-card {
  border-left: 5px solid #d8d1c5;
}

.money-recovery-card.critical {
  border-left-color: var(--crimson);
}

.money-recovery-card.high {
  border-left-color: var(--amber);
}

.save-desk-board {
  gap: 14px;
}

.save-desk-card {
  border-left: 5px solid #1f1d1b;
  min-height: 230px;
}

.save-case-reason,
.recovery-metrics span,
.owner-metrics-row span,
.comm-next-row span,
.location-comparison-list article {
  border-radius: 12px;
}

.communication-case-board {
  gap: 16px;
}

.communication-board-brief {
  align-items: center;
  display: grid;
  gap: 4px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 16px 18px;
}

.communication-board-brief span,
.communication-board-brief em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.communication-board-brief strong {
  color: var(--text);
  font-size: 18px;
}

.comm-case-card {
  gap: 14px;
  padding: 18px;
}

.channel-chip {
  background: #f3efe7;
  border-color: #e4dccf;
}

.comm-timeline-group {
  background: #fbfaf7;
  border: 1px solid #e9e2d8;
  border-radius: 14px;
  padding: 12px;
}

.import-stage-rail {
  gap: 12px;
  grid-template-columns: minmax(170px, 1.05fr) repeat(5, minmax(0, 1fr));
}

.import-quality-card {
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 18px;
}

.import-quality-card span,
.import-quality-card em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.import-quality-card strong {
  color: var(--text);
  font-size: 42px;
  line-height: 1;
}

.import-stage-card {
  min-height: 150px;
  padding: 18px;
}

.import-stage-card > span {
  border-radius: 999px;
}

.import-workflow-board {
  grid-template-columns: minmax(320px, .95fr) repeat(3, minmax(0, 1fr));
}

.detail-drawer {
  background: #fff;
  border-radius: 18px 0 0 18px;
  box-shadow: -18px 0 40px rgb(45 38 30 / .1);
}

.drawer-sections {
  gap: 12px;
}

.drawer-sections section {
  border-radius: 14px;
  padding: 16px;
}

.drawer-field-list article {
  border-radius: 10px;
}

@media (max-width: 1400px) {
  .owner-command-panel .reference-visual-body {
    grid-template-columns: 1fr;
  }

  .owner-command-panel .location-performance-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .reference-dashboard-workspace,
  .lead-reference-layout,
  .premium-member-layout {
    grid-template-columns: 1fr;
  }

  .reference-right-rail,
  .member-context-rail,
  .lead-context-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .reference-visual-body {
    grid-template-columns: 1fr;
  }

  .location-performance-stack {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .screen-command-header,
  .member-command-header,
  .import-stage-rail,
  .import-workflow-board {
    grid-template-columns: 1fr;
  }

  .reference-dashboard-metrics,
  .reference-supporting-panels,
  .lead-focus-row,
  .member-status-strip,
  .location-performance-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .app-header,
  .screen {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sidebar {
    border-radius: 16px;
    margin: 10px;
  }

  .reference-dashboard-metrics,
  .reference-panel-footer,
  .reference-right-rail,
  .member-context-rail,
  .lead-context-rail,
  .reference-supporting-panels,
  .lead-focus-row,
  .member-status-strip,
  .location-performance-stack,
  .communication-board-brief {
    grid-template-columns: 1fr;
  }

  .reference-metric-card {
    min-height: 132px;
  }

  .reference-chart-row,
  .comm-next-row {
    grid-template-columns: 1fr;
  }
}

/* Light scale and composition pass: tighter product-grade rhythm without changing modules. */
:root {
  --bg: #f7f4ef;
  --surface: #fffdf9;
  --surface-2: #fbfaf7;
  --surface-3: #f0ece4;
  --line: #e3ddd2;
  --line-strong: #d5cec1;
  --text: #1d1b19;
  --muted: #706c65;
  --dim: #908b83;
  --crimson: var(--signal-red);
  --crimson-2: var(--signal-red-hover);
  --crimson-soft: var(--signal-red-tint);
  --green: #47735d;
  --amber: #a96f2c;
  --blue: #496b7a;
  --radius: 9px;
  --shadow: 0 6px 18px rgb(38 32 25 / .07);
  --shadow-soft: 0 2px 8px rgb(38 32 25 / .055);
}

body,
#app {
  background: var(--bg);
  color: var(--text);
  font-size: 13px;
}

#app {
  grid-template-columns: 224px minmax(0, 1fr);
}

.sidebar {
  border-color: var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
  gap: 12px;
  margin: 12px 0 12px 12px;
  min-height: calc(100dvh - 24px);
  padding: 12px;
}

.brand-block {
  gap: 10px;
  grid-template-columns: 32px minmax(0, 1fr);
  padding: 0 2px 12px;
}

.brand-mark {
  border-radius: 8px;
  font-size: 12px;
  height: 32px;
}

.brand-block strong {
  font-size: 13px;
}

.brand-block span,
.sidebar-note span,
.dev-note span {
  font-size: 11px;
  line-height: 1.35;
}

.sidebar nav {
  gap: 3px;
}

.nav-button {
  border-radius: 8px;
  font-size: 13px;
  min-height: 34px;
  padding: 8px 10px;
}

.nav-button:hover,
.nav-button.active {
  background: #f3efe8;
  box-shadow: inset 2px 0 0 var(--crimson);
}

.sidebar-note,
.dev-note {
  border-radius: 9px;
  padding: 9px 10px;
}

.sidebar-note .secondary-action {
  min-height: 32px;
  padding: 7px 10px;
}

.main {
  align-content: start;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
}

.app-header {
  align-items: start;
  min-height: 66px;
  padding: 12px 28px 6px;
}

.header-title h1 {
  font-size: 17px;
  line-height: 1.2;
}

.header-title p {
  font-size: 12px;
  line-height: 1.35;
}

.build-stamp {
  color: #948e83;
  font-size: 10px;
  margin-top: 3px;
}

.header-controls {
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
  gap: 8px;
  padding: 8px;
}

label {
  font-size: 11px;
  gap: 4px;
}

input,
select {
  border-radius: 7px;
  font-size: 12px;
  min-height: 32px;
  padding: 7px 9px;
}

.screen {
  align-content: start;
  gap: 16px;
  padding: 14px 28px 36px;
}

.role-dashboard-head {
  align-items: end;
  gap: 12px;
  margin-bottom: 0;
  padding: 0;
}

.role-dashboard-head span {
  font-size: 12px;
}

.role-dashboard-head h2 {
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.06;
}

.role-dashboard-head p {
  font-size: 13px;
  line-height: 1.4;
  max-width: 520px;
}

.reference-dashboard-context {
  border-radius: 10px;
  min-width: 150px;
  padding: 10px 12px;
}

.reference-dashboard-context span {
  font-size: 12px;
}

.reference-dashboard-context strong {
  font-size: 13px;
}

.reference-dashboard-metrics {
  gap: 10px;
}

.reference-metric-card {
  border-radius: 12px;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr);
  min-height: 112px;
  padding: 14px;
}

.reference-metric-card::after {
  background: radial-gradient(circle, rgb(var(--signal-red-rgb) / .075), transparent 70%);
  height: 96px;
  right: -44px;
  top: -42px;
  width: 96px;
}

.reference-metric-card i {
  height: 34px;
  width: 34px;
}

.reference-metric-card i::before {
  border-radius: 4px;
  height: 11px;
  width: 11px;
}

.reference-metric-card > div {
  gap: 5px;
}

.reference-metric-card span,
.reference-metric-card em {
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
}

.reference-metric-card strong {
  font-size: clamp(24px, 2.15vw, 32px);
}

.reference-metric-card.hot {
  box-shadow: inset 3px 0 0 var(--crimson), var(--shadow-soft);
}

.reference-metric-card.good {
  box-shadow: inset 3px 0 0 var(--green), var(--shadow-soft);
}

.reference-metric-card.watch {
  box-shadow: inset 3px 0 0 var(--amber), var(--shadow-soft);
}

.reference-dashboard-workspace {
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 304px;
}

.reference-visual-panel {
  align-content: start;
  border-radius: 12px;
  gap: 12px;
  grid-template-rows: auto auto;
  min-height: 286px;
  padding: 15px;
}

.dashboard-command-panel {
  background: var(--surface);
}

.reference-visual-body {
  gap: 12px;
}

.reference-chart-shell,
.location-performance-stack article,
.communication-board-brief,
.import-quality-card {
  border-color: var(--line);
  border-radius: 10px;
}

.reference-chart-shell {
  align-content: start;
  padding: 10px;
}

.reference-chart-list {
  gap: 8px;
}

.reference-chart-row {
  border-radius: 8px;
  gap: 10px;
  grid-template-columns: minmax(125px, .78fr) minmax(130px, 1.2fr) 42px;
  padding: 8px 10px;
}

.reference-chart-row strong,
.reference-chart-row b {
  font-size: 12px;
}

.reference-chart-row span {
  font-size: 11px;
}

.reference-chart-row em {
  height: 7px;
}

.location-performance-stack {
  gap: 8px;
}

.location-performance-stack article {
  gap: 3px;
  padding: 10px;
}

.location-performance-stack strong {
  font-size: 20px;
}

.reference-panel-footer {
  gap: 8px;
  padding-top: 10px;
}

.reference-panel-footer article,
.rail-alert-list article,
.lead-context-rail article,
.member-context-rail article {
  border-radius: 8px;
  padding: 8px 9px;
}

.reference-right-rail {
  gap: 10px;
}

.reference-right-rail section {
  border-radius: 12px;
  gap: 8px;
  padding: 12px;
}

.reference-right-rail .rail-today-card {
  background: #211f1c;
  border-color: #211f1c;
}

.rail-action-stack,
.rail-schedule-list,
.rail-alert-list {
  gap: 7px;
}

.rail-action-stack button,
.rail-schedule-list button {
  border-radius: 8px;
  gap: 3px;
  padding: 9px 10px;
}

.rail-action-stack strong,
.rail-schedule-list strong {
  font-size: 12px;
}

.floor-snapshot {
  border-radius: 10px;
  padding: 14px;
}

.floor-snapshot strong {
  font-size: 48px;
}

.reference-supporting-panels {
  gap: 10px;
}

.role-panel {
  border-radius: 10px;
  min-height: 118px;
  padding: 12px;
}

.panel-heading h3,
.column-head h3 {
  font-size: 14px;
}

.panel-heading span,
.column-head span {
  font-size: 11px;
}

.screen-command-header,
.member-command-header {
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
  min-height: 96px;
  padding: 15px 17px;
}

.screen-command-header {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .68fr);
}

.screen-command-header h2,
.member-command-header h2 {
  font-size: clamp(25px, 2.2vw, 32px);
  line-height: 1.08;
}

.screen-command-header p,
.member-command-header p {
  font-size: 13px;
  line-height: 1.42;
}

.hero-mini-grid {
  gap: 8px;
}

.mini-stat {
  border-radius: 9px;
  min-height: 54px;
  padding: 9px 10px;
}

.mini-stat span {
  font-size: 11px;
}

.mini-stat strong {
  font-size: 18px;
}

.lead-focus-row {
  gap: 10px;
}

.lead-focus-card {
  border-radius: 10px;
  min-height: 96px;
  padding: 11px 12px;
}

.lead-focus-card strong {
  font-size: 15px;
}

.lead-reference-layout {
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 280px;
}

.lead-kanban {
  border-radius: 12px;
  gap: 9px;
  padding: 10px;
}

.lead-board-header {
  border-radius: 9px;
  padding: 10px 12px;
}

.kanban-column {
  border-radius: 10px;
  gap: 8px;
  padding: 9px;
}

.lead-card {
  border-radius: 8px;
  gap: 8px;
  padding: 9px;
}

.lead-card-head strong {
  font-size: 13px;
}

.member-command-header {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .45fr);
}

.member-filter-bar,
.member-status-strip {
  gap: 8px;
}

.member-filter-chip,
.member-status-strip .mini-stat {
  border-radius: 9px;
  min-height: 48px;
  padding: 8px 10px;
}

.premium-member-layout {
  gap: 12px;
  grid-template-columns: 292px minmax(0, 1fr) 238px;
}

.member-profile-preview,
.premium-member-list,
.member-context-rail section {
  border-radius: 12px;
  padding: 12px;
}

.member-preview-grid {
  gap: 7px;
}

.member-preview-grid article,
.member-intel-grid span {
  border-radius: 8px;
  padding: 8px;
}

.member-profile-preview p {
  font-size: 13px;
  line-height: 1.4;
}

.member-intel-card {
  border-radius: 10px;
  gap: 9px;
  padding: 10px;
}

.member-intel-head {
  gap: 9px;
}

.member-intel-grid {
  gap: 6px;
}

.avatar {
  height: 32px;
  min-width: 32px;
  width: 32px;
}

.primary-action,
.secondary-action,
.text-link {
  border-radius: 8px;
  min-height: 32px;
  padding: 7px 10px;
}

.money-recovery-board,
.accountability-cockpit,
.import-workflow-board {
  gap: 12px;
}

.failed-payment-lane,
.winback-lane,
.location-comparison-panel,
.issue-queue-panel,
.mapping-panel {
  border-radius: 12px;
  gap: 9px;
  padding: 12px;
}

.money-recovery-card,
.save-desk-card,
.comm-case-card,
.owner-scorecard,
.import-stage-card {
  border-radius: 10px;
  gap: 9px;
  padding: 11px;
}

.money-recovery-card {
  border-left-width: 3px;
}

.save-desk-board {
  gap: 10px;
}

.save-desk-card {
  border-left-width: 3px;
  min-height: 0;
}

.case-type {
  font-size: 11px;
}

.case-title-row strong {
  font-size: 14px;
}

.save-case-reason,
.recovery-metrics span,
.owner-metrics-row span,
.comm-next-row span,
.location-comparison-list article {
  border-radius: 8px;
  padding: 7px 8px;
}

.save-desk-card p,
.money-recovery-card p,
.owner-scorecard p {
  font-size: 12px;
  line-height: 1.35;
}

.accountability-cockpit {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .75fr);
}

.owner-scorecard-grid {
  gap: 10px;
}

.owner-scorecard-head b {
  border-radius: 8px;
  font-size: 16px;
  height: 36px;
  width: 42px;
}

.owner-scorecard-head div {
  min-width: 0;
}

.owner-scorecard-head div > span {
  color: var(--muted);
  display: block;
  font-size: 12px;
  line-height: 1.25;
}

.owner-scorecard-head div > strong {
  color: var(--text);
  display: block;
  font-size: 19px;
  line-height: 1.12;
  max-width: 240px;
}

.owner-metrics-row {
  gap: 6px;
}

.location-comparison-list {
  gap: 7px;
}

.location-comparison-list article {
  grid-template-columns: minmax(90px, 1fr) minmax(90px, .8fr) minmax(68px, .7fr) minmax(64px, .65fr);
  position: relative;
}

.comparison-bar {
  background: #eee9df;
  border-radius: 999px;
  display: block;
  grid-column: 1 / -1;
  height: 6px;
  overflow: hidden;
}

.comparison-bar span {
  background: linear-gradient(90deg, #2a2724, var(--crimson));
  display: block;
  height: 100%;
}

.communication-case-board {
  gap: 10px;
}

.communication-board-brief {
  border-radius: 10px;
  padding: 10px 12px;
}

.comm-case-card {
  border-radius: 10px;
  padding: 12px;
}

.channel-chip {
  border-radius: 7px;
  font-size: 11px;
  padding: 4px 6px;
}

.comm-timeline-group {
  border-radius: 9px;
  padding: 9px;
}

.import-stage-rail {
  gap: 8px;
  grid-template-columns: minmax(135px, .86fr) repeat(5, minmax(0, 1fr));
}

.import-quality-card,
.import-stage-card {
  border-radius: 10px;
  min-height: 104px;
  padding: 11px;
}

.import-quality-card strong {
  font-size: 30px;
}

.import-stage-card > span {
  height: 26px;
  width: 26px;
}

.import-stage-card em {
  font-size: 11px;
}

.import-workflow-board {
  grid-template-columns: minmax(260px, .85fr) repeat(3, minmax(0, 1fr));
}

.mapping-panel article,
.issue-card {
  border-radius: 8px;
  padding: 9px 10px;
}

.detail-drawer {
  border-radius: 12px 0 0 12px;
  box-shadow: -8px 0 20px rgb(38 32 25 / .08);
}

.drawer-sections section {
  border-radius: 10px;
  padding: 12px;
}

.drawer-field-list article {
  border-radius: 8px;
  padding: 8px;
}

@media (max-width: 1400px) {
  .owner-command-panel .reference-visual-body {
    grid-template-columns: minmax(0, 1fr) 190px;
  }

  .owner-command-panel .location-performance-stack {
    grid-template-columns: 1fr;
  }

  .location-performance-stack article {
    padding: 8px;
  }
}

@media (max-width: 1180px) {
  #app {
    grid-template-columns: 210px minmax(0, 1fr);
  }

  .reference-dashboard-workspace,
  .lead-reference-layout,
  .premium-member-layout {
    grid-template-columns: 1fr;
  }

  .reference-right-rail,
  .member-context-rail,
  .lead-context-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .owner-command-panel .reference-visual-body,
  .reference-visual-body {
    grid-template-columns: 1fr;
  }

  .location-performance-stack {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .screen-command-header,
  .member-command-header,
  .import-stage-rail,
  .import-workflow-board {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  #app {
    display: block;
  }

  .sidebar {
    border-radius: 10px;
    margin: 8px;
    min-height: auto;
  }

  .sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-header,
  .screen {
    padding-left: 12px;
    padding-right: 12px;
  }

  .app-header,
  .header-controls,
  .role-dashboard-head,
  .reference-dashboard-metrics,
  .reference-panel-footer,
  .reference-right-rail,
  .member-context-rail,
  .lead-context-rail,
  .reference-supporting-panels,
  .lead-focus-row,
  .member-status-strip,
  .location-performance-stack,
  .communication-board-brief,
  .owner-scorecard-grid,
  .save-desk-board,
  .communication-case-board {
    grid-template-columns: 1fr;
  }

  .reference-metric-card {
    min-height: 96px;
  }

  .reference-chart-row,
  .recovery-metrics,
  .comm-next-row,
  .owner-metrics-row,
  .location-comparison-list article {
    grid-template-columns: 1fr;
  }
}

/* Scale pass corrections after browser QA. */
.screen-command-header {
  grid-template-columns: minmax(0, 1fr) minmax(430px, .8fr);
}

.screen-command-header .hero-mini-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.screen-command-header .mini-stat {
  min-height: 46px;
  padding: 8px 9px;
}

.screen-command-header .mini-stat strong {
  font-size: 16px;
}

.member-filter-bar {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.member-status-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.member-filter-chip {
  align-content: center;
  min-height: 44px;
}

.member-filter-chip strong {
  font-size: 18px;
}

.premium-members .member-command-header {
  min-height: 84px;
}

.money-recovery-card.critical,
.money-recovery-card.high {
  border-color: var(--line);
  box-shadow: inset 3px 0 0 #2b2825, var(--shadow-soft);
}

.money-recovery-card.high {
  box-shadow: inset 3px 0 0 var(--amber), var(--shadow-soft);
}

.money-recovery-card .case-type,
.save-desk-card .case-type {
  background: transparent;
  color: var(--signal-red);
  padding: 0;
}

.recovery-metrics,
.owner-metrics-row,
.comm-next-row {
  gap: 6px;
}

@media (min-width: 1181px) {
  .app-header {
    align-content: start;
    align-items: start;
    grid-template-columns: minmax(220px, 1fr) auto;
    grid-template-rows: auto;
  }

  .header-controls {
    justify-self: end;
  }
}

@media (max-width: 1180px) {
  .screen-command-header,
  .screen-command-header .hero-mini-grid,
  .member-filter-bar,
  .member-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .sidebar {
    gap: 8px;
    padding: 10px;
  }

  .brand-block {
    padding-bottom: 8px;
  }

  .sidebar nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nav-button {
    font-size: 12px;
    min-height: 30px;
    padding: 7px 9px;
  }

  .sidebar-note,
  .dev-note {
    padding: 8px 10px;
  }

  .header-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .screen-command-header,
  .screen-command-header .hero-mini-grid,
  .member-filter-bar,
  .member-status-strip {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .app-header {
    align-items: start;
    grid-template-columns: minmax(170px, .42fr) minmax(0, .9fr);
  }
}

@media (max-width: 640px) {
  .sidebar nav,
  .header-controls {
    grid-template-columns: 1fr;
  }
}

/* Dashboard product shell rebuild: final light shell overrides for the served app. */
:root {
  color-scheme: light;
  --bg: #f7f4ef;
  --rail: #fffdf9;
  --surface: #fffdf9;
  --surface-2: #faf8f3;
  --surface-3: #f1ece3;
  --text: #171513;
  --muted: #615d56;
  --dim: #8a857c;
  --line: #ded7cb;
  --line-strong: #cbc2b4;
  --crimson: var(--signal-red);
  --crimson-2: var(--signal-red-hover);
  --crimson-soft: var(--signal-red-tint);
  --green: #49745e;
  --amber: #a36a29;
  --blue: #526d7a;
  --radius: 8px;
  --shadow: 0 2px 8px rgb(37 31 24 / .08);
  --shadow-soft: 0 1px 4px rgb(37 31 24 / .065);
}

body,
#app {
  background: var(--bg);
  color: var(--text);
}

#app {
  grid-template-columns: 216px minmax(0, 1fr);
}

.sidebar {
  background: #fffdf9;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
  gap: 10px;
  margin: 12px 0 12px 12px;
  min-height: calc(100dvh - 24px);
  padding: 12px;
}

.brand-block {
  border-bottom-color: var(--line);
  gap: 9px;
  grid-template-columns: 30px minmax(0, 1fr);
  padding: 0 0 10px;
}

.brand-mark {
  background: #141211;
  border-color: #141211;
  border-radius: 7px;
  color: #fff;
  height: 30px;
  width: 30px;
}

.brand-block strong {
  color: var(--text);
  font-size: 13px;
  line-height: 1.1;
}

.brand-block span,
.sidebar-note span,
.dev-note span {
  color: var(--muted);
  font-size: 11px;
}

.sidebar nav {
  gap: 2px;
}

.nav-button {
  border-radius: 7px;
  color: #282522;
  font-size: 13px;
  min-height: 32px;
  padding: 7px 9px;
}

.nav-button:hover,
.nav-button.active {
  background: #f4efe7;
  border-color: #e5d9cc;
  box-shadow: inset 2px 0 0 var(--crimson);
  color: #141211;
}

.sidebar-note,
.dev-note {
  background: #fbf8f2;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px;
}

.sidebar-note {
  border-top: 1px solid var(--line);
}

.app-header {
  background: var(--bg);
  border-bottom: 1px solid #e8e0d5;
  column-gap: 24px;
  grid-template-columns: minmax(250px, 1fr) minmax(540px, 660px);
  min-height: 74px;
  padding: 12px 28px 10px;
}

.header-title h1 {
  color: var(--text);
  font-size: 18px;
  letter-spacing: 0;
}

.header-title p {
  color: var(--muted);
  font-size: 12px;
}

.build-stamp {
  display: none;
}

.header-controls {
  background: #fffdf9;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: none;
  gap: 8px;
  grid-template-columns: minmax(86px, .75fr) minmax(128px, 1fr) minmax(190px, 1.45fr) minmax(116px, .9fr);
  justify-self: stretch;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 8px;
}

.header-controls label {
  min-width: 0;
}

label {
  color: var(--muted);
  font-size: 11px;
}

input,
select {
  background: #fffefa;
  border-color: #d8d0c3;
  color: var(--text);
  min-width: 0;
}

.screen.os-pro-dashboard {
  gap: 12px;
  padding: 16px 28px 34px;
}

.os-pro-dashboard .role-dashboard-head {
  align-items: end;
  background: transparent;
  border: 0;
  box-shadow: none;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0;
}

.os-pro-dashboard .role-dashboard-head span {
  color: var(--crimson);
  font-size: 12px;
  font-weight: 800;
}

.os-pro-dashboard .role-dashboard-head h2 {
  color: var(--text);
  font-size: clamp(24px, 2.1vw, 30px);
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.05;
}

.os-pro-dashboard .role-dashboard-head p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
  max-width: 520px;
}

.reference-dashboard-context {
  background: #fbf8f2;
  border: 1px solid #eee5da;
  border-radius: 9px;
  box-shadow: none;
  min-width: 134px;
  padding: 9px 11px;
}

.reference-dashboard-metrics {
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.reference-metric-card {
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
  gap: 10px;
  grid-template-columns: 30px minmax(0, 1fr);
  min-height: 88px;
  overflow: hidden;
  padding: 12px;
}

.reference-metric-card::after {
  display: none;
}

.reference-metric-card i {
  background: #f2eee7;
  border: 1px solid #ded7cb;
  height: 30px;
  width: 30px;
}

.reference-metric-card i::before {
  background: #26211e;
  height: 9px;
  width: 9px;
}

.reference-metric-card.hot i::before {
  background: var(--crimson);
}

.reference-metric-card.good i::before {
  background: var(--green);
}

.reference-metric-card.watch i::before {
  background: var(--amber);
}

.reference-metric-card span,
.reference-metric-card em {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
}

.reference-metric-card strong {
  color: var(--text);
  font-size: clamp(22px, 1.8vw, 27px);
  letter-spacing: 0;
  line-height: 1;
}

.reference-metric-card.hot,
.reference-metric-card.good,
.reference-metric-card.watch {
  box-shadow: none;
}

.reference-metric-card.hot {
  border-left: 3px solid var(--crimson);
}

.reference-metric-card.good {
  border-left: 3px solid var(--green);
}

.reference-metric-card.watch {
  border-left: 3px solid var(--amber);
}

.reference-dashboard-workspace {
  align-items: start;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 286px;
}

.reference-visual-panel {
  align-content: start;
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
  gap: 12px;
  grid-template-rows: auto auto auto;
  min-height: 0;
  padding: 14px;
}

.panel-heading {
  align-items: baseline;
}

.panel-heading h3 {
  color: var(--text);
  font-size: 14px;
  letter-spacing: 0;
}

.panel-heading span {
  color: var(--muted);
  font-size: 11px;
}

.reference-visual-body {
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) 188px;
}

.reference-chart-shell {
  background: #fffefa;
  border: 1px solid #e5ddd2;
  border-radius: 9px;
  box-shadow: none;
  padding: 10px;
}

.reference-chart-list {
  gap: 7px;
}

.reference-chart-row {
  background: #fbf8f2;
  border: 1px solid #ebe2d7;
  border-radius: 7px;
  gap: 9px;
  grid-template-columns: minmax(128px, .85fr) minmax(150px, 1.2fr) 42px;
  min-height: 54px;
  padding: 8px 10px;
}

.reference-chart-row strong,
.reference-chart-row b {
  color: var(--text);
  font-size: 12px;
}

.reference-chart-row span {
  color: var(--muted);
  font-size: 11px;
}

.reference-chart-row em {
  background: #ece6dc;
  border-radius: 999px;
  height: 6px;
}

.reference-chart-row em i {
  background: linear-gradient(90deg, #2a2623, var(--crimson));
  border-radius: inherit;
}

.location-performance-stack {
  gap: 7px;
}

.location-performance-stack article {
  background: #fbf8f2;
  border: 1px solid #ebe2d7;
  border-radius: 8px;
  gap: 3px;
  padding: 9px;
}

.location-performance-stack strong {
  color: var(--text);
  font-size: 19px;
}

.location-performance-stack span,
.location-performance-stack em {
  color: var(--muted);
  font-size: 11px;
}

.reference-panel-footer {
  gap: 8px;
  padding-top: 0;
}

.reference-panel-footer article {
  background: #fbf8f2;
  border: 1px solid #ebe2d7;
  border-radius: 8px;
  padding: 8px 9px;
}

.reference-panel-footer span,
.rail-alert-list span,
.rail-action-stack span,
.rail-schedule-list span,
.rail-action-stack em,
.rail-schedule-list em {
  color: var(--muted);
}

.reference-panel-footer strong,
.rail-action-stack strong,
.rail-schedule-list strong,
.rail-alert-list strong {
  color: var(--text);
}

.reference-right-rail {
  align-content: start;
  gap: 10px;
}

.reference-right-rail section,
.reference-right-rail .rail-today-card {
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
  color: var(--text);
  gap: 8px;
  padding: 12px;
}

.reference-right-rail .rail-today-card .panel-heading h3,
.reference-right-rail .rail-today-card .rail-action-stack strong {
  color: var(--text);
}

.reference-right-rail .rail-today-card .panel-heading span,
.reference-right-rail .rail-today-card .rail-action-stack span,
.reference-right-rail .rail-today-card .rail-action-stack em {
  color: var(--muted);
}

.rail-action-stack,
.rail-schedule-list,
.rail-alert-list {
  gap: 7px;
}

.rail-action-stack button,
.rail-schedule-list button,
.reference-right-rail .rail-today-card .rail-action-stack button {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
  color: var(--text);
  gap: 3px;
  padding: 9px 10px;
}

.rail-action-stack button:hover,
.rail-schedule-list button:hover {
  background: #f5efe6;
  border-color: #d9cfc0;
}

.rail-alert-list article {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
  padding: 8px 9px;
}

.reference-supporting-panels {
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.role-panel {
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
  min-height: 104px;
  padding: 11px;
}

@media (max-width: 1300px) {
  .app-header {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .header-controls {
    justify-self: stretch;
  }

  .reference-dashboard-workspace {
    grid-template-columns: minmax(0, 1fr) 268px;
  }
}

@media (max-width: 1180px) {
  #app {
    grid-template-columns: 204px minmax(0, 1fr);
  }

  .reference-dashboard-workspace,
  .reference-supporting-panels {
    grid-template-columns: 1fr;
  }

  .reference-right-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  #app {
    display: block;
  }

  .sidebar {
    margin: 8px;
    min-height: auto;
  }

  .app-header {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .header-controls,
  .reference-dashboard-metrics,
  .reference-visual-body,
  .reference-panel-footer,
  .reference-right-rail,
  .reference-supporting-panels {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .header-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Light product shell applied across CRM screens. Dashboard remains the source of truth. */
.dev-lab-link {
  margin-top: 8px;
  width: 100%;
}

.screen:not(.os-pro-dashboard) {
  gap: 12px;
  padding: 16px 28px 34px;
}

.screen-command-header,
.member-command-header {
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
  gap: 14px;
  min-height: 0;
  overflow: hidden;
  padding: 14px;
}

.screen-command-header::before {
  background: var(--crimson);
  width: 3px;
}

.screen-command-header h2,
.member-command-header h2 {
  color: var(--text);
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.08;
}

.screen-command-header p,
.member-command-header p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
  max-width: 58ch;
}

.hero-mini-grid,
.screen-command-header .hero-mini-grid {
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mini-stat {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
  box-shadow: none;
  min-height: 52px;
  padding: 8px 10px;
}

.mini-stat span {
  color: var(--muted);
  font-size: 11px;
}

.mini-stat strong {
  color: var(--text);
  font-size: 17px;
  letter-spacing: 0;
}

.lead-focus-row,
.member-filter-bar,
.member-status-strip,
.save-desk-board,
.communication-case-board {
  gap: 10px;
}

.lead-focus-card,
.lead-kanban,
.kanban-column,
.lead-context-rail section,
.member-profile-preview,
.premium-member-list,
.member-context-rail section,
.failed-payment-lane,
.winback-lane,
.location-comparison-panel,
.mapping-panel,
.issue-queue-panel,
.communication-board-brief,
.comm-case-card,
.detail-drawer {
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
}

.lead-focus-card {
  gap: 5px;
  min-height: 82px;
  padding: 10px 11px;
}

.lead-focus-card span,
.lead-focus-card em,
.lead-focus-card b {
  color: var(--muted);
  font-size: 11px;
}

.lead-focus-card strong {
  color: var(--text);
  font-size: 15px;
}

.lead-reference-layout {
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 254px;
}

.lead-kanban {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  overflow: hidden;
  padding: 10px;
}

.lead-board-header {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
  padding: 9px 11px;
}

.lead-board-header span,
.lead-board-header em {
  color: var(--muted);
  font-size: 11px;
}

.lead-board-header strong {
  color: var(--text);
  font-size: 13px;
}

.kanban-column {
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 9px;
}

.column-head h3,
.panel-heading h3 {
  color: var(--text);
  font-size: 13px;
  letter-spacing: 0;
}

.column-head span,
.panel-heading span {
  color: var(--muted);
  font-size: 11px;
}

.lead-card,
.member-intel-card,
.money-recovery-card,
.winback-recovery-card,
.save-desk-card,
.owner-scorecard,
.import-stage-card,
.import-quality-card {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
  box-shadow: none;
  gap: 7px;
  padding: 9px 10px;
}

.lead-card {
  min-width: 0;
}

.lead-card .card-meta {
  gap: 5px;
}

.lead-card .card-meta span {
  min-width: 0;
}

.lead-card:hover,
.member-intel-card:hover,
.money-recovery-card:hover,
.winback-recovery-card:hover,
.save-desk-card:hover,
.lead-focus-card:hover {
  background: #f6f0e8;
  border-color: #d9cfc0;
}

.lead-card.selected,
.member-intel-card.selected {
  border-color: rgb(var(--signal-red-rgb) / .35);
  box-shadow: inset 2px 0 0 var(--crimson);
}

.lead-card-head strong,
.case-title-row strong,
.member-name-block strong {
  color: var(--text);
  font-size: 13px;
}

.lead-card em,
.card-meta span,
.member-name-block em,
.case-type,
.save-desk-card p,
.money-recovery-card p,
.owner-scorecard p,
.comm-case-card span,
.comm-case-card em,
.mapping-panel article span,
.issue-card span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.lead-value-line b,
.case-metrics b,
.save-case-reason b,
.case-footer strong,
.owner-metrics-row strong,
.comm-next-row strong,
.mapping-panel article strong,
.issue-card strong {
  color: var(--text);
}

.lead-timer,
.status-badge,
.channel-chip {
  border-radius: 6px;
  font-size: 10px;
  padding: 3px 6px;
}

.premium-members .member-command-header {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
  min-height: 0;
}

.member-search input {
  width: 100%;
}

.member-filter-bar {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.member-filter-chip {
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: none;
  min-height: 48px;
  padding: 8px 10px;
}

.member-filter-chip.active {
  border-color: rgb(var(--signal-red-rgb) / .35);
  box-shadow: inset 3px 0 0 var(--crimson);
}

.member-filter-chip span,
.member-preview-head span,
.member-preview-grid span,
.member-intel-grid em,
.member-context-rail span {
  color: var(--muted);
  font-size: 11px;
}

.member-filter-chip strong {
  color: var(--text);
  font-size: 18px;
}

.member-preview-head strong {
  color: var(--text);
}

.member-status-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.premium-member-layout {
  gap: 12px;
  grid-template-columns: 270px minmax(0, 1fr) 220px;
}

.member-profile-preview,
.premium-member-list,
.member-context-rail section {
  padding: 11px;
}

.member-preview-grid,
.member-intel-grid {
  gap: 6px;
}

.member-preview-grid article,
.member-intel-grid span,
.member-context-rail article,
.lead-context-rail article {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 7px;
  padding: 7px 8px;
}

.member-profile-preview p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.avatar {
  background: #f4eee6;
  border: 1px solid #e1d8ca;
  color: var(--crimson);
  height: 30px;
  min-width: 30px;
  width: 30px;
}

.recovery-board,
.money-recovery-board {
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
}

.failed-payment-lane,
.winback-lane {
  gap: 8px;
  padding: 11px;
}

.money-recovery-card,
.winback-recovery-card,
.save-desk-card {
  border-left: 3px solid #2b2825;
}

.money-recovery-card.critical {
  border-left-color: var(--crimson);
}

.money-recovery-card.high,
.winback-recovery-card.high {
  border-left-color: var(--amber);
}

.case-metrics,
.recovery-metrics,
.owner-metrics-row,
.comm-next-row {
  gap: 6px;
}

.case-metrics span,
.recovery-metrics span,
.owner-metrics-row span,
.comm-next-row span,
.save-case-reason {
  background: #fffefa;
  border: 1px solid #e5ddd2;
  border-radius: 7px;
  padding: 7px 8px;
}

.save-desk-board {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.save-desk-card {
  min-height: 0;
}

.case-footer {
  border-top-color: #e5ddd2;
  gap: 8px;
}

.case-footer em {
  color: var(--amber);
}

.accountability-cockpit {
  gap: 12px;
  grid-template-columns: minmax(0, 1.28fr) minmax(270px, .72fr);
}

.owner-scorecard-grid {
  gap: 10px;
}

.owner-scorecard {
  padding: 10px;
}

.owner-scorecard-head b {
  background: #f4eee6;
  border: 1px solid #e1d8ca;
  color: var(--text);
  font-size: 16px;
  height: 34px;
  width: 40px;
}

.owner-scorecard-head div > span {
  color: var(--muted);
}

.owner-scorecard-head div > strong {
  color: var(--text);
  font-size: 16px;
  max-width: none;
}

.location-comparison-panel {
  gap: 9px;
  padding: 11px;
}

.location-comparison-list {
  gap: 7px;
}

.location-comparison-list article {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
  grid-template-columns: minmax(80px, 1fr) minmax(80px, .8fr) minmax(70px, .7fr) minmax(64px, .65fr);
  padding: 8px;
}

.comparison-bar {
  background: #ebe3d8;
  height: 5px;
}

.comparison-bar span {
  background: linear-gradient(90deg, #2b2825, var(--crimson));
}

.communication-case-board {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.communication-board-brief {
  align-content: center;
  grid-column: 1 / -1;
  grid-template-columns: minmax(160px, .6fr) minmax(160px, .5fr) minmax(220px, 1fr);
  min-height: 62px;
  padding: 10px 12px;
}

.communication-board-brief span,
.communication-board-brief em {
  color: var(--muted);
}

.communication-board-brief strong {
  color: var(--text);
  font-size: 18px;
}

.comm-case-card {
  gap: 9px;
  padding: 11px;
}

.channel-chip {
  background: #f3eee6;
  border: 1px solid #ded5c9;
  color: var(--text);
}

.comm-timeline-group {
  background: #fffefa;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
  padding: 8px;
}

.import-stage-rail {
  gap: 8px;
  grid-template-columns: minmax(128px, .75fr) repeat(5, minmax(0, 1fr));
}

.import-quality-card,
.import-stage-card {
  min-height: 86px;
  padding: 9px 10px;
}

.import-quality-card strong {
  color: var(--text);
  font-size: 26px;
}

.import-stage-card > span {
  background: #25211e;
  border: 0;
  color: #fff;
  height: 24px;
  width: 24px;
}

.import-stage-card.needs-work,
.import-stage-card.blocked {
  border-color: var(--signal-red-border);
}

.import-stage-card.ready {
  border-color: #c8dacd;
}

.import-workflow-board {
  gap: 12px;
  grid-template-columns: minmax(250px, .82fr) repeat(3, minmax(0, 1fr));
}

.mapping-panel,
.issue-queue-panel {
  gap: 8px;
  padding: 11px;
}

.mapping-panel article,
.issue-card,
.warning-stack {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 7px;
  padding: 8px 9px;
}

.warning-stack {
  color: #73511e;
}

.detail-drawer {
  background: #fffefa;
  border-left: 1px solid var(--line);
  border-radius: 0;
  box-shadow: -2px 0 8px rgb(37 31 24 / .08);
}

.drawer-header {
  border-bottom-color: #e5ddd2;
}

.drawer-title strong {
  color: var(--text);
}

.drawer-title em,
.drawer-record-type,
.drawer-field-list span,
.drawer-case-strip span {
  color: var(--muted);
}

.drawer-case-strip article,
.drawer-sections section,
.drawer-field-list article {
  background: #fbf8f2;
  border: 1px solid #e5ddd2;
  border-radius: 8px;
}

.drawer-sections section {
  padding: 11px;
}

.drawer-sections section::before {
  display: none;
}

.drawer-sections section h3 {
  color: var(--text);
  font-size: 13px;
}

@media (max-width: 1300px) {
  .lead-reference-layout,
  .premium-member-layout,
  .money-recovery-board,
  .accountability-cockpit,
  .import-workflow-board {
    grid-template-columns: 1fr;
  }

  .lead-context-rail,
  .member-context-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .save-desk-board,
  .communication-case-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .hero-mini-grid,
  .screen-command-header .hero-mini-grid,
  .member-filter-bar,
  .member-status-strip,
  .import-stage-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lead-focus-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .screen:not(.os-pro-dashboard) {
    padding: 12px;
  }

  .screen-command-header,
  .member-command-header,
  .hero-mini-grid,
  .screen-command-header .hero-mini-grid,
  .lead-focus-row,
  .member-filter-bar,
  .member-status-strip,
  .lead-context-rail,
  .member-context-rail,
  .save-desk-board,
  .communication-case-board,
  .communication-board-brief,
  .import-stage-rail,
  .location-comparison-list article,
  .case-metrics,
  .recovery-metrics,
  .owner-metrics-row,
  .comm-next-row {
    grid-template-columns: 1fr;
  }
}

/* Approved light Lotus visual direction integration. */
:root {
  color-scheme: light;
  --lotus-canvas: #f7f4f1;
  --lotus-sidebar: #fbfaf8;
  --lotus-surface: #fffdfb;
  --lotus-surface-2: #f2eee9;
  --lotus-ink: #252322;
  --lotus-muted: #77716d;
  --lotus-line: #e8e0d8;
  --lotus-mint: #8adfbd;
  --lotus-mint-deep: #4bb891;
  --lotus-lavender: #aaa6f4;
  --lotus-cream: #f4dfad;
  --lotus-rose: var(--signal-red-surface);
  --lotus-red: var(--signal-red);
  --lotus-shadow: 0 18px 46px rgb(88 68 52 / .09);
  --lotus-radius-lg: 24px;
  --lotus-radius-md: 18px;
  --bg: var(--lotus-canvas);
  --rail: var(--lotus-sidebar);
  --surface: var(--lotus-surface);
  --surface-2: var(--lotus-surface-2);
  --text: var(--lotus-ink);
  --muted: var(--lotus-muted);
  --line: var(--lotus-line);
  --crimson: var(--lotus-red);
  --shadow: var(--lotus-shadow);
}

body {
  background: var(--lotus-canvas);
  color: var(--lotus-ink);
  font-family: Aptos, "Helvetica Neue", Arial, sans-serif;
}

#app {
  grid-template-columns: 252px minmax(0, 1fr);
  gap: 28px;
  min-height: 100dvh;
  padding: 26px 28px 26px 24px;
  background: var(--lotus-canvas);
}

.main {
  min-width: 0;
}

.sidebar {
  gap: 28px;
  padding: 24px 18px;
  border: 0;
  border-radius: 28px;
  background: var(--lotus-sidebar);
  box-shadow: var(--lotus-shadow);
}

.brand-block {
  min-height: 58px;
  padding: 0;
  border: 0;
  grid-template-columns: 44px 1fr;
  gap: 12px;
}

.brand-mark {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 16px;
  background: #2e2b29;
  color: #fff;
  font-weight: 800;
}

.brand-block strong {
  color: var(--lotus-ink);
  font-size: 20px;
  font-weight: 800;
}

.brand-block span,
.sidebar-note span {
  color: var(--lotus-muted);
  font-size: 12px;
}

.sidebar nav {
  gap: 10px;
}

.nav-button {
  min-height: 48px;
  padding: 0 14px;
  border: 0;
  border-radius: 18px;
  background: transparent;
  color: #615b57;
  font-weight: 700;
}

.nav-button::before {
  content: counter(nav-item, decimal-leading-zero);
  counter-increment: nav-item;
  display: inline-block;
  width: 42px;
  color: currentColor;
  font-size: 11px;
  font-weight: 800;
  opacity: .6;
}

.sidebar nav {
  counter-reset: nav-item;
}

.nav-button:hover,
.nav-button.active {
  background: var(--lotus-mint);
  color: #173329;
  box-shadow: none;
}

.dev-note {
  display: none;
}

.sidebar-note {
  margin-top: auto;
  padding: 18px;
  border: 1px solid var(--lotus-line);
  border-radius: 20px;
  background: #f5f1ec;
}

.sidebar-note strong {
  color: var(--lotus-ink);
  font-size: 24px;
}

.sidebar-note .secondary-action {
  margin-top: 14px;
  width: 100%;
}

.app-header {
  min-height: 74px;
  margin-bottom: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  grid-template-columns: minmax(260px, 1fr) auto;
}

.header-title h1 {
  color: #090909;
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -.02em;
}

.header-title p {
  margin-top: 5px;
  color: var(--lotus-muted);
}

.header-controls {
  align-items: center;
  gap: 12px;
}

.header-controls label {
  min-width: 0;
  color: transparent;
  font-size: 0;
}

.header-controls select,
.header-controls input,
.primary-action,
.secondary-action,
.panel-heading button {
  min-height: 44px;
  border: 1px solid var(--lotus-line);
  border-radius: 16px;
  background: var(--lotus-surface);
  color: #5f5854;
  box-shadow: none;
  font-size: 14px;
  font-weight: 700;
}

.header-controls input {
  min-width: 210px;
  font-weight: 600;
}

.screen,
.screen:not(.os-pro-dashboard),
.screen.os-pro-dashboard {
  padding: 0;
  background: transparent;
}

.light-lotus-dashboard {
  display: grid;
  gap: 22px;
}

.light-lotus-dashboard .role-dashboard-head {
  display: none;
}

.reference-dashboard-context {
  display: none;
}

.light-lotus-dashboard .reference-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.lotus-metric-card,
.reference-metric-card.lotus-metric-card {
  position: relative;
  min-height: 126px;
  overflow: hidden;
  display: block;
  padding: 22px 24px;
  border: 0;
  border-radius: var(--lotus-radius-lg);
  box-shadow: var(--lotus-shadow);
}

.lotus-metric-card::after {
  content: "";
  position: absolute;
  right: -26px;
  top: -26px;
  width: 100px;
  height: 100px;
  border-radius: 36px;
  background: rgb(255 255 255 / .24);
  transform: rotate(24deg);
}

.lotus-metric-card i {
  display: none;
}

.lotus-metric-card > div {
  position: relative;
  z-index: 1;
}

.lotus-metric-card.mint {
  background: var(--lotus-mint);
}

.lotus-metric-card.lavender {
  background: var(--lotus-lavender);
}

.lotus-metric-card.cream {
  background: var(--lotus-cream);
}

.lotus-metric-card.rose {
  background: var(--lotus-rose);
}

.lotus-metric-card span,
.lotus-metric-card em {
  color: rgb(37 35 34 / .68);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.lotus-metric-card strong {
  display: block;
  margin-top: 10px;
  color: #151312;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -.03em;
}

.lotus-metric-card.rose strong {
  color: var(--signal-red);
}

.lotus-metric-card em {
  display: block;
  margin-top: 8px;
}

.light-lotus-dashboard .reference-dashboard-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 332px;
  gap: 22px;
  align-items: start;
}

.lotus-main-column {
  display: grid;
  gap: 22px;
}

.lotus-insight-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.85fr) minmax(300px, .9fr);
  gap: 22px;
}

.lotus-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  align-items: start;
  gap: 22px;
}

.lotus-lower-side {
  display: grid;
  gap: 16px;
}

.light-lotus-dashboard .dashboard-command-panel,
.light-lotus-dashboard .reference-right-rail section,
.premium-members .member-profile-preview,
.premium-members .premium-member-list,
.lead-reference-layout .lead-kanban,
.lead-context-rail section,
.recovery-screen .case-board {
  border: 1px solid rgb(232 224 216 / .88);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: var(--lotus-shadow);
}

.light-lotus-dashboard .dashboard-command-panel {
  padding: 22px;
}

.light-lotus-dashboard .panel-heading,
.lotus-right-rail .panel-heading,
.premium-members .panel-heading,
.lead-reference-layout .panel-heading,
.recovery-screen .panel-heading {
  align-items: flex-start;
  justify-content: space-between;
}

.light-lotus-dashboard .panel-heading h3,
.lotus-right-rail .panel-heading h3,
.premium-members h2,
.leads-screen h2,
.recovery-screen h2 {
  color: #0b0a09;
  font-size: 19px;
  line-height: 1.15;
  letter-spacing: -.01em;
}

.light-lotus-dashboard .panel-heading p,
.lotus-right-rail .panel-heading p,
.premium-members p,
.leads-screen p,
.recovery-screen p {
  margin-top: 5px;
  color: var(--lotus-muted);
  font-size: 14px;
}

.lotus-revenue-chart {
  position: relative;
  height: 292px;
  margin-top: 22px;
}

.lotus-revenue-chart svg {
  width: 100%;
  height: 100%;
}

.lotus-grid-lines line {
  stroke: #ded7ce;
  stroke-width: 1;
}

.lotus-area {
  fill: url(#crmLightRevenueFill);
}

.lotus-income,
.lotus-risk,
.lotus-target {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
}

.lotus-income {
  stroke: #64c9a4;
}

.lotus-risk {
  stroke: #aaa6f4;
}

.lotus-target {
  stroke: #cfc7bd;
  stroke-dasharray: 8 12;
}

.lotus-revenue-chart circle {
  fill: #58c89e;
  stroke: #fff;
  stroke-width: 5;
}

.lotus-chart-note {
  position: absolute;
  top: 50px;
  left: 47%;
  padding: 12px 14px;
  border-radius: 16px;
  background: #eef6f0;
  box-shadow: 0 12px 24px rgb(72 98 78 / .14);
}

.lotus-chart-note span,
.lotus-revenue-breakdown span,
.lotus-overview-list span,
.lotus-source-list span,
.lotus-action-list span {
  color: var(--lotus-muted);
  font-size: 13px;
}

.lotus-chart-note strong {
  display: block;
  margin-top: 4px;
  color: var(--lotus-ink);
}

.lotus-revenue-breakdown {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 8px;
}

.lotus-revenue-breakdown div {
  padding-top: 14px;
  border-top: 1px solid var(--lotus-line);
}

.lotus-revenue-breakdown strong {
  display: block;
  margin-top: 6px;
  color: var(--lotus-ink);
  font-size: 19px;
}

.lotus-overview-panel {
  min-height: 430px;
}

.light-lotus-dashboard .lotus-overview-wheel {
  display: grid;
  place-items: center;
  width: 238px;
  height: 238px;
  margin: 24px auto 20px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--lotus-surface) 0 32%, transparent 33%),
    conic-gradient(from 24deg, var(--lotus-lavender) 0 38%, #eee9e2 38% 44%, var(--lotus-mint) 44% 72%, #eee9e2 72% 78%, var(--lotus-cream) 78% 100%);
}

.lotus-wheel-core {
  display: grid;
  place-items: center;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: var(--lotus-surface);
}

.lotus-wheel-core span {
  color: var(--lotus-muted);
  font-size: 13px;
}

.lotus-wheel-core strong {
  color: #090909;
  font-size: 34px;
}

.lotus-overview-list {
  display: grid;
  gap: 12px;
}

.lotus-overview-list div,
.lotus-source-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-top: 1px solid var(--lotus-line);
}

.lotus-location-bars {
  display: grid;
  gap: 16px;
  margin-top: 22px;
}

.lotus-location-row {
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr) 60px;
  align-items: center;
  gap: 14px;
  color: #5c5651;
  font-weight: 700;
}

.lotus-location-row div {
  height: 11px;
  overflow: hidden;
  border-radius: 999px;
  background: #eee8e0;
}

.lotus-location-row i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--lotus-mint-deep);
}

.lotus-attendance-panel .panel-heading > strong {
  color: #090909;
  font-size: 32px;
}

.lotus-attendance-strip {
  display: flex;
  align-items: end;
  gap: 12px;
  height: 150px;
  margin-top: 30px;
  padding: 0 8px;
}

.lotus-attendance-strip span {
  flex: 1;
  min-width: 20px;
  border-radius: 14px 14px 8px 8px;
  background: linear-gradient(180deg, #aaa6f4, #7ddcbb);
}

.lotus-member-snapshot {
  position: relative;
  isolation: isolate;
  display: grid;
  width: 100%;
  min-height: 244px;
  gap: 14px;
  overflow: hidden;
  padding: 18px;
  border-color: rgb(226 216 206 / .9);
  border-radius: 26px 16px 26px 16px;
  background:
    radial-gradient(circle at 16% 18%, rgb(170 166 244 / .18), transparent 34%),
    radial-gradient(circle at 95% 86%, rgb(var(--signal-red-rgb) / .10), transparent 31%),
    linear-gradient(135deg, #fffdf9 0%, #fbf7f0 58%, #f6efe7 100%);
  box-shadow: 0 16px 34px rgb(72 54 42 / .10);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.lotus-member-snapshot::before,
.lotus-member-snapshot::after {
  position: absolute;
  z-index: -1;
  content: "";
  pointer-events: none;
}

.lotus-member-snapshot::before {
  right: -30px;
  top: -24px;
  width: 120px;
  height: 120px;
  border: 1px solid rgb(232 224 216 / .7);
  border-radius: 999px;
  background: rgb(255 253 249 / .48);
}

.lotus-member-snapshot::after {
  left: 20px;
  bottom: -48px;
  width: 170px;
  height: 96px;
  border-radius: 999px;
  background: rgb(170 166 244 / .10);
}

.lotus-member-snapshot:hover {
  border-color: rgb(var(--signal-red-rgb) / .22);
  background:
    radial-gradient(circle at 16% 18%, rgb(170 166 244 / .20), transparent 34%),
    radial-gradient(circle at 95% 86%, rgb(var(--signal-red-rgb) / .12), transparent 31%),
    linear-gradient(135deg, #fffdf9 0%, #fbf5ee 58%, #f5ece4 100%);
  box-shadow: 0 18px 38px rgb(72 54 42 / .12);
}

.lotus-in-club-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-color: rgb(226 216 206 / .88);
  background: linear-gradient(135deg, #fffdf9 0%, #faf5ee 100%);
}

.lotus-in-club-panel .panel-heading > span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f1e8dd;
  color: #151312;
  font-size: 16px;
  font-weight: 900;
}

.in-club-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.in-club-meta span {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgb(232 224 216 / .74);
  border-radius: 12px;
  background: rgb(255 253 249 / .76);
  color: #151312;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.in-club-scroll {
  display: grid;
  gap: 8px;
  max-height: 238px;
  overflow: auto;
  padding-right: 3px;
}

.in-club-scroll button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgb(232 224 216 / .72);
  border-radius: 14px;
  background: #fffdf9;
  color: inherit;
  text-align: left;
}

.in-club-scroll button:hover {
  border-color: rgb(var(--signal-red-rgb) / .22);
  background: #fff9f2;
}

.in-club-scroll span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.in-club-scroll strong,
.in-club-scroll em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.in-club-scroll strong {
  color: #151312;
  font-size: 13px;
}

.in-club-scroll em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.in-club-scroll b {
  grid-column: 2;
  width: fit-content;
  padding: 3px 7px;
  border-radius: 999px;
  background: #f1e8dd;
  color: #685d52;
  font-size: 10px;
  font-weight: 800;
}

.lotus-in-club-panel > p {
  margin: 0;
  color: var(--lotus-muted);
  font-size: 11px;
  line-height: 1.4;
}

.member-snapshot-stage {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
}

.member-snapshot-ring {
  display: grid;
  place-items: center;
  align-content: center;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background:
    radial-gradient(circle, #fffdf9 0 53%, transparent 54%),
    conic-gradient(var(--lotus-lavender) 0 var(--member-mix-primary), var(--signal-red-surface) var(--member-mix-primary) 100%);
  box-shadow:
    inset 0 0 0 1px rgb(255 255 255 / .75),
    0 10px 24px rgb(72 54 42 / .10);
}

.member-snapshot-ring strong {
  color: #0b0a09;
  font-size: 24px;
  line-height: 1;
}

.member-snapshot-ring em {
  margin-top: 4px;
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.member-snapshot-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.member-snapshot-copy > strong {
  color: #0b0a09;
  font-size: 18px;
}

.member-snapshot-copy > em,
.member-snapshot-pill em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

.member-snapshot-legend {
  display: grid;
  gap: 6px;
}

.member-snapshot-legend span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--lotus-muted);
  font-size: 12px;
}

.member-snapshot-legend i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lotus-lavender);
}

.member-snapshot-legend span:last-child i {
  background: var(--signal-red-surface);
}

.member-snapshot-legend b {
  color: #151312;
  font-size: 12px;
}

.member-snapshot-orbit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  align-items: stretch;
}

.member-snapshot-pill {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgb(232 224 216 / .70);
  border-radius: 15px;
  background: rgb(255 253 249 / .72);
  box-shadow: 0 6px 16px rgb(72 54 42 / .06);
}

.member-snapshot-pill strong {
  color: #151312;
  font-size: 15px;
  line-height: 1.1;
}

.member-snapshot-pill--wide {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  border-radius: 18px;
  background: rgb(255 250 245 / .86);
}

.member-snapshot-pill--wide b {
  color: var(--lotus-red);
  font-size: 12px;
  font-weight: 800;
}

/* Dashboard Widget Pack 1: visual component lab integration. */
.dashboard-widget-pack-1 {
  border-color: rgb(226 216 206 / .82);
  box-shadow: 0 14px 34px rgb(72 54 42 / .08);
}

.visual-member-snapshot-widget {
  min-height: 268px;
  background:
    radial-gradient(circle at 86% 6%, rgb(138 223 189 / .22), transparent 28%),
    radial-gradient(circle at 18% 92%, rgb(170 166 244 / .16), transparent 32%),
    linear-gradient(135deg, #fffdf9 0%, #f4fbf2 100%);
}

.member-snapshot-donut {
  width: 132px;
  height: 132px;
  background:
    radial-gradient(circle, #fffdf9 0 50%, transparent 51%),
    conic-gradient(
      var(--lotus-mint-deep) 0 var(--member-mix-primary),
      var(--lotus-lavender) var(--member-mix-primary) var(--member-mix-secondary),
      var(--lotus-cream) var(--member-mix-secondary) 100%
    );
}

.member-snapshot-donut strong {
  font-size: 25px;
}

.member-snapshot-mini-bars {
  display: flex;
  height: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(255 255 255 / .62);
}

.member-snapshot-mini-bars i {
  min-width: 0;
  height: 100%;
}

.member-snapshot-mini-bars i:nth-child(1) {
  background: var(--lotus-mint-deep);
}

.member-snapshot-mini-bars i:nth-child(2) {
  background: var(--lotus-lavender);
}

.member-snapshot-mini-bars i:nth-child(3) {
  background: var(--lotus-cream);
}

.visual-member-snapshot-widget .member-snapshot-legend {
  grid-template-columns: 1fr;
}

.visual-member-snapshot-widget .member-snapshot-legend span:nth-child(1) i {
  background: var(--lotus-mint-deep);
}

.visual-member-snapshot-widget .member-snapshot-legend span:nth-child(2) i {
  background: var(--lotus-lavender);
}

.visual-member-snapshot-widget .member-snapshot-legend span:nth-child(3) i {
  background: var(--lotus-cream);
}

.visual-member-snapshot-widget .member-snapshot-pill {
  background: rgb(255 255 255 / .54);
}

.member-snapshot-pill > i {
  display: block;
  width: 100%;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(231 221 210 / .72);
}

.member-snapshot-pill > i::before {
  display: block;
  width: inherit;
  height: 100%;
  border-radius: inherit;
  background: var(--lotus-mint-deep);
  content: "";
}

.visual-in-club-widget {
  background:
    radial-gradient(circle at 84% 12%, rgb(185 220 237 / .32), transparent 28%),
    linear-gradient(135deg, #fffdf9 0%, #eff9f2 100%);
}

.in-club-visual-row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.in-club-live-ring {
  display: grid;
  place-items: center;
  align-content: center;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background:
    radial-gradient(circle, #fffdf9 0 50%, transparent 51%),
    conic-gradient(var(--lotus-mint-deep) 0 var(--live-occupancy), rgb(255 255 255 / .62) var(--live-occupancy) 100%);
  box-shadow: 0 10px 24px rgb(72 54 42 / .10);
}

.in-club-live-ring strong {
  color: #151312;
  font-size: 24px;
  line-height: 1;
}

.in-club-live-ring em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.in-club-spark {
  display: flex;
  align-items: end;
  gap: 7px;
  height: 78px;
  padding: 12px;
  border-radius: 18px;
  background: rgb(255 255 255 / .50);
}

.in-club-spark i {
  flex: 1;
  border-radius: 999px 999px 6px 6px;
  background: rgb(66 181 140 / .36);
}

.in-club-spark i:nth-child(even) {
  background: rgb(170 166 244 / .34);
}

.in-club-empty-state {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px dashed rgb(218 203 186 / .88);
  border-radius: 16px;
  background: rgb(255 255 255 / .42);
}

.in-club-empty-state strong {
  color: #151312;
  font-size: 14px;
}

.in-club-empty-state em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.access-volume-widget {
  display: grid;
  gap: 12px;
  min-height: 238px;
  background:
    radial-gradient(circle at 90% 8%, rgb(185 220 237 / .34), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #f1f9fb 100%);
}

.access-volume-widget.unavailable,
.visits-time-module.unavailable {
  min-height: 132px;
  background: linear-gradient(135deg, #fffdf9 0%, #f7f1eb 100%);
}

.access-volume-chart {
  position: relative;
  min-height: 132px;
  padding: 8px 4px 0;
}

.access-volume-chart svg {
  width: 100%;
  height: 124px;
  overflow: visible;
}

.access-volume-chart polygon {
  fill: rgb(185 220 237 / .56);
}

.access-volume-chart polyline {
  fill: none;
  stroke: #4d9cc0;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 5;
}

.access-volume-tooltip {
  position: absolute;
  right: 18%;
  top: 18px;
  display: grid;
  gap: 2px;
  min-width: 62px;
  border-radius: 14px;
  background: rgb(255 255 255 / .82);
  box-shadow: 0 10px 22px rgb(72 54 42 / .09);
  padding: 8px 10px;
}

.access-volume-tooltip em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.access-volume-tooltip strong {
  color: #151312;
  font-size: 18px;
  line-height: 1;
}

.access-volume-labels {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.access-volume-labels span {
  color: #685d52;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.visual-visits-time-widget {
  background:
    radial-gradient(circle at 85% 8%, rgb(244 223 173 / .34), transparent 28%),
    linear-gradient(135deg, #fffdf9 0%, #fbf3df 100%);
}

.visits-time-bar-stack {
  display: grid;
  gap: 10px;
}

.visits-time-bar-stack article {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 38px;
  gap: 10px;
  align-items: center;
}

.visits-time-bar-stack span,
.visits-time-bar-stack strong {
  color: #514840;
  font-size: 12px;
  font-weight: 850;
}

.visits-time-bar-stack i {
  display: block;
  height: 16px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(255 255 255 / .66);
}

.visits-time-bar-stack b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--lotus-mint-deep);
}

.visits-time-bar-stack article:nth-child(2n) b {
  background: var(--lotus-lavender);
}

.visits-time-bar-stack article:nth-child(3n) b {
  background: #d7b35b;
}

/* Dashboard Widget Pack 2: visual command modules. */
.dashboard-widget-pack-2 {
  border-color: rgb(226 216 206 / .84);
  box-shadow: 0 14px 34px rgb(72 54 42 / .08);
}

.visual-revenue-command-widget {
  gap: 15px;
  background:
    radial-gradient(circle at 84% 8%, rgb(125 220 187 / .22), transparent 28%),
    radial-gradient(circle at 14% 86%, rgb(244 223 173 / .28), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #f5fbef 100%);
}

.visual-revenue-command-widget .panel-heading > span,
.visual-lead-sources-widget .panel-heading > span,
.visual-location-comparison-widget .panel-heading > span {
  color: #5c5a53;
  font-size: 12px;
  font-weight: 850;
}

.revenue-command-curve {
  position: relative;
  min-height: 138px;
  padding: 8px 0 0;
}

.revenue-command-curve svg {
  width: 100%;
  height: 136px;
  overflow: visible;
  border-radius: 18px;
  background:
    linear-gradient(rgb(255 255 255 / .44), rgb(255 255 255 / .44)),
    repeating-linear-gradient(0deg, transparent 0 31px, rgb(211 201 190 / .32) 32px);
}

.revenue-command-curve polygon {
  fill: url("#crmPack2RevenueFill");
}

.revenue-command-curve polyline {
  fill: none;
  stroke: #47a984;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6;
}

.revenue-command-bubble {
  position: absolute;
  right: 16px;
  top: 14px;
  display: grid;
  gap: 2px;
  min-width: 94px;
  padding: 10px 12px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 16px;
  background: rgb(255 253 249 / .86);
  box-shadow: 0 10px 22px rgb(72 54 42 / .08);
}

.revenue-command-bubble span,
.revenue-command-stats span,
.lead-offer-chip-row strong,
.location-comparison-row span,
.owner-action-empty span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 750;
}

.revenue-command-bubble strong {
  color: #151312;
  font-size: 19px;
  line-height: 1;
}

.revenue-command-meter {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(255 255 255 / .62);
}

.revenue-command-meter span {
  display: block;
  width: var(--recovery-meter);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7ddcbb, #aaa6f4);
}

.revenue-command-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.revenue-command-stats div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border-radius: 15px;
  background: rgb(255 255 255 / .50);
}

.revenue-command-stats strong {
  color: #151312;
  font-size: 14px;
  line-height: 1.15;
}

.visual-lead-sources-widget {
  gap: 14px;
  background:
    radial-gradient(circle at 16% 12%, rgb(170 166 244 / .22), transparent 30%),
    radial-gradient(circle at 92% 86%, rgb(125 220 187 / .18), transparent 28%),
    linear-gradient(135deg, #fffdf9 0%, #f6f3ff 100%);
}

.lead-source-pack-visual {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.lead-conversion-ring {
  display: grid;
  place-items: center;
  align-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background:
    radial-gradient(circle, #fffdf9 0 51%, transparent 52%),
    conic-gradient(var(--lotus-lavender) 0 var(--lead-conversion), rgb(255 255 255 / .66) var(--lead-conversion) 360deg);
  box-shadow: 0 10px 22px rgb(72 54 42 / .08);
}

.lead-conversion-ring strong {
  color: #151312;
  font-size: 22px;
  line-height: 1;
}

.lead-conversion-ring span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 800;
}

.visual-lead-sources-widget .lead-source-rank {
  gap: 8px;
}

.visual-lead-sources-widget .lead-source-rank article {
  grid-template-columns: 24px minmax(0, 1fr) minmax(62px, .64fr) 34px;
  padding: 0;
  border: 0;
  background: transparent;
}

.visual-lead-sources-widget .lead-source-rank b {
  color: #82786c;
  font-size: 11px;
  font-weight: 850;
}

.visual-lead-sources-widget .lead-source-rank span strong {
  color: #151312;
  font-size: 12px;
}

.visual-lead-sources-widget .lead-source-rank em {
  color: var(--lotus-muted);
  font-size: 10px;
}

.visual-lead-sources-widget .lead-source-rank i {
  display: grid;
  gap: 4px;
  height: auto;
  background: transparent;
}

.visual-lead-sources-widget .lead-source-rank i span {
  display: block;
  height: 8px;
  border-radius: 999px;
}

.visual-lead-sources-widget .lead-source-rank i span:first-child {
  width: var(--source-share);
  background: #aaa6f4;
}

.visual-lead-sources-widget .lead-source-rank i span:last-child {
  width: var(--join-share);
  background: #7ddcbb;
}

.lead-offer-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.lead-offer-chip-row span,
.lead-offer-chip-row strong {
  padding: 7px 9px;
  border-radius: 999px;
  background: rgb(255 255 255 / .56);
}

.lead-offer-chip-row span {
  color: #514840;
  font-size: 11px;
  font-weight: 850;
}

.lead-source-empty-state,
.owner-action-empty {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px dashed rgb(218 203 186 / .88);
  border-radius: 16px;
  background: rgb(255 255 255 / .44);
}

.lead-source-empty-state strong,
.owner-action-empty strong {
  color: #151312;
  font-size: 14px;
}

.owner-action-queue-widget {
  background:
    radial-gradient(circle at 84% 10%, rgb(244 223 173 / .28), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #fff7e8 100%);
}

.owner-action-queue-list {
  display: grid;
  gap: 9px;
}

.owner-action-queue-list button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid rgb(232 224 216 / .68);
  border-radius: 16px;
  background: rgb(255 255 255 / .58);
  color: inherit;
  text-align: left;
}

.owner-action-queue-list button.urgent {
  border-color: rgb(var(--signal-red-rgb) / .24);
  background: rgb(255 246 242 / .76);
}

.owner-action-queue-list i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f2dfb4;
  color: #514840;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.owner-action-queue-list button:nth-child(2n) i {
  background: #dcefe4;
}

.owner-action-queue-list button:nth-child(3n) i {
  background: #e8e1fa;
}

.owner-action-queue-list span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.owner-action-queue-list strong {
  overflow: hidden;
  color: #151312;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.owner-action-queue-list em {
  overflow: hidden;
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.owner-action-queue-list b {
  padding: 6px 8px;
  border-radius: 999px;
  background: rgb(255 253 249 / .82);
  color: #5c5a53;
  font-size: 10px;
  font-weight: 900;
}

.owner-action-queue-list button.urgent b {
  color: var(--lotus-red);
}

.visual-location-comparison-widget {
  background:
    radial-gradient(circle at 88% 14%, rgb(185 220 237 / .28), transparent 30%),
    radial-gradient(circle at 18% 88%, rgb(170 166 244 / .16), transparent 32%),
    linear-gradient(135deg, #fffdf9 0%, #f2f8fb 100%);
}

.location-comparison-bars {
  display: grid;
  gap: 12px;
}

.location-comparison-row {
  display: grid;
  grid-template-columns: minmax(128px, .9fr) minmax(190px, 1fr) minmax(170px, .9fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 10px 0;
  border-bottom: 1px solid rgb(232 224 216 / .60);
}

.location-comparison-row:last-child {
  border-bottom: 0;
}

.location-comparison-row > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.location-comparison-row strong {
  color: #151312;
  font-size: 13px;
}

.location-comparison-stack {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.location-comparison-stack i {
  display: block;
  height: 8px;
  border-radius: 999px;
}

.location-comparison-stack i:nth-child(1) {
  background: #7ddcbb;
}

.location-comparison-stack i:nth-child(2) {
  background: #aaa6f4;
}

.location-comparison-stack i:nth-child(3) {
  background: #f2dfb4;
}

.location-comparison-row p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  margin: 0;
}

.location-comparison-row p span {
  padding: 5px 7px;
  border-radius: 999px;
  background: rgb(255 255 255 / .54);
}

.location-comparison-row.unavailable {
  opacity: .68;
}

.location-comparison-row.unavailable .location-comparison-stack i {
  width: 0 !important;
}

@media (max-width: 560px) {
  .location-comparison-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .location-comparison-row p {
    justify-content: flex-start;
  }

  .revenue-command-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lead-source-pack-visual {
    grid-template-columns: 1fr;
  }

  .lead-conversion-ring {
    justify-self: center;
  }
}

.data-completeness-panel {
  display: grid;
  gap: 14px;
}

.data-completeness-panel .panel-heading > span,
.clubright-import-status-panel .panel-heading > span {
  color: var(--lotus-red);
  font-size: 12px;
  font-weight: 800;
}

.completeness-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.completeness-columns > div {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.completeness-columns > div > strong {
  color: #151312;
  font-size: 13px;
}

.completeness-columns article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgb(232 224 216 / .75);
  border-radius: 14px;
  background: #fffdf9;
}

.completeness-columns span {
  color: #151312;
  font-size: 12px;
  font-weight: 800;
}

.completeness-columns em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.3;
}

.lotus-location-row {
  grid-template-columns: minmax(96px, 1fr) minmax(70px, .9fr) auto;
  align-items: center;
}

.lotus-location-row em,
.lotus-location-row b {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.lotus-location-row b {
  grid-column: 2 / -1;
  justify-self: end;
}

.clubright-import-status-panel,
.import-completeness-panel {
  display: grid;
  gap: 14px;
}

.import-location-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.import-location-status-grid article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--lotus-line);
  border-radius: 14px;
  background: #fffdf9;
}

.import-location-status-grid article.not-imported {
  background: #fbf7f1;
}

.import-location-status-grid strong {
  color: #151312;
  font-size: 13px;
}

.import-location-status-grid span,
.import-location-status-grid em,
.import-location-status-grid b {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.import-location-status-grid article.imported span {
  color: #287a5a;
  font-weight: 800;
}

.import-location-status-grid article.not-imported span {
  color: var(--lotus-red);
  font-weight: 800;
}

.import-location-status-grid article.imported .import-visit-status,
.import-location-status-grid article.not-imported .import-visit-status {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.import-safety-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.import-safety-strip span {
  padding: 7px 9px;
  border: 1px solid rgb(232 224 216 / .8);
  border-radius: 12px;
  background: #fbf8f2;
  color: #151312;
  font-size: 12px;
  font-weight: 800;
}

.feature-roadmap-tile {
  display: grid;
  gap: 14px;
  background:
    radial-gradient(circle at 92% 10%, rgb(138 223 189 / .18), transparent 31%),
    linear-gradient(135deg, #fffdf9 0%, #fbf6ef 100%);
}

.feature-roadmap-tile .panel-heading > span {
  color: #5f574f;
  font-size: 12px;
  font-weight: 850;
}

.roadmap-reminder-list {
  display: grid;
  gap: 8px;
}

.roadmap-reminder-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(68px, auto);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 15px;
  background: rgb(255 255 255 / .58);
}

.roadmap-reminder-row i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e6f1e8;
  color: #3f6656;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.roadmap-reminder-row:nth-child(2n) i {
  background: #eee9fb;
  color: #5d5592;
}

.roadmap-reminder-row:nth-child(5n) i {
  background: #f5e7ca;
  color: #735b25;
}

.roadmap-reminder-row span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.roadmap-reminder-row strong {
  color: #151312;
  font-size: 12px;
  line-height: 1.2;
}

.roadmap-reminder-row em {
  color: var(--lotus-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.2;
}

.roadmap-status-chip {
  justify-self: end;
  max-width: 84px;
  padding: 5px 7px;
  border: 1px solid rgb(232 224 216 / .82);
  border-radius: 10px;
  background: rgb(255 253 249 / .78);
  color: #5c554d;
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

.roadmap-priority-high {
  border-color: rgb(var(--signal-red-rgb) / .24);
  background: color-mix(in srgb, var(--signal-red-surface) 78%, transparent);
}

.roadmap-priority-high i,
.roadmap-priority-high .roadmap-status-chip {
  border-color: rgb(var(--signal-red-rgb) / .18);
  background: color-mix(in srgb, var(--signal-red-surface) 86%, transparent);
  color: var(--lotus-red);
}

.roadmap-live-note {
  display: grid;
  gap: 3px;
  padding-top: 10px;
  border-top: 1px solid rgb(232 224 216 / .72);
}

.roadmap-live-note span {
  color: var(--lotus-muted);
  font-size: 10px;
  font-weight: 850;
}

.roadmap-live-note strong {
  color: #151312;
  font-size: 11px;
  line-height: 1.3;
}

.dashboard-roadmap-band {
  display: block;
}

.dashboard-roadmap-band .feature-roadmap-tile {
  padding: 16px;
}

.dashboard-roadmap-band .feature-roadmap-tile .panel-heading {
  align-items: center;
}

.dashboard-roadmap-band .feature-roadmap-tile .panel-heading p {
  max-width: 520px;
}

.dashboard-roadmap-band .roadmap-reminder-list {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.dashboard-roadmap-band .roadmap-reminder-row {
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "icon copy"
    "icon status";
  align-items: start;
}

.dashboard-roadmap-band .roadmap-reminder-row i {
  grid-area: icon;
  margin-top: 1px;
}

.dashboard-roadmap-band .roadmap-reminder-row span {
  grid-area: copy;
}

.dashboard-roadmap-band .roadmap-status-chip {
  grid-area: status;
  justify-self: start;
  max-width: none;
  margin-top: 4px;
}

.dashboard-roadmap-band .roadmap-live-note {
  grid-template-columns: 1fr;
  align-items: start;
}

.lotus-right-rail .feature-roadmap-tile {
  gap: 11px;
  padding: 18px;
}

.lotus-right-rail .feature-roadmap-tile .panel-heading p {
  max-width: 210px;
}

.lotus-right-rail .roadmap-reminder-list {
  gap: 6px;
}

.lotus-right-rail .roadmap-reminder-row {
  grid-template-columns: 30px minmax(0, 1fr) minmax(62px, auto);
  gap: 7px;
  padding: 6px 7px;
}

.lotus-right-rail .roadmap-reminder-row i {
  width: 26px;
  height: 26px;
  font-size: 9px;
}

.lotus-right-rail .roadmap-reminder-row strong {
  font-size: 11px;
}

.lotus-right-rail .roadmap-reminder-row em {
  font-size: 9.5px;
}

.lotus-right-rail .roadmap-status-chip {
  max-width: 74px;
  padding: 4px 6px;
  font-size: 8.5px;
}

.lotus-right-rail .roadmap-live-note {
  padding-top: 8px;
}

.lotus-right-rail {
  display: grid;
  gap: 18px;
}

.lotus-right-rail section {
  padding: 20px;
}

/* Owner Decisions Questionnaire */
.owner-decisions-page {
  display: grid;
  gap: 18px;
}

.owner-decision-summary-panel {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr) minmax(240px, 320px);
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgb(218 211 202 / .82);
  border-radius: 22px;
  background: #fffdf9;
  box-shadow: 0 18px 44px rgb(70 58 46 / .08);
}

.owner-decision-progress-ring {
  --decision-progress: 0%;
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background:
    radial-gradient(circle, #fffdf9 0 55%, transparent 56%),
    conic-gradient(#3f6656 var(--decision-progress), #e9dfd2 0);
}

.owner-decision-progress-ring strong {
  color: #171412;
  font-size: 28px;
  font-weight: 950;
}

.owner-decision-progress-ring span {
  margin-top: -36px;
  color: #71685f;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.owner-decision-summary-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.owner-decision-eyebrow,
.owner-decision-output-column span,
.owner-decision-question-card > div:first-child > span {
  color: #7a6e63;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.owner-decision-summary-copy h3 {
  margin: 0;
  color: #171412;
  font-size: 26px;
  line-height: 1.05;
}

.owner-decision-summary-copy p,
.owner-decision-sandbox-panel p {
  margin: 0;
  color: #625950;
  font-size: 13px;
  line-height: 1.5;
}

.owner-decision-status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.owner-decision-status-strip span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid rgb(218 211 202 / .82);
  border-radius: 12px;
  background: #fbf6ef;
  color: #625950;
  font-size: 11px;
  font-weight: 850;
}

.owner-decision-status-strip strong {
  color: #171412;
}

.owner-decision-sandbox-panel {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid rgb(var(--signal-red-rgb) / .22);
  border-radius: 16px;
  background: #fff6f2;
}

.owner-decision-sandbox-panel span {
  color: var(--signal-red);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.owner-decision-sandbox-panel strong {
  color: var(--signal-red);
  font-size: 34px;
  line-height: 1;
}

.payment-sandbox-readiness-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgb(var(--signal-red-rgb) / .22);
  border-radius: 16px;
  background: #fffaf5;
  box-shadow: 0 12px 30px rgb(70 58 46 / .06);
}

.payment-sandbox-readiness-heading,
.payment-sandbox-readiness-boundary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.payment-sandbox-readiness-heading div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.payment-sandbox-readiness-heading strong,
.payment-sandbox-readiness-blockers strong {
  color: #171412;
  font-size: 16px;
  font-weight: 950;
}

.payment-sandbox-readiness-heading span,
.payment-sandbox-readiness-boundary span,
.payment-sandbox-readiness-blockers p {
  color: #625950;
  font-size: 12px;
  line-height: 1.45;
}

.payment-sandbox-readiness-heading em {
  padding: 7px 9px;
  border-radius: 999px;
  background: var(--signal-red-surface);
  color: var(--signal-red);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.payment-sandbox-readiness-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.payment-sandbox-readiness-grid article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(218 211 202 / .82);
  border-radius: 12px;
  background: #fffdf9;
}

.payment-sandbox-readiness-grid span {
  color: #7a6e63;
  font-size: 11px;
  font-weight: 850;
}

.payment-sandbox-readiness-grid strong {
  color: var(--signal-red);
  font-size: 13px;
  font-weight: 950;
}

.payment-sandbox-readiness-grid article.ready strong {
  color: #2e6b4d;
}

.payment-sandbox-readiness-boundary {
  justify-content: flex-start;
}

.payment-sandbox-readiness-boundary span {
  padding: 6px 8px;
  border-radius: 999px;
  background: #f5eee5;
  font-weight: 850;
}

.payment-sandbox-readiness-blockers {
  display: grid;
  gap: 6px;
}

.payment-sandbox-readiness-blockers p {
  margin: 0;
}

@media (max-width: 720px) {
  .payment-sandbox-readiness-grid {
    grid-template-columns: 1fr;
  }
}

.owner-decision-board-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 18px;
  align-items: start;
}

.owner-decision-category-grid {
  display: grid;
  gap: 14px;
}

.owner-decision-category-card,
.owner-decision-action-queue,
.owner-decision-output-panel {
  border: 1px solid rgb(218 211 202 / .82);
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: 0 12px 30px rgb(70 58 46 / .06);
}

.owner-decision-category-card {
  display: grid;
  gap: 12px;
  padding: 15px;
}

.owner-decision-category-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.owner-decision-category-heading span {
  color: #766b61;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.owner-decision-category-heading h3 {
  margin: 3px 0 0;
  color: #171412;
  font-size: 18px;
  line-height: 1.2;
}

.owner-decision-category-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.owner-decision-category-meta b,
.owner-decision-category-meta em,
.owner-decision-category-meta strong {
  padding: 6px 8px;
  border-radius: 10px;
  background: #f4eee5;
  color: #544c45;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.owner-decision-category-meta em {
  background: #eaf4ee;
  color: #3f6656;
}

.owner-decision-category-meta strong {
  background: #f5e7ca;
  color: #735b25;
}

.owner-danger-lockdown {
  border-color: rgb(var(--signal-red-rgb) / .3);
  background: #fff8f5;
}

.owner-danger-lockdown .owner-decision-category-meta em,
.owner-danger-lockdown .owner-decision-category-meta strong {
  background: var(--signal-red-surface);
  color: var(--signal-red);
}

.owner-decision-question-list {
  display: grid;
  gap: 10px;
}

.owner-decision-question-card {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(280px, 1.2fr);
  gap: 14px;
  align-items: start;
  padding: 12px 0;
  border-top: 1px solid rgb(226 218 208 / .82);
}

.owner-decision-question-card h4 {
  margin: 4px 0 6px;
  color: #1a1714;
  font-size: 14px;
  line-height: 1.35;
}

.owner-decision-question-card p {
  margin: 0;
  color: #6b6259;
  font-size: 12px;
  line-height: 1.45;
}

.owner-decision-answer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.owner-decision-answer {
  display: grid;
  gap: 2px;
  min-height: 44px;
  padding: 8px 9px;
  border: 1px solid rgb(218 211 202 / .9);
  border-radius: 10px;
  background: #fbf7f1;
  color: #3c3732;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.owner-decision-answer:hover,
.owner-decision-answer.selected {
  border-color: rgb(63 102 86 / .42);
  background: #eaf4ee;
  color: #263f35;
}

.owner-decision-answer.recommended {
  border-style: dashed;
}

.owner-decision-answer span {
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.owner-decision-answer em {
  color: #5e6f4f;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.owner-decision-action-queue {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.owner-decision-action-queue article {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 12px;
  background: #fbf6ef;
}

.owner-decision-action-queue strong {
  color: #171412;
  font-size: 12px;
}

.owner-decision-action-queue span {
  color: #625950;
  font-size: 12px;
  line-height: 1.4;
}

.owner-decision-output-panel {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 15px;
}

.owner-decision-output-column {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border-radius: 12px;
  background: #fbf6ef;
}

.owner-decision-output-column p {
  margin: 0;
  color: #4f473f;
  font-size: 11px;
  line-height: 1.45;
}

.owner-decision-not-allowed {
  background: #fff1ec;
}

.owner-decision-not-allowed span {
  color: var(--signal-red);
}

.owner-decision-output-panel .secondary-action {
  grid-column: 1 / -1;
  justify-self: start;
}

.owner-decision-copy-source {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1180px) {
  .owner-decision-summary-panel,
  .owner-decision-board-layout {
    grid-template-columns: 1fr;
  }

  .owner-decision-progress-ring {
    width: 104px;
    height: 104px;
  }

  .owner-decision-action-queue {
    position: static;
  }

  .owner-decision-output-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .owner-decision-summary-panel,
  .owner-decision-category-card,
  .owner-decision-output-panel {
    border-radius: 14px;
    padding: 12px;
  }

  .owner-decision-category-heading,
  .owner-decision-question-card,
  .owner-decision-answer-grid,
  .owner-decision-output-panel {
    grid-template-columns: 1fr;
  }

  .owner-decision-category-meta {
    justify-content: flex-start;
  }
}

.lotus-right-rail .panel-heading span {
  color: var(--lotus-red);
  font-weight: 800;
}

.lotus-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  margin-top: 18px;
  text-align: center;
}

.lotus-calendar-grid span {
  color: var(--lotus-muted);
  font-size: 12px;
}

.lotus-calendar-grid b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  border-radius: 50%;
  color: #090909;
  font-size: 14px;
}

.lotus-calendar-grid .today {
  background: var(--lotus-lavender);
}

.lotus-action-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.lotus-action-list button {
  display: grid;
  gap: 5px;
  width: 100%;
  padding: 14px;
  border: 0;
  border-radius: 18px;
  background: #f8f4ef;
  color: var(--lotus-ink);
  text-align: left;
}

.lotus-action-list strong,
.lotus-source-list strong,
.lotus-overview-list strong,
.lotus-location-row strong {
  color: #090909;
}

.lotus-action-list em {
  color: var(--lotus-muted);
  font-size: 13px;
  font-style: normal;
  line-height: 1.35;
}

.screen-command-header,
.member-command-header {
  border: 0;
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: var(--lotus-shadow);
}

.screen-command-header {
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  padding: 18px;
}

.member-command-header {
  padding: 18px;
}

.hero-mini-grid,
.member-status-strip,
.member-filter-bar,
.lead-focus-row {
  gap: 14px;
}

.mini-stat,
.member-filter-chip,
.lead-focus-card {
  border: 1px solid var(--lotus-line);
  border-radius: var(--lotus-radius-md);
  background: var(--lotus-surface);
  box-shadow: 0 10px 26px rgb(88 68 52 / .06);
  color: var(--lotus-ink);
}

.member-filter-chip.active,
.lead-focus-card:first-child {
  background: var(--lotus-mint);
  color: #173329;
}

.premium-member-layout,
.lead-reference-layout,
.recovery-board,
.money-recovery-board {
  gap: 22px;
}

.premium-members .member-profile-preview,
.premium-members .premium-member-list,
.lead-reference-layout .lead-kanban,
.lead-context-rail section,
.recovery-screen .case-board {
  padding: 18px;
}

.lead-card,
.member-intel-card,
.money-recovery-card,
.winback-recovery-card,
.recovery-card {
  border: 1px solid var(--lotus-line);
  border-radius: var(--lotus-radius-md);
  background: #fbf8f2;
  box-shadow: none;
  color: var(--lotus-ink);
}

.lead-card:hover,
.member-intel-card:hover,
.money-recovery-card:hover,
.winback-recovery-card:hover,
.recovery-card:hover {
  border-color: #dccfc2;
  background: #fffdfb;
  box-shadow: 0 10px 26px rgb(88 68 52 / .08);
}

.lead-card.selected,
.member-intel-card.selected {
  border-color: var(--lotus-mint-deep);
  background: #eef8f1;
}

.lead-card.hot,
.lead-card.overdue,
.money-recovery-card.critical,
.money-recovery-card.high,
.winback-recovery-card.high {
  border-color: var(--signal-red-border);
  background: #fff8f5;
}

.status-badge,
.lead-timer,
.case-type {
  border: 1px solid var(--lotus-line);
  border-radius: 999px;
  background: var(--lotus-surface);
  color: #615b57;
}

.case-metrics span,
.recovery-metrics span,
.member-intel-grid > span,
.member-preview-grid article {
  border: 1px solid var(--lotus-line);
  border-radius: 14px;
  background: var(--lotus-surface);
}

.detail-drawer {
  background: var(--lotus-surface);
  border-left: 1px solid var(--lotus-line);
}

@media (max-width: 1300px) {
  #app {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 20px;
  }

  .light-lotus-dashboard .reference-dashboard-workspace,
  .lotus-insight-grid,
  .lotus-lower-grid {
    grid-template-columns: 1fr;
  }

  .lotus-right-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  #app {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .sidebar {
    position: static;
  }

  .app-header,
  .light-lotus-dashboard .reference-dashboard-metrics,
  .lotus-right-rail {
    grid-template-columns: 1fr;
  }
}

/* Dashboard and secondary screen redesign pass. */
.dashboard-customise-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 92px;
  height: 34px !important;
  margin-top: 8px;
  padding: 0 12px;
}

.dashboard-layout-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -4px 0 14px;
  padding: 10px 12px;
  border: 1px solid rgb(226 216 206 / .75);
  border-radius: 14px;
  background: #fffdf9;
}

.dashboard-layout-toolbar span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-weight: 800;
}

.dashboard-api-state,
.dashboard-api-summary {
  border: 1px solid rgb(226 216 206 / .75);
  border-radius: 14px;
  background: #fffdf9;
  color: var(--lotus-ink);
}

.dashboard-api-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -8px 0 12px;
  padding: 10px 12px;
}

.dashboard-api-state div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.dashboard-api-state strong,
.dashboard-api-summary strong {
  overflow: hidden;
  color: var(--lotus-ink);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-api-state span,
.dashboard-api-state em,
.dashboard-api-summary span,
.dashboard-api-summary em {
  min-width: 0;
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
}

.dashboard-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.dashboard-api-state.fallback,
.dashboard-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.dashboard-api-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: -4px 0 14px;
  padding: 10px;
}

.dashboard-api-summary article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgb(232 224 216 / .72);
  border-radius: 11px;
  background: #fffaf5;
}

@media (max-width: 980px) {
  .dashboard-api-state,
  .dashboard-layout-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .dashboard-api-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .dashboard-api-summary {
    grid-template-columns: 1fr;
  }

  .light-lotus-dashboard .reference-dashboard-workspace,
  .light-lotus-dashboard .lotus-main-column,
  .light-lotus-dashboard .lotus-insight-grid,
  .light-lotus-dashboard .reference-right-rail,
  .light-lotus-dashboard .role-dashboard-grid,
  .light-lotus-dashboard .reference-visual-panel,
  .light-lotus-dashboard .role-panel,
  .light-lotus-dashboard .rail-section {
    min-width: 0;
    max-width: 100%;
  }

  .light-lotus-dashboard .lotus-insight-grid,
  .light-lotus-dashboard .lotus-lower-grid,
  .light-lotus-dashboard .reference-dashboard-workspace,
  .light-lotus-dashboard .role-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .light-lotus-dashboard .panel-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  .light-lotus-dashboard .panel-heading span,
  .light-lotus-dashboard .in-club-empty-state em,
  .light-lotus-dashboard .dashboard-api-summary span,
  .light-lotus-dashboard .dashboard-api-summary strong,
  .light-lotus-dashboard .dashboard-api-summary em {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .light-lotus-dashboard .lotus-calendar-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .light-lotus-dashboard .revenue-ledger {
    grid-template-columns: 1fr;
  }
}

.dashboard-customise-panel {
  position: fixed;
  z-index: 20;
  right: 24px;
  top: 88px;
  display: grid;
  width: min(420px, calc(100vw - 32px));
  max-height: calc(100vh - 120px);
  gap: 14px;
  overflow: auto;
  padding: 18px;
  border: 1px solid rgb(226 216 206 / .95);
  border-radius: 16px;
  background: #fffdf9;
  box-shadow: 0 18px 42px rgb(72 54 42 / .14);
}

.dashboard-module-control-list {
  display: grid;
  gap: 8px;
}

.dashboard-module-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 12px;
  background: #fbf7f1;
}

.dashboard-module-control.hidden {
  opacity: .62;
}

.dashboard-module-control label,
.dashboard-module-control span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.dashboard-module-control button {
  padding: 5px 8px;
  border: 1px solid rgb(226 216 206 / .95);
  border-radius: 8px;
  background: #fffdf9;
  color: #5f554c;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}

.dashboard-primary-modules {
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  align-items: stretch;
}

.dashboard-primary-modules .lotus-member-snapshot {
  order: -2;
}

.lead-source-intelligence {
  display: grid;
  gap: 14px;
  background:
    radial-gradient(circle at 90% 14%, color-mix(in srgb, var(--signal-red-surface) 18%, transparent), transparent 32%),
    #fffdf9;
}

.lead-source-intelligence .panel-heading > span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f1e8dd;
  color: #151312;
  font-size: 16px;
  font-weight: 900;
}

.lead-source-rank {
  display: grid;
  gap: 9px;
}

.lead-source-rank article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) minmax(80px, .65fr) auto;
  gap: 10px;
  align-items: center;
}

.lead-source-rank b {
  color: var(--lotus-muted);
  font-size: 11px;
}

.lead-source-rank strong {
  color: #151312;
  font-size: 13px;
}

.lead-source-rank em {
  display: block;
  overflow: hidden;
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lead-source-rank i,
.comparison-bar {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #eee8e0;
}

.lead-source-rank i span,
.comparison-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #8adfbd;
}

.visits-time-module {
  display: grid;
  gap: 14px;
  background: linear-gradient(135deg, #fffdf9, #faf5ee);
}

.visits-time-module .panel-heading > span {
  color: #151312;
  font-size: 13px;
  font-weight: 900;
}

.visits-time-grid {
  display: grid;
  gap: 6px;
}

.visits-time-grid article {
  display: grid;
  grid-template-columns: 34px repeat(6, minmax(0, 1fr));
  gap: 5px;
  align-items: center;
}

.visits-time-grid strong {
  color: var(--lotus-muted);
  font-size: 11px;
}

.visits-time-grid i {
  height: 18px;
  border-radius: 6px;
  background: #8adfbd;
}

.visits-time-summary,
.recovery-stage-strip,
.save-desk-stage-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.visits-time-summary span,
.recovery-stage-strip article,
.save-desk-stage-strip article {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 12px;
  background: #fffdf9;
}

.visits-time-summary em,
.recovery-stage-strip span,
.save-desk-stage-strip span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.visits-time-summary strong,
.recovery-stage-strip strong,
.save-desk-stage-strip strong {
  color: #151312;
  font-size: 13px;
}

.crm-soft-avatar {
  display: inline-grid;
  place-items: center;
  border: 1px solid rgb(255 255 255 / .7);
  color: #151312;
  font-style: normal;
  font-weight: 900;
}

.crm-soft-avatar.tone-0 { background: #f1e8dd; }
.crm-soft-avatar.tone-1 { background: #e8efe6; }
.crm-soft-avatar.tone-2 { background: #eee7f2; }
.crm-soft-avatar.tone-3 { background: var(--signal-red-surface); }
.crm-soft-avatar.tone-4 { background: #e8f2ef; }

.premium-directory-board .premium-member-layout,
.recovery-workflow-rail,
.save-desk-layout,
.accountability-cockpit,
.communication-command-centre .communication-case-board,
.imports-screen .mapping-board,
.access-command-console {
  gap: 14px;
}

.premium-directory-board .member-command-header,
.recovery-screen .screen-command-header,
.cancellation-screen .screen-command-header,
.accountability-screen .screen-command-header,
.communication-command-centre .screen-command-header,
.imports-screen .screen-command-header,
.access-simulator-page .screen-command-header {
  padding-bottom: 10px;
}

.member-signal-rail section,
.manager-performance-ranking .manager-card,
.communication-command-centre .comm-case-card,
.import-confidence-grid,
.access-command-console .access-decision-panel {
  border-color: rgb(226 216 206 / .88);
  border-radius: 14px;
  background: #fffdf9;
  box-shadow: 0 8px 18px rgb(72 54 42 / .06);
}

.owner-scorecard-head {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.comm-case-top {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.recovery-stage-strip,
.save-desk-stage-strip {
  margin-bottom: 14px;
}

.access-command-console {
  align-items: start;
}

/* Members/Profile Tailwind-informed pattern pass. Pattern inspiration only; Light Lotus remains source of truth. */
.member-crm-directory-shell {
  gap: 18px;
}

.member-directory-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  align-items: end;
}

.member-directory-toolbar h2 {
  margin: 0;
  color: var(--lotus-ink);
  font-size: 26px;
  letter-spacing: 0;
}

.member-directory-toolbar p {
  max-width: 560px;
}

.member-insight-stat-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.member-profile-identity-card {
  display: grid;
  gap: 16px;
  align-content: start;
  border-color: rgb(218 207 194 / .9);
  background:
    linear-gradient(135deg, rgb(255 255 255 / .96), rgb(250 246 241 / .95)),
    var(--lotus-surface);
}

.member-profile-identity-card .member-preview-head {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
}

.member-profile-identity-card .crm-soft-avatar,
.member-profile-drawer .crm-soft-avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
}

.member-profile-identity-card .status-badge {
  justify-self: end;
}

.member-profile-identity-card p {
  margin: 0;
  color: var(--lotus-muted);
  font-size: 13px;
  line-height: 1.55;
}

.compact-member-row {
  display: grid;
  gap: 12px;
  padding: 14px 15px;
  border-radius: 12px;
}

.compact-member-row:has(.status-badge.hot) {
  border-color: rgb(226 216 206 / .86);
  border-left-color: rgb(218 207 194 / .9);
  background: rgb(255 253 250 / .88);
}

.compact-member-row .member-intel-head {
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
}

.compact-member-row .crm-soft-avatar,
.member-drawer-timeline-row .crm-soft-avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
}

.compact-member-row .member-intel-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.member-empty-state {
  display: grid;
  gap: 5px;
  padding: 18px;
  border: 1px dashed rgb(205 193 181 / .9);
  border-radius: 12px;
  background: rgb(255 253 250 / .72);
}

.member-empty-state strong {
  color: var(--lotus-ink);
  font-size: 14px;
}

.member-empty-state span {
  color: var(--lotus-muted);
  font-size: 12px;
  line-height: 1.45;
}

.member-action-rail-card {
  display: grid;
  gap: 5px;
}

.member-action-rail-card em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.member-profile-drawer {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.member-drawer-profile-header {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgb(221 211 199 / .9);
  border-radius: 14px;
  background: rgb(255 253 250 / .92);
}

.member-drawer-identity {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.member-drawer-identity span,
.member-drawer-identity em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

.member-drawer-identity strong {
  display: block;
  margin: 2px 0;
  color: var(--lotus-ink);
  font-size: 19px;
  letter-spacing: 0;
}

.member-drawer-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.member-drawer-visit-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.drawer-insight-grid .member-drawer-visit-summary {
  grid-column: span 2;
  grid-template-columns: 1fr;
}

.drawer-insight-grid .member-drawer-visit-summary > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.member-drawer-visit-summary article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .82);
  border-radius: 10px;
  background: var(--lotus-surface);
}

.member-drawer-visit-summary span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 800;
}

.member-drawer-visit-summary strong {
  min-width: 0;
  color: var(--lotus-ink);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.member-drawer-timeline-row {
  grid-template-columns: 36px minmax(80px, .7fr) minmax(110px, .9fr) minmax(0, 1.4fr);
  align-items: center;
}

.member-drawer-timeline-row .crm-soft-avatar {
  width: 34px;
  height: 34px;
  min-width: 34px;
  font-size: 11px;
}

.member-drawer-sticky-actions {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-color: rgb(214 202 190 / .94);
  background: rgb(255 253 250 / .96);
  backdrop-filter: blur(8px);
}

.member-drawer-sticky-actions span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-weight: 800;
}

/* Recovery Visual Integration: secondary lab money-recovery command screen. */
.recovery-visual-command-screen {
  --recovery-mint: #dfeee6;
  --recovery-lavender: #eee7f2;
  --recovery-cream: #fff2dc;
  --recovery-peach: var(--signal-red-surface);
  --recovery-line: rgb(226 216 206 / .78);
}

.recovery-api-state,
.recovery-api-toolbar,
.recovery-api-case-strip,
.recovery-screen-empty-state {
  border: 1px solid var(--recovery-line);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
  color: var(--lotus-ink);
}

.recovery-api-state,
.recovery-api-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
}

.recovery-api-state strong,
.recovery-api-toolbar span,
.recovery-api-case-strip strong,
.recovery-screen-empty-state strong {
  color: var(--lotus-ink);
  font-size: 13px;
}

.recovery-api-state span,
.recovery-api-state em,
.recovery-api-toolbar label,
.recovery-api-toolbar select,
.recovery-api-case-strip span,
.recovery-api-case-strip em,
.recovery-screen-empty-state span,
.recovery-screen-empty-state em {
  min-width: 0;
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.recovery-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.recovery-api-state.fallback,
.recovery-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.recovery-api-toolbar label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.recovery-api-toolbar select {
  min-width: 148px;
  border: 1px solid rgb(232 224 216 / .9);
  border-radius: 10px;
  background: #fffdf9;
  padding: 7px 9px;
}

.recovery-api-case-strip {
  display: grid;
  grid-template-columns: minmax(190px, 1.1fr) repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  padding: 12px;
}

.recovery-api-case-strip > div,
.recovery-api-case-strip article,
.recovery-screen-empty-state {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.recovery-api-case-strip article {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  border-left: 1px solid rgb(226 216 206 / .72);
  padding-left: 10px;
}

.recovery-api-case-strip article span {
  display: grid;
  gap: 3px;
}

.recovery-api-case-strip article b {
  color: var(--lotus-ink);
  font-size: 13px;
}

.recovery-screen-empty-state {
  padding: 14px;
}

.recovery-kpi-value-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.recovery-kpi-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--recovery-line);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
  box-shadow: 0 10px 22px rgb(88 68 52 / .055);
}

.recovery-kpi-card.outstanding {
  background: linear-gradient(135deg, rgb(255 242 220 / .96), rgb(255 253 249 / .92));
}

.recovery-kpi-card.recovered {
  background: linear-gradient(135deg, rgb(226 238 230 / .96), rgb(255 253 249 / .92));
}

.recovery-kpi-card.urgent {
  background: linear-gradient(135deg, color-mix(in srgb, var(--signal-red-surface) 78%, transparent), rgb(255 253 249 / .94));
}

.recovery-kpi-card.winback {
  background: linear-gradient(135deg, rgb(238 231 242 / .88), rgb(255 253 249 / .94));
}

.recovery-kpi-card.chased {
  background: linear-gradient(135deg, rgb(232 243 239 / .9), rgb(255 253 249 / .94));
}

.recovery-kpi-card span,
.recovery-value-meter-widget span,
.chase-status-timeline span,
.owner-recovery-queue span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 850;
}

.recovery-kpi-card strong {
  color: var(--lotus-ink);
  font-size: 27px;
  line-height: 1;
}

.recovery-kpi-card b,
.recovery-kpi-card em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.recovery-kpi-card em,
.recovery-meter-bars,
.recovery-likelihood-bar,
.owner-recovery-queue em {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(94 80 68 / .09);
}

.recovery-kpi-card em i,
.owner-recovery-queue em i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #b8d7c6;
}

.recovery-visual-command-screen .recovery-priority-urgency-module {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.recovery-visual-command-screen .recovery-priority-urgency-module article {
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgb(226 238 230 / .72), transparent 38%),
    rgb(255 253 249 / .92);
}

.recovery-visual-workspace {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .82fr);
  gap: 16px;
  align-items: start;
}

.recovery-payment-command-lane,
.winback-queue-visual,
.recovery-command-rail {
  border-radius: 18px;
}

.recovery-payment-command-lane {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.failed-payment-case-card,
.winback-queue-visual .winback-recovery-card {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--recovery-line);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgb(255 255 255 / .96), rgb(255 253 249 / .9));
  box-shadow: 0 12px 26px rgb(88 68 52 / .055);
  color: var(--lotus-ink);
  text-align: left;
}

.failed-payment-case-card::after,
.winback-queue-visual .winback-recovery-card::after {
  content: "";
  position: absolute;
  inset: 13px auto 13px 0;
  width: 4px;
  border-radius: 999px;
  background: #d8c28b;
}

.failed-payment-case-card.critical::after {
  background: var(--signal-red);
}

.failed-payment-case-card.high::after {
  background: #d8c28b;
}

.winback-queue-visual .winback-recovery-card::after {
  background: #c5bdd9;
}

.recovery-card-open {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.recovery-card-open .case-title-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.recovery-card-open strong {
  min-width: 0;
  overflow: hidden;
  color: var(--lotus-ink);
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recovery-case-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.recovery-case-topline b {
  color: var(--lotus-ink);
  font-size: 22px;
  line-height: 1;
}

.overdue-risk-badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgb(226 216 206 / .8);
  border-radius: 999px;
  background: rgb(255 242 220 / .84);
  color: #5e554d;
  font-size: 11px;
  font-weight: 900;
}

.overdue-risk-badge.critical {
  border-color: rgb(var(--signal-red-rgb) / .24);
  background: color-mix(in srgb, var(--signal-red-surface) 78%, transparent);
  color: var(--signal-red);
}

.overdue-risk-badge.high {
  background: rgb(255 242 220 / .9);
}

.overdue-risk-badge.winback {
  background: rgb(238 231 242 / .88);
  color: #51485f;
}

.failed-payment-case-card .recovery-metrics,
.winback-queue-visual .recovery-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.winback-queue-visual .recovery-metrics {
  grid-template-columns: .65fr 1fr;
}

.failed-payment-case-card .recovery-metrics span,
.winback-queue-visual .recovery-metrics span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgb(226 216 206 / .65);
  border-radius: 12px;
  background: rgb(255 250 245 / .72);
}

.failed-payment-case-card .recovery-metrics em,
.winback-queue-visual .recovery-metrics em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.failed-payment-case-card .recovery-metrics b,
.winback-queue-visual .recovery-metrics b {
  min-width: 0;
  overflow: hidden;
  color: var(--lotus-ink);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recovery-likelihood-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #b8d7c6;
}

.failed-payment-case-card p,
.winback-queue-visual .winback-recovery-card p {
  margin: 0;
  color: var(--lotus-muted);
  font-size: 13px;
  line-height: 1.4;
}

.retry-contact-action-strip {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) repeat(2, minmax(80px, .8fr));
  gap: 8px;
}

.retry-contact-action-strip .primary-action,
.retry-contact-action-strip .secondary-action {
  min-height: 36px;
  padding-inline: 10px;
}

.recovery-command-rail {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgb(255 242 220 / .72), transparent 40%),
    rgb(255 253 249 / .92);
}

.recovery-value-meter-widget,
.recovery-demo-summary,
.recovered-outstanding-visual,
.chase-status-timeline,
.owner-recovery-queue {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid var(--recovery-line);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
}

.recovery-value-meter-widget {
  background:
    radial-gradient(circle at 88% 0%, rgb(226 238 230 / .8), transparent 42%),
    rgb(255 253 249 / .94);
}

.recovery-value-meter-widget strong {
  color: var(--lotus-ink);
  font-size: 24px;
}

.recovery-value-meter-widget em,
.recovery-value-meter-widget b {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.recovery-meter-bars {
  display: flex;
  height: 10px;
}

.recovery-meter-bars i {
  display: block;
  height: 100%;
}

.recovery-meter-bars .recovered {
  background: #9fcdb4;
}

.recovery-meter-bars .open {
  background: #e5cf9e;
}

.chase-status-timeline article {
  display: grid;
  grid-template-columns: 14px minmax(56px, .55fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.chase-status-timeline article i {
  width: 9px;
  height: 9px;
  border: 2px solid #d8c28b;
  border-radius: 50%;
  background: #fffdf9;
}

.chase-status-timeline article i.done {
  border-color: #8bbf9d;
  background: #dfeee6;
}

.chase-status-timeline article i.critical {
  border-color: var(--signal-red-border);
}

.chase-status-timeline article strong,
.chase-status-timeline article b {
  min-width: 0;
  color: var(--lotus-ink);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.owner-recovery-queue article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) minmax(80px, .62fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
}

.owner-recovery-queue .crm-soft-avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
}

.owner-recovery-queue strong,
.owner-recovery-queue b {
  color: var(--lotus-ink);
  font-size: 13px;
}

.owner-recovery-queue div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.owner-recovery-queue div span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.winback-queue-visual {
  display: grid;
  gap: 12px;
  grid-column: 1 / -1;
  background:
    linear-gradient(135deg, rgb(255 253 249 / .95), rgb(248 244 239 / .88));
}

.winback-action-strip {
  grid-template-columns: minmax(120px, 1fr) minmax(100px, .7fr);
}

@media (max-width: 1180px) {
  .recovery-kpi-value-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recovery-api-case-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recovery-visual-workspace {
    grid-template-columns: 1fr;
  }

  .winback-queue-visual {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .recovery-api-state,
  .recovery-api-toolbar,
  .recovery-api-case-strip {
    align-items: stretch;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .recovery-api-toolbar label,
  .recovery-api-toolbar select {
    width: 100%;
  }

  .recovery-api-case-strip article {
    border-left: 0;
    border-top: 1px solid rgb(226 216 206 / .72);
    padding-top: 10px;
    padding-left: 0;
  }

  .recovery-kpi-value-strip,
  .recovery-visual-command-screen .recovery-priority-urgency-module,
  .failed-payment-case-card .recovery-metrics,
  .winback-queue-visual .recovery-metrics,
  .retry-contact-action-strip,
  .winback-action-strip,
  .owner-recovery-queue article {
    grid-template-columns: 1fr;
  }

  .chase-status-timeline article {
    grid-template-columns: 12px minmax(0, 1fr) auto;
  }

  .chase-status-timeline article span {
    display: none;
  }
}

/* Members Visual Integration: secondary lab command screen. */
.members-visual-command-screen {
  --member-mint: #dfeee6;
  --member-lavender: #eee7f2;
  --member-cream: #fff2dc;
  --member-peach: var(--signal-red-surface);
  --member-rose: var(--signal-red-surface);
}

.members-visual-command-screen .member-directory-toolbar {
  padding: 18px;
  border: 1px solid rgb(221 211 199 / .72);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgb(226 238 230 / .9), transparent 33%),
    linear-gradient(135deg, rgb(255 253 249 / .97), rgb(249 244 238 / .9));
  box-shadow: 0 14px 34px rgb(88 68 52 / .07);
}

.members-api-state,
.members-api-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgb(226 216 206 / .75);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
  padding: 10px 12px;
  color: var(--lotus-ink);
}

.members-api-state strong,
.members-api-toolbar strong,
.members-api-toolbar b {
  color: var(--lotus-ink);
  font-size: 13px;
}

.members-api-state span,
.members-api-state em,
.members-api-toolbar span,
.members-api-toolbar em,
.members-api-toolbar b {
  min-width: 0;
  font-style: normal;
}

.members-api-state span,
.members-api-state em,
.members-api-toolbar em,
.members-api-toolbar b {
  color: var(--lotus-muted);
  font-size: 12px;
  font-weight: 750;
}

.members-api-toolbar span {
  display: grid;
  gap: 3px;
}

.members-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.members-api-state.fallback,
.members-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.members-screen-empty-state {
  padding: 14px;
}

.member-kpi-status-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.member-kpi-tile {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgb(226 216 206 / .75);
  border-radius: 16px;
  background: rgb(255 253 249 / .88);
  box-shadow: 0 10px 22px rgb(88 68 52 / .055);
}

.member-kpi-tile.active { background: linear-gradient(135deg, rgb(226 238 230 / .96), rgb(255 253 249 / .92)); }
.member-kpi-tile.imported { background: linear-gradient(135deg, rgb(238 231 242 / .95), rgb(255 253 249 / .94)); }
.member-kpi-tile.watch { background: linear-gradient(135deg, rgb(255 242 220 / .96), rgb(255 253 249 / .92)); }
.member-kpi-tile.billing { background: linear-gradient(135deg, color-mix(in srgb, var(--signal-red-surface) 88%, transparent), rgb(255 253 249 / .94)); }
.member-kpi-tile.visits { background: linear-gradient(135deg, rgb(232 243 239 / .9), rgb(255 253 249 / .94)); }

.member-kpi-tile span,
.member-health-meter-widget span,
.member-visit-frequency-widget span,
.member-owner-head span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 850;
}

.member-kpi-tile strong {
  color: var(--lotus-ink);
  font-size: 28px;
  line-height: 1;
}

.member-kpi-tile b,
.member-kpi-tile em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.member-kpi-tile em {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(94 80 68 / .09);
}

.member-kpi-tile em i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #b8d7c6;
}

.members-visual-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .85fr);
  gap: 16px;
  align-items: start;
}

.members-main-command {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.member-watch-visual-row {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 12px;
}

.member-health-meter-widget,
.member-visit-frequency-widget,
.selected-member-side-rail,
.member-profile-hero-block,
.member-owner-next-action-card,
.member-activity-timeline-spine,
.member-contact-action-cluster,
.member-side-signal-grid {
  border: 1px solid rgb(226 216 206 / .76);
  border-radius: 18px;
  background: rgb(255 253 249 / .9);
  box-shadow: 0 12px 28px rgb(88 68 52 / .06);
}

.member-health-meter-widget,
.member-visit-frequency-widget {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px;
}

.member-health-meter-widget {
  background:
    radial-gradient(circle at 18% 20%, rgb(223 238 230 / .95), transparent 48%),
    rgb(255 253 249 / .92);
}

.member-health-meter-widget.hot {
  background:
    radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--signal-red-surface) 90%, transparent), transparent 48%),
    rgb(255 253 249 / .92);
}

.member-health-ring {
  position: relative;
  width: 82px;
  height: 82px;
}

.member-health-ring svg {
  width: 82px;
  height: 82px;
  transform: rotate(-90deg);
}

.member-health-ring circle {
  fill: none;
  stroke: rgb(94 80 68 / .1);
  stroke-width: 10;
}

.member-health-ring circle + circle {
  stroke: #b8d7c6;
  stroke-dasharray: 283;
  stroke-linecap: round;
}

.member-health-meter-widget.hot .member-health-ring circle + circle {
  stroke: var(--signal-red-on-dark);
}

.member-health-meter-widget.warning .member-health-ring circle + circle {
  stroke: #d9c596;
}

.member-health-ring strong {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--lotus-ink);
  font-size: 22px;
}

.member-health-meter-widget b,
.member-visit-frequency-widget strong,
.member-owner-next-action-card b {
  color: var(--lotus-ink);
  font-size: 18px;
  line-height: 1.15;
}

.member-health-meter-widget em,
.member-visit-frequency-widget em,
.member-visit-frequency-widget b {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.member-visit-frequency-widget {
  grid-template-columns: minmax(0, .7fr) minmax(110px, 1fr) auto;
  background:
    radial-gradient(circle at 84% 20%, rgb(238 231 242 / .92), transparent 42%),
    rgb(255 253 249 / .92);
}

.member-visit-bars {
  display: flex;
  align-items: end;
  gap: 5px;
  height: 62px;
}

.member-visit-bars i {
  flex: 1;
  min-width: 7px;
  border-radius: 999px 999px 4px 4px;
  background: linear-gradient(180deg, #c5bdd9, #eadfef);
}

.member-list-table-hybrid {
  gap: 10px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgb(255 253 249 / .94), rgb(250 246 241 / .84)),
    var(--lotus-surface);
}

.premium-member-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgb(255 255 255 / .96), rgb(255 253 249 / .88));
}

.premium-member-row::after {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 4px;
  border-radius: 999px;
  background: #b8d7c6;
}

.premium-member-row:has(.status-badge.hot)::after {
  background: var(--signal-red-hover);
}

.premium-member-row .member-intel-head {
  grid-template-columns: 40px minmax(0, 1fr) auto;
}

.member-row-score {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgb(187 211 197 / .9);
  border-radius: 50%;
  color: var(--lotus-ink);
  background: rgb(226 238 230 / .82);
  font-size: 14px;
  font-weight: 900;
}

.member-row-status-line {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.selected-member-side-rail {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgb(255 242 220 / .72), transparent 42%),
    rgb(255 253 249 / .92);
}

.selected-member-side-rail .member-profile-hero-block,
.selected-member-side-rail .member-owner-next-action-card,
.selected-member-side-rail .member-activity-timeline-spine,
.selected-member-side-rail .member-contact-action-cluster,
.selected-member-side-rail .member-side-signal-grid {
  box-shadow: none;
}

.member-profile-hero-block {
  padding: 14px;
}

.member-status-badge-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.member-profile-hero-block .member-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.member-owner-next-action-card {
  padding: 13px;
}

.member-owner-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 2px 10px;
  align-items: center;
}

.member-owner-head .crm-soft-avatar {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  min-width: 38px;
}

.member-owner-head strong {
  color: var(--lotus-ink);
  font-size: 15px;
}

.member-side-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  background: rgb(255 250 244 / .8);
}

.member-side-signal-grid article {
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .65);
  border-radius: 12px;
  background: rgb(255 253 249 / .82);
}

.member-activity-timeline-spine {
  display: grid;
  gap: 10px;
  padding: 13px;
}

.member-activity-timeline-spine article {
  display: grid;
  grid-template-columns: 14px minmax(82px, .7fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.member-activity-timeline-spine article i {
  width: 9px;
  height: 9px;
  border: 2px solid #b8d7c6;
  border-radius: 50%;
  background: #fffdf9;
}

.member-activity-timeline-spine article span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 850;
}

.member-activity-timeline-spine article strong {
  min-width: 0;
  color: var(--lotus-ink);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.member-contact-action-cluster {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px;
}

.member-contact-action-cluster .primary-action {
  grid-column: 1 / -1;
}

@media (max-width: 1180px) {
  .members-visual-workspace {
    grid-template-columns: 1fr;
  }

  .selected-member-side-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .selected-member-side-rail .member-profile-hero-block,
  .selected-member-side-rail .member-contact-action-cluster {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  .members-api-state,
  .members-api-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .member-kpi-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-watch-visual-row,
  .selected-member-side-rail {
    grid-template-columns: 1fr;
  }

  .member-visit-frequency-widget {
    grid-template-columns: 1fr;
  }

  .member-contact-action-cluster {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .member-kpi-status-strip {
    grid-template-columns: 1fr;
  }

  .members-visual-command-screen .member-directory-toolbar {
    padding: 14px;
  }

  .premium-member-row .member-intel-head,
  .member-profile-identity-card .member-preview-head {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .member-row-score,
  .premium-member-row .member-intel-head .status-badge {
    justify-self: start;
  }
}

/* Commercial workflow pattern pass. */
.lead-sales-pipeline-shell,
.recovery-money-workflow-shell,
.cancellation-save-desk-shell {
  gap: 18px;
}

.lead-sales-pipeline-shell .lead-focus-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lead-sales-pipeline-shell .lead-focus-card {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
  padding: 14px;
  border-color: rgb(221 211 199 / .88);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgb(255 255 255 / .96), rgb(250 246 241 / .92)),
    var(--lotus-surface);
  box-shadow: 0 12px 28px rgb(88 68 52 / .07);
}

.lead-sales-pipeline-shell .lead-focus-card > span:not(.lead-owner-avatar) {
  grid-column: 2;
}

.lead-sales-pipeline-shell .lead-focus-card strong,
.lead-sales-pipeline-shell .lead-focus-card em,
.lead-sales-pipeline-shell .lead-focus-card b {
  grid-column: 2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lead-owner-avatar.crm-soft-avatar,
.lead-stage-card .crm-soft-avatar,
.recovery-case-row .crm-soft-avatar,
.cancellation-save-hero .crm-soft-avatar,
.commercial-drawer-profile .crm-soft-avatar,
.commercial-drawer-timeline-row .crm-soft-avatar {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  font-size: 12px;
}

.lead-stage-column {
  border: 1px solid rgb(229 219 208 / .82);
  background: rgb(255 250 245 / .72);
}

.lead-stage-card {
  border-color: rgb(224 214 203 / .9);
  background: rgb(255 253 250 / .94);
  box-shadow: 0 10px 24px rgb(88 68 52 / .055);
}

.lead-stage-card:hover,
.recovery-case-row:hover,
.cancellation-case-row:hover,
.cancellation-save-hero:hover {
  border-color: rgb(var(--signal-red-rgb) / .24);
  background: #fffaf5;
  transform: translateY(-1px);
}

.lead-card-head {
  grid-template-columns: 38px minmax(0, 1fr) auto;
}

.lead-value-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border: 1px solid rgb(224 214 203 / .9);
  border-radius: 999px;
  background: #fffaf5;
  color: var(--lotus-ink);
  font-size: 13px;
}

.lead-source-line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.lead-source-chip,
.lead-offer-chip,
.save-reason-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid rgb(226 216 206 / .85);
  border-radius: 999px;
  background: rgb(248 244 239 / .9);
  color: #5e554d;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.1;
}

.lead-offer-chip {
  background: rgb(239 248 242 / .9);
  color: #284737;
}

.lead-action-rail-card,
.recovery-action-rail-card,
.save-desk-action-rail article,
.commercial-empty-state {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgb(228 218 207 / .86);
  border-radius: 14px;
  background: rgb(255 253 250 / .9);
}

.lead-action-rail-card em,
.recovery-action-rail-card em,
.save-desk-action-rail article em,
.commercial-empty-state span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.commercial-empty-state {
  border-style: dashed;
  background: rgb(255 250 245 / .72);
}

.commercial-empty-state strong {
  color: var(--lotus-ink);
  font-size: 13px;
}

.recovery-priority-stage article {
  border-color: rgb(224 214 203 / .84);
  background: rgb(255 253 250 / .9);
}

.recovery-case-row {
  border-color: rgb(224 214 203 / .9);
  background: rgb(255 253 250 / .94);
  box-shadow: 0 10px 24px rgb(88 68 52 / .055);
}

.recovery-case-row.critical {
  border-color: rgb(var(--signal-red-rgb) / .22);
  background: linear-gradient(135deg, rgb(255 253 250 / .96), rgb(255 247 244 / .82));
}

.recovery-case-row.high,
.winback-recovery-card.high {
  border-color: rgb(218 207 194 / .92);
  background: linear-gradient(135deg, rgb(255 253 250 / .96), rgb(255 250 245 / .86));
}

.recovery-case-row .case-title-row,
.cancellation-save-hero .case-title-row {
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
}

.recovery-action-rail-card {
  background: rgb(255 250 245 / .82);
}

.recovery-case-row .case-metrics span {
  min-width: 0;
}

.winback-recovery-card .recovery-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.winback-recovery-card .recovery-metrics span:last-child {
  grid-column: 1 / -1;
}

.cancellation-save-hero {
  border-color: rgb(224 214 203 / .9);
  background:
    radial-gradient(circle at top right, rgb(239 248 242 / .9), transparent 34%),
    linear-gradient(135deg, rgb(255 255 255 / .96), rgb(250 246 241 / .94));
}

.cancellation-save-hero .case-title-row strong {
  min-width: 0;
  overflow: hidden;
  color: var(--lotus-ink);
  font-size: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cancellation-case-row {
  border-color: rgb(224 214 203 / .9);
  background: rgb(255 253 250 / .94);
  box-shadow: 0 10px 24px rgb(88 68 52 / .052);
}

.cancellation-case-row .case-type {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.save-desk-action-rail {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgb(232 224 216 / .88);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: var(--lotus-shadow);
}

.commercial-workflow-drawer {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.lead-profile-drawer,
.recovery-profile-drawer,
.cancellation-profile-drawer {
  background: var(--lotus-canvas);
}

.commercial-drawer-profile {
  display: grid;
  gap: 14px;
  margin: 0 16px;
  padding: 16px;
  border: 1px solid rgb(221 211 199 / .9);
  border-radius: 14px;
  background: rgb(255 253 250 / .94);
}

.commercial-drawer-identity {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.commercial-drawer-identity span,
.commercial-drawer-identity em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

.commercial-drawer-identity strong {
  display: block;
  min-width: 0;
  margin: 2px 0;
  overflow: hidden;
  color: var(--lotus-ink);
  font-size: 19px;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commercial-drawer-stat-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commercial-drawer-stat-strip article,
.commercial-drawer-source-row span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .82);
  border-radius: 10px;
  background: var(--lotus-surface);
}

.commercial-drawer-source-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commercial-drawer-source-row em,
.commercial-drawer-stat-strip span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.commercial-drawer-source-row strong,
.commercial-drawer-stat-strip strong {
  min-width: 0;
  overflow: hidden;
  color: var(--lotus-ink);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commercial-drawer-timeline-row {
  grid-template-columns: 36px minmax(80px, .7fr) minmax(110px, .9fr) minmax(0, 1.4fr);
  align-items: center;
}

.commercial-drawer-timeline-row .crm-soft-avatar {
  width: 34px;
  height: 34px;
  min-width: 34px;
  font-size: 11px;
}

.commercial-drawer-sticky-actions {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-color: rgb(214 202 190 / .94);
  background: rgb(255 253 250 / .96);
  backdrop-filter: blur(8px);
}

.commercial-drawer-sticky-actions label {
  min-width: 155px;
}

.commercial-drawer-sticky-actions span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .member-directory-toolbar,
  .member-insight-stat-strip,
  .member-drawer-visit-summary,
  .lead-sales-pipeline-shell .lead-focus-row,
  .commercial-drawer-stat-strip,
  .commercial-drawer-source-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compact-member-row .member-intel-grid,
  .drawer-insight-grid .member-drawer-visit-summary > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .member-directory-toolbar,
  .member-insight-stat-strip,
  .member-profile-identity-card .member-preview-head,
  .member-drawer-identity,
  .member-drawer-visit-summary,
  .member-drawer-timeline-row,
  .lead-sales-pipeline-shell .lead-focus-row,
  .commercial-drawer-identity,
  .commercial-drawer-stat-strip,
  .commercial-drawer-source-row,
  .commercial-drawer-timeline-row {
    grid-template-columns: 1fr;
  }

  .member-profile-identity-card .status-badge {
    justify-self: start;
  }

  .member-drawer-sticky-actions,
  .commercial-drawer-sticky-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .commercial-drawer-sticky-actions label {
    min-width: 0;
  }
}

@media (max-width: 980px) {
  .dashboard-primary-modules,
  .visits-time-summary,
  .recovery-stage-strip,
  .save-desk-stage-strip {
    grid-template-columns: 1fr;
  }

  .dashboard-customise-panel {
    inset: 76px 12px auto 12px;
    width: auto;
  }
}

/* Approved light secondary screen refinement. */
.secondary-light-refinement {
  display: grid;
  gap: 18px;
}

.secondary-light-refinement .screen-command-header,
.secondary-light-refinement .member-command-header {
  padding: 18px 20px;
}

.secondary-light-refinement .screen-command-header h2,
.secondary-light-refinement .member-command-header h2 {
  font-size: 22px;
  letter-spacing: -.02em;
}

.secondary-light-refinement .screen-command-header p,
.secondary-light-refinement .member-command-header p {
  max-width: 58ch;
  color: var(--lotus-muted);
}

.secondary-light-refinement .mini-stat strong,
.secondary-light-refinement .member-filter-chip strong {
  font-size: 18px;
}

.member-directory-panel {
  display: grid;
  align-content: start;
  gap: 10px;
}

.member-directory-panel .member-list-heading {
  padding: 0 2px 4px;
}

.member-directory-panel .member-list-heading.quieter {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--lotus-line);
}

.member-directory-panel .member-intel-card {
  display: grid;
  gap: 10px;
  min-height: 0;
  padding: 12px;
}

.member-directory-panel .member-intel-head {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.member-directory-panel .avatar {
  width: 34px;
  height: 34px;
  border-radius: 12px;
}

.member-directory-panel .member-name-block strong {
  font-size: 15px;
}

.member-directory-panel .member-intel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.member-directory-panel .member-intel-grid > span {
  padding: 8px 10px;
}

.member-directory-panel .member-intel-card > b {
  color: #4f4944;
  font-size: 13px;
}

.lead-pipeline-compact {
  gap: 10px;
}

.lead-pipeline-compact .lead-board-header {
  margin-bottom: 0;
  padding: 10px 12px;
  border: 1px solid var(--lotus-line);
  border-radius: 16px;
  background: #fffaf5;
}

.lead-pipeline-compact .kanban-column {
  gap: 10px;
  padding: 10px;
  border-radius: 18px;
  background: #fffaf5;
}

.lead-pipeline-compact .lead-card {
  gap: 9px;
  min-height: 0;
  padding: 12px;
}

.lead-pipeline-compact .lead-value-line b {
  color: #151312;
  font-size: 22px;
}

.lead-source-line {
  display: grid;
  gap: 3px;
}

.lead-source-line span {
  color: var(--lotus-muted);
  font-size: 12px;
}

.lead-source-line strong {
  color: #4d4742;
  font-size: 13px;
}

.recovery-workflow-rail {
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .72fr) 280px;
}

.recovery-workflow-rail .money-recovery-card,
.recovery-workflow-rail .winback-recovery-card {
  gap: 10px;
  padding: 12px;
}

.recovery-workflow-rail .recovery-metrics {
  grid-template-columns: minmax(72px, .82fr) minmax(76px, .82fr) minmax(118px, 1.24fr);
}

/* Leads Visual Integration: secondary lab command screen. */
.leads-visual-command-screen {
  --lead-mint: #42b58c;
  --lead-mint-soft: #8adfbd;
  --lead-lavender: #aaa6f4;
  --lead-lavender-strong: #746fe0;
  --lead-cream: #f4dfad;
  --lead-sky: #b9dced;
  --lead-rose: var(--signal-red-surface);
  --lead-red: var(--signal-red);
}

.lead-visual-command-strip {
  display: grid;
  grid-template-columns: minmax(220px, .78fr) minmax(320px, 1.15fr) minmax(260px, .92fr);
  gap: 14px;
  margin-bottom: 14px;
}

.lead-api-state,
.lead-api-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgb(226 216 206 / .8);
  border-radius: 16px;
  background: rgb(255 253 249 / .78);
  padding: 10px 12px;
  margin-bottom: 10px;
  color: #332d27;
}

.lead-api-state strong,
.lead-api-toolbar span {
  color: #151312;
  font-size: 13px;
}

.lead-api-state span,
.lead-api-state em,
.lead-api-toolbar label,
.lead-api-toolbar select {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.lead-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.lead-api-state.fallback,
.lead-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.lead-api-toolbar label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lead-api-toolbar select {
  min-width: 148px;
  border: 1px solid rgb(226 216 206 / .95);
  border-radius: 10px;
  background: #fffdf9;
  padding: 7px 9px;
}

.lead-screen-empty-state {
  margin-bottom: 14px;
}

.lead-screen-empty-state p {
  margin: 10px 0 0;
  color: var(--lotus-muted);
  font-size: 13px;
}

@media (max-width: 760px) {
  .lead-api-state,
  .lead-api-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .lead-api-toolbar label,
  .lead-api-toolbar select {
    width: 100%;
  }
}

.lead-visual-card {
  min-width: 0;
  border: 1px solid rgb(226 216 206 / .84);
  border-radius: 22px;
  background: rgb(255 253 249 / .82);
  box-shadow: 0 14px 34px rgb(72 54 42 / .08);
  padding: 15px;
}

.lead-quality-score-widget {
  background:
    radial-gradient(circle at 86% 10%, rgb(170 166 244 / .22), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #f4f1ff 100%);
}

.lead-source-split-widget {
  background:
    radial-gradient(circle at 92% 12%, rgb(138 223 189 / .20), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #eff9f2 100%);
}

.lead-conversion-progress-strip {
  background:
    radial-gradient(circle at 20% 90%, rgb(244 223 173 / .28), transparent 32%),
    linear-gradient(135deg, #fffdf9 0%, #fbf3df 100%);
}

.lead-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.lead-visual-heading span,
.lead-visual-heading b,
.lead-source-bar em,
.lead-detail-identity span,
.lead-detail-identity em,
.lead-owner-queue-list em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 800;
}

.lead-visual-heading h3 {
  margin: 3px 0 0;
  color: #151312;
  font-size: 15px;
  line-height: 1.12;
}

.lead-score-layout {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 12px;
}

.lead-score-ring {
  width: 116px;
  height: 116px;
}

.lead-score-ring text {
  fill: #221d1a;
  font-size: 18px;
  font-weight: 900;
  text-anchor: middle;
}

.lead-score-facts,
.lead-stage-mini-counts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.lead-score-facts article,
.lead-stage-mini-counts article {
  display: grid;
  gap: 3px;
  min-width: 0;
  border-radius: 15px;
  background: rgb(255 255 255 / .52);
  padding: 10px;
}

.lead-score-facts span,
.lead-stage-mini-counts span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 800;
}

.lead-score-facts strong,
.lead-stage-mini-counts strong {
  color: #151312;
  font-size: 18px;
  line-height: 1;
}

.lead-source-bars {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.lead-source-bar {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 34px 62px;
  gap: 9px;
  align-items: center;
}

.lead-source-bar span,
.lead-source-bar strong {
  color: #4d4742;
  font-size: 12px;
  font-weight: 850;
}

.lead-source-bar i {
  display: block;
  height: 13px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(255 255 255 / .62);
}

.lead-source-bar b {
  display: block;
  width: var(--lead-source-width);
  height: 100%;
  border-radius: inherit;
  background: var(--lead-mint);
}

.lead-source-bar:nth-child(2n) b {
  background: var(--lead-lavender);
}

.lead-source-bar:nth-child(3n) b {
  background: var(--lead-cream);
}

.lead-progress-band {
  display: flex;
  height: 24px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(255 255 255 / .62);
  margin: 16px 0 12px;
}

.lead-progress-band i {
  height: 100%;
  min-width: 5px;
}

.lead-progress-band i:nth-child(1) {
  background: var(--lead-lavender);
}

.lead-progress-band i:nth-child(2) {
  background: var(--lead-sky);
}

.lead-progress-band i:nth-child(3) {
  background: var(--lead-cream);
}

.lead-progress-band i:nth-child(4) {
  background: var(--lead-mint-soft);
}

.lead-progress-band i:nth-child(5) {
  background: var(--lead-mint);
}

.lead-visual-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .32fr);
  gap: 14px;
  align-items: start;
}

.lead-main-command {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.lead-pipeline-lane-widget {
  background:
    radial-gradient(circle at 92% 14%, rgb(185 220 237 / .28), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #f2f8fb 100%);
}

.lead-stage-lane-stack {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.lead-stage-lane-row {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) 36px;
  gap: 10px;
  align-items: center;
}

.lead-stage-lane-row strong,
.lead-stage-lane-row b {
  color: #29231f;
  font-size: 12px;
}

.lead-stage-lane-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.lead-stage-lane-track span {
  min-height: 34px;
  border-radius: 12px;
  background: rgb(255 255 255 / .58);
}

.lead-stage-lane-track span.active {
  background: var(--lead-mint-soft);
}

.lead-stage-lane-track span.hot {
  background: var(--lead-rose);
}

.lead-hot-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.lead-hot-action-grid .lead-board-header {
  grid-column: 1 / -1;
}

.hot-lead-command-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid rgb(226 216 206 / .84);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--signal-red-surface) 26%, transparent), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, var(--signal-red-surface) 100%);
  box-shadow: 0 14px 34px rgb(72 54 42 / .08);
  padding: 14px;
  text-align: left;
}

.hot-lead-command-card.selected {
  border-color: rgb(var(--signal-red-rgb) / .30);
  box-shadow: inset 3px 0 0 var(--lead-red), 0 14px 34px rgb(72 54 42 / .08);
}

.hot-lead-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.hot-lead-top strong {
  display: block;
  overflow: hidden;
  color: #151312;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot-lead-top span {
  display: block;
  overflow: hidden;
  color: var(--lotus-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot-lead-top b {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgb(255 255 255 / .68);
  color: #151312;
  font-size: 13px;
}

.lead-contact-urgency-chip {
  justify-self: start;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgb(255 255 255 / .58);
  color: #514840;
  font-size: 12px;
  font-weight: 900;
}

.lead-contact-urgency-chip.hot {
  background: rgb(var(--signal-red-rgb) / .12);
  color: var(--lead-red);
}

.lead-card-meter {
  height: 11px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(255 255 255 / .62);
}

.lead-card-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--lead-mint), var(--lead-lavender));
}

.hot-lead-command-card footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #514840;
  font-size: 12px;
  font-weight: 850;
}

.lead-visual-kanban {
  border: 1px solid rgb(226 216 206 / .84);
  border-radius: 22px;
  background: rgb(255 253 249 / .58);
}

.lead-visual-kanban .lead-card {
  border-radius: 18px;
  background: rgb(255 255 255 / .58);
  box-shadow: 0 8px 18px rgb(72 54 42 / .05);
}

.lead-owner-queue-widget {
  background:
    radial-gradient(circle at 86% 12%, rgb(255 215 189 / .34), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #fff7e8 100%);
}

.lead-owner-queue-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.lead-owner-queue-list article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border-radius: 16px;
  background: rgb(255 255 255 / .54);
  padding: 9px 10px;
}

.lead-owner-queue-list i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--lead-cream);
  color: #514840;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.lead-owner-queue-list article:nth-child(2n) i {
  background: #dcefe4;
}

.lead-owner-queue-list article:nth-child(3n) i {
  background: #e8e1fa;
}

.lead-owner-queue-list strong {
  display: block;
  color: #151312;
  font-size: 13px;
}

.lead-owner-queue-list b {
  color: #514840;
  font-size: 12px;
}

.lead-detail-command-rail {
  display: grid;
  gap: 12px;
}

.lead-detail-hero {
  background:
    radial-gradient(circle at 88% 12%, rgb(170 166 244 / .22), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #f5f2ff 100%);
}

.lead-detail-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.lead-detail-identity strong {
  display: block;
  color: #151312;
  font-size: 18px;
  line-height: 1.05;
}

.lead-detail-score-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}

.lead-detail-score-row b {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--lead-mint-soft);
  color: #151312;
  font-size: 17px;
}

.lead-detail-score-row span {
  color: #514840;
  font-size: 13px;
  font-weight: 800;
}

.lead-detail-actions {
  display: grid;
  gap: 10px;
  background:
    radial-gradient(circle at 86% 12%, rgb(138 223 189 / .20), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #f1fbf4 100%);
}

.lead-action-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.lead-action-chip-row button,
.lead-detail-actions select {
  border: 1px solid rgb(226 216 206 / .84);
  border-radius: 12px;
  background: rgb(255 255 255 / .66);
  color: #29231f;
  font-size: 12px;
  font-weight: 850;
  min-height: 34px;
  padding: 0 10px;
}

.lead-action-chip-row button:first-child {
  background: #29231f;
  color: #fffaf4;
}

.lead-detail-actions label {
  display: grid;
  gap: 5px;
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 800;
}

.lead-speed-card {
  background:
    radial-gradient(circle at 82% 18%, rgb(185 220 237 / .28), transparent 30%),
    linear-gradient(135deg, #fffdf9 0%, #f2f8fb 100%);
}

@media (max-width: 1180px) {
  .lead-visual-command-strip,
  .lead-visual-workspace {
    grid-template-columns: 1fr;
  }

  .lead-context-rail.lead-action-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .lead-detail-command-rail {
    display: contents;
  }
}

@media (max-width: 900px) {
  .lead-hot-action-grid,
  .lead-context-rail.lead-action-rail,
  .lead-visual-kanban {
    grid-template-columns: 1fr;
  }

  .lead-source-bar {
    grid-template-columns: 76px minmax(0, 1fr) 30px;
  }

  .lead-source-bar em {
    grid-column: 2 / -1;
  }
}

@media (max-width: 560px) {
  .lead-score-layout,
  .lead-stage-lane-row {
    grid-template-columns: 1fr;
  }

  .lead-score-ring {
    justify-self: center;
  }

  .lead-stage-lane-row b {
    justify-self: start;
  }
}

.recovery-workflow-rail .recovery-metrics b {
  overflow-wrap: normal;
  word-break: normal;
  line-height: 1.1;
}

.money-recovery-context {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgb(232 224 216 / .88);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: var(--lotus-shadow);
}

.money-recovery-context article {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 18px;
  background: #f8f4ef;
}

.money-recovery-context article span {
  color: var(--lotus-red);
  font-size: 12px;
  font-weight: 800;
}

.money-recovery-context article strong {
  color: #0b0a09;
  font-size: 18px;
}

.money-recovery-context article p {
  color: var(--lotus-muted);
  font-size: 13px;
}

.money-recovery-context article b {
  color: var(--signal-red);
  font-size: 20px;
}

.recovery-visual-command-screen .money-recovery-context article {
  border: 1px solid rgb(226 216 206 / .68);
  background: rgb(255 250 245 / .72);
}

.recovery-visual-command-screen .money-recovery-context article span,
.recovery-visual-command-screen .money-recovery-context .recovery-value-meter-widget span,
.recovery-visual-command-screen .money-recovery-context .chase-status-timeline span,
.recovery-visual-command-screen .money-recovery-context .owner-recovery-queue span {
  color: var(--lotus-muted);
}

.recovery-visual-command-screen .money-recovery-context article strong,
.recovery-visual-command-screen .money-recovery-context article b,
.recovery-visual-command-screen .recovery-value-meter-widget strong,
.recovery-visual-command-screen .chase-status-timeline article strong,
.recovery-visual-command-screen .chase-status-timeline article b,
.recovery-visual-command-screen .owner-recovery-queue strong,
.recovery-visual-command-screen .owner-recovery-queue b {
  color: var(--lotus-ink);
}

.recovery-visual-command-screen .recovery-value-meter-widget {
  background:
    radial-gradient(circle at 88% 0%, rgb(226 238 230 / .8), transparent 42%),
    rgb(255 253 249 / .94);
}

/* Cancellations Visual Integration: secondary lab save-desk command screen. */
.cancellations-visual-save-desk {
  --save-mint: #dfeee6;
  --save-lavender: #eee7f2;
  --save-cream: #fff2dc;
  --save-peach: var(--signal-red-surface);
  --save-line: rgb(226 216 206 / .78);
}

.cancellation-api-state,
.cancellation-api-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--save-line);
  border-radius: 16px;
  background: rgb(255 253 249 / .82);
  padding: 10px 12px;
  margin-bottom: 10px;
  color: #332d27;
}

.cancellation-api-state strong,
.cancellation-api-toolbar span {
  color: #151312;
  font-size: 13px;
}

.cancellation-api-state span,
.cancellation-api-state em,
.cancellation-api-toolbar label,
.cancellation-api-toolbar select {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.cancellation-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.cancellation-api-state.fallback,
.cancellation-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.cancellation-api-toolbar label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cancellation-api-toolbar select {
  min-width: 148px;
  border: 1px solid var(--save-line);
  border-radius: 10px;
  background: #fffdf9;
  padding: 7px 9px;
}

.cancellation-screen-empty-state {
  margin: 0 0 12px;
}

@media (max-width: 760px) {
  .cancellation-api-state,
  .cancellation-api-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .cancellation-api-toolbar label,
  .cancellation-api-toolbar select {
    width: 100%;
  }
}

.cancellation-kpi-value-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.value-at-risk-tile {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--save-line);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
  box-shadow: 0 10px 22px rgb(88 68 52 / .055);
}

.value-at-risk-tile.open {
  background: linear-gradient(135deg, rgb(255 242 220 / .95), rgb(255 253 249 / .92));
}

.value-at-risk-tile.saved {
  background: linear-gradient(135deg, rgb(226 238 230 / .96), rgb(255 253 249 / .92));
}

.value-at-risk-tile.urgent {
  background: linear-gradient(135deg, color-mix(in srgb, var(--signal-red-surface) 72%, transparent), rgb(255 253 249 / .94));
}

.value-at-risk-tile.cases {
  background: linear-gradient(135deg, rgb(238 231 242 / .82), rgb(255 253 249 / .94));
}

.value-at-risk-tile span,
.retained-lost-segmented-bar span,
.cancellation-reason-meter span,
.save-offer-widget span,
.owner-save-queue span,
.cancellation-status-spine span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 850;
}

.value-at-risk-tile strong {
  color: var(--lotus-ink);
  font-size: 27px;
  line-height: 1;
}

.value-at-risk-tile b,
.value-at-risk-tile em,
.retained-lost-segmented-bar em,
.retained-lost-segmented-bar b,
.save-offer-widget em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.value-at-risk-tile em,
.save-segment-bar,
.cancellation-reason-meter em,
.owner-save-queue em {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(94 80 68 / .09);
}

.value-at-risk-tile em i,
.cancellation-reason-meter em i,
.owner-save-queue em i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #b8d7c6;
}

.cancellations-visual-save-desk .save-priority-workflow-lane {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cancellations-visual-save-desk .save-priority-workflow-lane article {
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgb(226 238 230 / .7), transparent 38%),
    rgb(255 253 249 / .92);
}

.cancellations-save-workspace {
  grid-template-columns: minmax(0, 1.24fr) minmax(320px, .76fr);
  gap: 16px;
  align-items: start;
}

.save-case-command-column {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.cancellations-visual-save-desk .save-desk-board {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.save-case-card-visual {
  position: relative;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--save-line);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgb(255 255 255 / .96), rgb(255 253 249 / .9));
  box-shadow: 0 12px 26px rgb(88 68 52 / .052);
  color: var(--lotus-ink);
  text-align: left;
}

.save-case-card-visual::after {
  content: "";
  position: absolute;
  inset: 13px auto 13px 0;
  width: 4px;
  border-radius: 999px;
  background: #d8c28b;
}

.save-case-card-visual.hot::after {
  background: var(--signal-red);
}

.save-case-card-visual.good::after {
  background: #8bbf9d;
}

.save-case-card-visual.warning::after {
  background: #d8c28b;
}

.save-case-open {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.save-case-open .case-title-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.save-case-open strong {
  min-width: 0;
  overflow: hidden;
  color: var(--lotus-ink);
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.save-case-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.save-case-meta-line b {
  margin-left: auto;
  color: var(--lotus-ink);
  font-size: 22px;
  line-height: 1;
}

.deadline-urgency-module {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgb(226 216 206 / .8);
  border-radius: 999px;
  background: rgb(255 242 220 / .84);
  color: #5e554d;
  font-size: 11px;
  font-weight: 900;
}

.deadline-urgency-module.hot {
  border-color: rgb(var(--signal-red-rgb) / .24);
  background: color-mix(in srgb, var(--signal-red-surface) 75%, transparent);
  color: var(--signal-red);
}

.deadline-urgency-module.good {
  background: rgb(226 238 230 / .82);
  color: #2c5b42;
}

.save-case-card-visual .save-case-reason {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .65);
  border-radius: 12px;
  background: rgb(255 250 245 / .72);
}

.save-case-card-visual .save-case-reason span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-weight: 800;
}

.save-case-card-visual .save-case-reason b {
  color: var(--lotus-ink);
  font-size: 13px;
}

.save-case-card-visual p {
  margin: 0;
  color: var(--lotus-muted);
  font-size: 13px;
  line-height: 1.4;
}

.save-action-strip {
  display: grid;
  grid-template-columns: minmax(132px, 1fr) minmax(98px, .75fr) minmax(76px, .6fr);
  gap: 8px;
}

.save-action-strip .primary-action,
.save-action-strip .secondary-action {
  min-height: 36px;
  padding-inline: 10px;
}

.save-desk-command-rail {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgb(238 231 242 / .72), transparent 40%),
    rgb(255 253 249 / .92);
}

.retained-lost-segmented-bar,
.cancellation-reason-meter,
.save-offer-widget,
.owner-save-queue,
.cancellation-status-spine {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid var(--save-line);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
}

.retained-lost-segmented-bar {
  background:
    radial-gradient(circle at 88% 0%, rgb(226 238 230 / .78), transparent 42%),
    rgb(255 253 249 / .94);
}

.retained-lost-segmented-bar strong,
.save-offer-widget strong {
  color: var(--lotus-ink);
  font-size: 22px;
  line-height: 1.12;
}

.save-segment-bar {
  display: flex;
  height: 10px;
}

.save-segment-bar i {
  display: block;
  height: 100%;
}

.save-segment-bar .saved {
  background: #9fcdb4;
}

.save-segment-bar .open {
  background: #e5cf9e;
}

.cancellation-reason-meter article {
  display: grid;
  grid-template-columns: minmax(84px, .8fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.cancellation-reason-meter strong,
.owner-save-queue strong,
.owner-save-queue b,
.cancellation-status-spine strong {
  color: var(--lotus-ink);
  font-size: 13px;
}

.owner-save-queue article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) minmax(80px, .62fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
}

.owner-save-queue .crm-soft-avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
}

.owner-save-queue div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.owner-save-queue div span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cancellations-visual-save-desk .cancellation-status-spine {
  grid-template-columns: 1fr;
  margin: 0;
}

.cancellation-status-spine article {
  display: grid;
  grid-template-columns: 14px minmax(74px, .62fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.cancellation-status-spine article i {
  width: 9px;
  height: 9px;
  border: 2px solid #c5bdd9;
  border-radius: 50%;
  background: #fffdf9;
}

@media (max-width: 1180px) {
  .cancellation-kpi-value-strip,
  .cancellations-visual-save-desk .save-desk-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cancellations-save-workspace {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .cancellation-kpi-value-strip,
  .cancellations-visual-save-desk .save-priority-workflow-lane,
  .cancellations-visual-save-desk .save-desk-board,
  .save-action-strip,
  .owner-save-queue article,
  .cancellation-reason-meter article {
    grid-template-columns: 1fr;
  }

  .save-case-open .case-title-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .save-case-meta-line b {
    margin-left: 0;
  }
}

.save-desk-layout {
  display: grid;
  grid-template-columns: minmax(280px, .6fr) minmax(0, 1fr);
  gap: 22px;
}

.save-case-focus {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgb(232 224 216 / .88);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: var(--lotus-shadow);
  color: var(--lotus-ink);
  text-align: left;
}

.save-case-focus > strong {
  color: #0b0a09;
  font-size: 26px;
  letter-spacing: -.02em;
}

.save-case-focus p {
  color: var(--lotus-muted);
  font-size: 14px;
}

.save-focus-meta {
  display: grid;
  gap: 10px;
}

.save-focus-meta span {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--lotus-line);
  border-radius: 16px;
  background: #fffaf5;
}

.save-focus-meta em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

.save-focus-meta b {
  color: #151312;
}

.save-desk-board {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.save-desk-board .save-desk-card {
  gap: 10px;
  min-height: 0;
  padding: 12px;
}

.cancellations-visual-save-desk .cancellations-save-workspace {
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  align-items: start;
  gap: 18px;
}

.cancellations-visual-save-desk .save-case-command-column,
.cancellations-visual-save-desk .save-desk-command-rail,
.cancellations-visual-save-desk .save-case-card-visual {
  min-width: 0;
}

.cancellations-visual-save-desk .save-desk-command-rail {
  overflow: hidden;
}

.cancellations-visual-save-desk .save-desk-board {
  grid-template-columns: 1fr;
}

.communication-case-grid {
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.communication-case-grid .communication-board-brief {
  border: 1px solid rgb(232 224 216 / .88);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: var(--lotus-shadow);
}

.communication-case-grid .comm-case-card {
  border: 1px solid var(--lotus-line);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: 0 10px 26px rgb(88 68 52 / .06);
}

.communication-case-grid .comm-next-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Communications Visual Integration: secondary lab contact command centre. */
.communications-visual-command-centre {
  gap: 18px;
}

.communications-visual-command-centre .screen-command-header {
  background:
    radial-gradient(circle at 12% 18%, rgb(232 245 237 / .95), transparent 32%),
    radial-gradient(circle at 84% 18%, rgb(238 231 246 / .88), transparent 34%),
    linear-gradient(135deg, #fffdf9, #f7f1e8);
}

.communications-api-state,
.communications-api-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 16px;
  background: rgb(255 253 249 / .82);
  padding: 10px 12px;
  color: #332d27;
}

.communications-api-state strong,
.communications-api-toolbar span {
  color: #151312;
  font-size: 13px;
}

.communications-api-state span,
.communications-api-state em,
.communications-api-toolbar label,
.communications-api-toolbar select {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.communications-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.communications-api-state.fallback,
.communications-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.communications-api-toolbar label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.communications-api-toolbar select {
  min-width: 148px;
  border: 1px solid rgb(232 224 216 / .9);
  border-radius: 10px;
  background: #fffdf9;
  padding: 7px 9px;
}

@media (max-width: 760px) {
  .communications-api-state,
  .communications-api-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .communications-api-toolbar label,
  .communications-api-toolbar select {
    width: 100%;
  }
}

.communications-kpi-queue-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.communications-kpi-queue-strip article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 16px;
  background: linear-gradient(135deg, #fffdf9, #fbf5ec);
  box-shadow: 0 10px 24px rgb(88 68 52 / .055);
}

.communications-kpi-queue-strip span,
.channel-mix-bars span,
.consent-state-grid em,
.failed-contact-warning span,
.next-scheduled-contact-card span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.communications-kpi-queue-strip strong {
  color: #151312;
  font-size: clamp(22px, 2.1vw, 32px);
  letter-spacing: 0;
  line-height: .95;
}

.communications-kpi-queue-strip i {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6dc;
}

.communications-kpi-queue-strip i::before {
  display: block;
  width: var(--fill);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #91d7b8, #d8c7ec);
  content: "";
}

.communications-command-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  gap: 18px;
  align-items: start;
}

.communications-visual-command-centre .communication-case-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.communications-visual-command-centre .communication-board-brief {
  display: grid;
  align-content: end;
  min-height: 172px;
  padding: 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 24% 20%, rgb(145 215 184 / .36), transparent 35%),
    linear-gradient(135deg, #f8f0e3, #fffdf9);
}

.communications-visual-command-centre .communication-board-brief span {
  color: #74665a;
  font-size: 12px;
  font-weight: 900;
}

.communications-visual-command-centre .communication-board-brief strong {
  color: #151312;
  font-size: 26px;
  letter-spacing: 0;
}

.communications-visual-command-centre .communication-board-brief em {
  color: var(--lotus-muted);
  font-size: 13px;
  font-style: normal;
}

.grouped-contact-case-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
  padding: 14px;
  border: 1px solid rgb(226 216 206 / .88);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgb(255 253 249 / .96), rgb(252 246 238 / .96));
  box-shadow: 0 12px 28px rgb(72 54 42 / .065);
}

.grouped-contact-case-card.hot {
  border-color: rgb(var(--signal-red-rgb) / .24);
  background:
    linear-gradient(180deg, rgb(255 253 249 / .98), color-mix(in srgb, var(--signal-red-surface) 72%, transparent));
}

.grouped-contact-case-card.good {
  border-color: rgb(145 215 184 / .44);
}

.avatar-led-inbox-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) minmax(0, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.avatar-led-inbox-row .avatar {
  width: 38px;
  height: 38px;
}

.avatar-led-inbox-row span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.avatar-led-inbox-row strong {
  overflow: hidden;
  color: #151312;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.avatar-led-inbox-row em {
  overflow: hidden;
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.communications-visual-command-centre .channel-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.communications-visual-command-centre .channel-chip {
  border: 1px solid rgb(224 214 204 / .86);
  border-radius: 999px;
  background: #fff8ef;
  color: #3d322b;
  font-size: 11px;
  font-weight: 850;
}

.communications-visual-command-centre .channel-chip.mint { background: #eaf7ef; }
.communications-visual-command-centre .channel-chip.lavender { background: #f0eafa; }
.communications-visual-command-centre .channel-chip.cream { background: #fbefd8; }
.communications-visual-command-centre .channel-chip.sky { background: #eef7f6; }

.communications-visual-command-centre .comm-next-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.communications-visual-command-centre .comm-next-row span,
.communication-linked-context,
.communication-mini-thread span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(232 224 216 / .72);
  border-radius: 12px;
  background: rgb(255 253 249 / .78);
}

.communications-visual-command-centre .comm-next-row em,
.communication-linked-context span,
.communication-mini-thread em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.communications-visual-command-centre .comm-next-row strong,
.communication-linked-context strong,
.communication-mini-thread b {
  overflow: hidden;
  color: #151312;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.communication-mini-thread {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.communications-command-rail {
  display: grid;
  gap: 12px;
  min-width: 0;
}

@media (max-width: 760px) {
  .communications-mobile-overflow-guard,
  .communications-command-layout,
  .communications-visual-command-centre .communication-case-grid,
  .communications-command-rail,
  .communications-visual-command-centre .communication-board-brief,
  .grouped-contact-case-card {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .communications-command-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .communications-visual-command-centre .communication-case-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .communications-visual-command-centre .communication-board-brief {
    min-height: auto;
  }

  .avatar-led-inbox-row {
    grid-template-columns: 38px minmax(0, 1fr) minmax(0, auto);
  }

  .avatar-led-inbox-row .status-badge {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
  }

  .communications-visual-command-centre .communication-board-brief strong,
  .avatar-led-inbox-row strong,
  .avatar-led-inbox-row em,
  .communications-visual-command-centre .comm-next-row strong,
  .communication-linked-context strong,
  .communication-mini-thread b {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .communications-visual-command-centre .comm-next-row,
  .communication-mini-thread {
    grid-template-columns: minmax(0, 1fr);
  }
}

.channel-mix-module,
.consent-state-module,
.failed-contact-warning,
.next-scheduled-contact-card,
.communication-owner-action-queue,
.communication-timeline-thread {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgb(226 216 206 / .86);
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.channel-mix-bars {
  display: grid;
  gap: 9px;
}

.channel-mix-bars article {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 24px;
  gap: 8px;
  align-items: center;
}

.channel-mix-bars i {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6dc;
}

.channel-mix-bars b {
  display: block;
  height: 100%;
  border-radius: inherit;
}

.channel-mix-bars .mint b { background: #91d7b8; }
.channel-mix-bars .lavender b { background: #c9b6ea; }
.channel-mix-bars .cream b { background: #eecf94; }
.channel-mix-bars .sky b { background: #aacfc9; }

.channel-mix-bars strong {
  color: #151312;
  font-size: 12px;
  text-align: right;
}

.consent-meter {
  height: 16px;
  overflow: hidden;
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      #91d7b8 0 var(--clear),
      #d8c7ec var(--clear) calc(var(--clear) + var(--check)),
      var(--signal-red) calc(var(--clear) + var(--check)) 100%);
}

.consent-state-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.consent-state-grid span {
  display: grid;
  gap: 2px;
  padding: 9px;
  border-radius: 12px;
  background: #faf3ea;
}

.consent-state-grid b {
  color: #151312;
  font-size: 15px;
}

.failed-contact-warning {
  background:
    radial-gradient(circle at 88% 14%, rgb(var(--signal-red-rgb) / .13), transparent 38%),
    #fffdf9;
}

.failed-contact-warning.has-warning strong {
  color: var(--signal-red);
}

.failed-contact-warning strong,
.next-scheduled-contact-card strong {
  color: #151312;
  font-size: 17px;
}

.failed-contact-warning em,
.next-scheduled-contact-card em,
.next-scheduled-contact-card b {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

.communication-owner-action-queue article,
.communication-thread-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  border-radius: 12px;
  background: #faf3ea;
}

.communication-owner-action-queue article div,
.communication-thread-list article div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.communication-thread-list article {
  grid-template-columns: 34px minmax(0, 1fr);
}

.communication-owner-action-queue strong,
.communication-thread-list strong {
  color: #151312;
  font-size: 13px;
}

.communication-owner-action-queue em,
.communication-thread-list span,
.communication-thread-list em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.communication-owner-action-queue b {
  color: #151312;
  font-size: 12px;
}

.communication-timeline-thread > strong {
  color: #151312;
  font-size: 16px;
}

.communication-timeline-thread > em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

.communication-thread-list {
  display: grid;
  gap: 8px;
  position: relative;
}

.communication-thread-list::before {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 25px;
  width: 1px;
  background: rgb(224 214 204 / .92);
  content: "";
}

.communication-thread-list article {
  position: relative;
}

.contact-action-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.contact-action-strip .secondary-action {
  min-height: 34px;
}

.import-stepper-premium {
  grid-template-columns: minmax(150px, .75fr) repeat(5, minmax(120px, 1fr));
  gap: 12px;
}

.import-stepper-premium .import-quality-card,
.import-stepper-premium .import-stage-card {
  border: 1px solid rgb(232 224 216 / .88);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: var(--lotus-shadow);
}

.import-stepper-premium .import-stage-card > span {
  background: var(--lotus-mint);
  color: #173329;
}

.import-workflow-board .mapping-panel {
  border: 1px solid rgb(232 224 216 / .88);
  border-radius: var(--lotus-radius-lg);
  background: var(--lotus-surface);
  box-shadow: 0 10px 26px rgb(88 68 52 / .06);
}

/* Imports Visual Integration: safe local import control room. */
.imports-visual-control-room {
  gap: 18px;
}

.imports-visual-control-room .screen-command-header {
  background:
    radial-gradient(circle at 14% 16%, rgb(145 215 184 / .28), transparent 33%),
    radial-gradient(circle at 84% 18%, rgb(216 199 236 / .32), transparent 34%),
    linear-gradient(135deg, #fffdf9, #f7f1e8);
}

.imports-api-state,
.import-api-summary,
.imports-api-empty-state {
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
  color: var(--lotus-ink);
}

.imports-api-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
}

.imports-api-state strong,
.import-api-summary strong,
.imports-api-empty-state strong {
  color: var(--lotus-ink);
  font-size: 13px;
}

.imports-api-state span,
.imports-api-state em,
.import-api-summary span,
.import-api-summary em,
.imports-api-empty-state span,
.imports-api-empty-state em {
  min-width: 0;
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.imports-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.imports-api-state.fallback,
.imports-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.import-api-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.import-api-summary article,
.imports-api-empty-state {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.import-api-summary article {
  padding: 10px;
  border: 1px solid rgb(232 224 216 / .72);
  border-radius: 12px;
  background: #fffaf5;
}

.import-api-summary strong {
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.imports-api-empty-state {
  padding: 14px;
}

.import-health-status-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.import-health-status-strip article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 16px;
  background: linear-gradient(135deg, #fffdf9, #fbf5ec);
  box-shadow: 0 10px 24px rgb(88 68 52 / .055);
}

.import-health-status-strip span,
.site-import-bars em,
.site-import-foot span,
.privacy-scan-tile span,
.safe-private-file-status span,
.derived-data-status span,
.source-lead-mapping-module span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.import-health-status-strip strong {
  overflow: hidden;
  color: #151312;
  font-size: clamp(18px, 1.8vw, 26px);
  letter-spacing: 0;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.import-health-status-strip i,
.site-import-bars i {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6dc;
}

.import-health-status-strip i::before {
  display: block;
  width: var(--fill);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #91d7b8, #d8c7ec);
  content: "";
}

.import-workflow-tracker {
  display: block;
}

.source-map-validate-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.source-map-validate-flow .import-stage-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgb(226 216 206 / .86);
  border-radius: 16px;
  background: #fffdf9;
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.source-map-validate-flow .import-stage-card > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #eaf7ef;
  color: #173329;
  font-size: 12px;
  font-weight: 900;
}

.source-map-validate-flow .import-stage-card.needs-work > span,
.source-map-validate-flow .import-stage-card.blocked > span {
  background: #f9e8df;
  color: var(--signal-red);
}

.source-map-validate-flow .import-stage-card.mock-only > span {
  background: #f0eafa;
  color: #49395f;
}

.source-map-validate-flow .import-stage-card div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.source-map-validate-flow .import-stage-card strong {
  color: #151312;
  font-size: 14px;
}

.source-map-validate-flow .import-stage-card em,
.source-map-validate-flow .import-stage-card b {
  overflow: hidden;
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-map-validate-flow .import-stage-card b {
  grid-column: 2;
  font-weight: 850;
}

.import-sites-control-panel {
  display: grid;
  gap: 14px;
  background:
    radial-gradient(circle at 10% 10%, rgb(145 215 184 / .14), transparent 30%),
    #fffdf9;
}

.site-import-card-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.site-import-card {
  gap: 12px;
  padding: 13px;
  border-color: rgb(226 216 206 / .86);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgb(72 54 42 / .05);
}

.site-import-card.imported {
  background: linear-gradient(180deg, #fffdf9, #f0faf3);
}

.site-import-card.not-imported {
  background: linear-gradient(180deg, #fffdf9, #faf3ea);
}

.site-import-card-head {
  display: grid;
  gap: 7px;
}

.site-import-card-head strong {
  color: #151312;
  font-size: 14px;
}

.site-import-bars {
  display: grid;
  gap: 8px;
}

.site-import-bars span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 8px;
  align-items: center;
}

.site-import-bars b {
  color: #151312;
  font-size: 12px;
}

.site-import-bars i {
  grid-column: 1 / -1;
}

.site-import-bars u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #91d7b8;
}

.site-import-card.not-imported .site-import-bars u {
  background: #d8c7ec;
}

.site-import-foot {
  display: grid;
  gap: 4px;
  padding-top: 3px;
}

.data-quality-privacy-grid {
  display: grid;
  grid-template-columns: 1.05fr repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.data-quality-score-module,
.privacy-scan-tile,
.safe-private-file-status,
.derived-data-status,
.source-lead-mapping-module,
.blocked-insight-card {
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgb(226 216 206 / .86);
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.data-quality-score-module {
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  background:
    radial-gradient(circle at 12% 20%, rgb(216 199 236 / .22), transparent 42%),
    #fffdf9;
}

.quality-score-ring {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border-radius: 999px;
  background:
    radial-gradient(circle, #fffdf9 0 55%, transparent 56%),
    conic-gradient(#c9b6ea 0 var(--score), #eee4d9 var(--score) 100%);
}

.quality-score-ring strong {
  color: #151312;
  font-size: 24px;
  line-height: .9;
}

.quality-score-ring span {
  color: var(--lotus-muted);
  font-size: 10px;
  font-weight: 850;
}

.data-quality-score-module h3 {
  color: #151312;
  font-size: 16px;
}

.data-quality-score-module p,
.privacy-scan-tile em,
.safe-private-file-status em,
.derived-data-status em,
.source-lead-mapping-module em,
.source-lead-mapping-module b {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.privacy-scan-tile {
  background: linear-gradient(180deg, #fffdf9, #eef8f1);
}

.safe-private-file-status {
  background: linear-gradient(180deg, #fffdf9, #f8f0e3);
}

.derived-data-status {
  background: linear-gradient(180deg, #fffdf9, #f0eafa);
}

.privacy-scan-tile strong,
.safe-private-file-status strong,
.derived-data-status strong,
.source-lead-mapping-module strong {
  color: #151312;
  font-size: 15px;
}

.import-insight-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 14px;
  align-items: start;
}

.missing-fields-blocked-insights {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgb(226 216 206 / .86);
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 12%, rgb(var(--signal-red-rgb) / .1), transparent 35%),
    #fffdf9;
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.missing-fields-blocked-insights .completeness-columns article:nth-child(odd) {
  background: #fbf5ec;
}

.source-lead-mapping-module {
  align-content: center;
  min-height: 220px;
  background:
    radial-gradient(circle at 12% 12%, rgb(145 215 184 / .2), transparent 40%),
    #fffdf9;
}

.source-lead-mapping-module div {
  padding: 10px;
  border-radius: 12px;
  background: #faf3ea;
}

.blocked-insight-card .issue-card {
  border-radius: 12px;
  background: #fbf5ec;
}

.source-readiness-panel article {
  background: #fffdf9;
}

.imports-visual-control-room .mapping-board {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
}

.imports-visual-control-room .mapping-board .mapping-panel {
  min-width: 0;
  border-radius: 18px;
}

.drawer-insight-grid {
  display: grid;
  gap: 10px;
  padding: 0 16px 16px;
}

.drawer-next-action-panel,
.drawer-consent-panel,
.drawer-owner-history-panel,
.drawer-notes-panel,
.drawer-timeline-panel {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--lotus-line);
  border-radius: 16px;
  background: #fffaf5;
}

.drawer-next-action-panel {
  background: #eef8f1;
  border-color: #cfe8d8;
}

.drawer-next-action-panel h3,
.drawer-consent-panel h3,
.drawer-owner-history-panel h3,
.drawer-notes-panel h3,
.drawer-timeline-panel h3 {
  color: var(--lotus-muted);
  font-size: 12px;
}

.drawer-next-action-panel strong,
.drawer-consent-panel strong,
.drawer-owner-history-panel strong,
.drawer-notes-panel strong {
  color: #0b0a09;
  font-size: 15px;
}

.drawer-next-action-panel span,
.drawer-consent-panel span,
.drawer-owner-history-panel span,
.drawer-notes-panel span {
  color: var(--lotus-muted);
  font-size: 12px;
}

.drawer-timeline-panel > div {
  display: grid;
  gap: 8px;
}

.drawer-timeline-panel article {
  display: grid;
  gap: 3px;
  padding-top: 8px;
  border-top: 1px solid var(--lotus-line);
}

.drawer-timeline-panel article:first-child {
  padding-top: 0;
  border-top: 0;
}

.drawer-timeline-panel span {
  color: var(--lotus-red);
  font-size: 11px;
  font-weight: 800;
}

.drawer-timeline-panel strong {
  color: #0b0a09;
  font-size: 13px;
}

.drawer-timeline-panel em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

@media (max-width: 1300px) {
  .recovery-workflow-rail,
  .save-desk-layout {
    grid-template-columns: 1fr;
  }

  .money-recovery-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .import-health-status-strip,
  .import-api-summary,
  .site-import-card-grid,
  .data-quality-privacy-grid,
  .imports-visual-control-room .mapping-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .source-map-validate-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .import-insight-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .member-directory-panel .member-intel-grid,
  .communication-case-grid,
  .communication-case-grid .comm-next-row,
  .save-desk-board,
  .money-recovery-context,
  .import-stepper-premium {
    grid-template-columns: 1fr;
  }

  .source-map-validate-flow,
  .import-api-summary,
  .data-quality-privacy-grid,
  .site-import-card-grid,
  .imports-visual-control-room .mapping-board {
    grid-template-columns: 1fr;
  }

  .import-health-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .imports-api-state {
    align-items: stretch;
    flex-direction: column;
  }

  .import-health-status-strip {
    grid-template-columns: 1fr;
  }

  .data-quality-score-module {
    grid-template-columns: 1fr;
  }
}

/* Approved light responsive UI polish. */
.responsive-light-polish {
  min-width: 0;
}

.dashboard-responsive-panel .lotus-metric-card,
.dashboard-responsive-panel .dashboard-command-panel,
.drawer-responsive-panel {
  min-width: 0;
}

.dashboard-responsive-panel .dashboard-command-panel > *,
.dashboard-responsive-panel .reference-right-rail,
.dashboard-responsive-panel .reference-right-rail section,
.dashboard-responsive-panel .revenue-command-stats,
.dashboard-responsive-panel .revenue-command-stats div,
.dashboard-responsive-panel .lotus-calendar-grid,
.dashboard-responsive-panel .location-comparison-bars,
.dashboard-responsive-panel .location-comparison-row,
.dashboard-responsive-panel .location-comparison-row > *,
.dashboard-responsive-panel .location-comparison-stack {
  min-width: 0;
  max-width: 100%;
}

.dashboard-responsive-panel .revenue-command-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-responsive-panel .revenue-command-stats strong,
.dashboard-responsive-panel .location-comparison-row strong,
.dashboard-responsive-panel .location-comparison-row span {
  overflow-wrap: anywhere;
}

.dashboard-responsive-panel .location-comparison-row {
  grid-template-columns: minmax(0, .9fr) minmax(70px, 1fr) minmax(0, .9fr);
  gap: 8px;
}

.dashboard-responsive-panel .lotus-calendar-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.dashboard-responsive-panel .lotus-calendar-grid b {
  width: min(30px, 100%);
  height: 30px;
}

.drawer-responsive-panel {
  width: min(460px, calc(100vw - 32px));
}

.drawer-responsive-panel .drawer-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--lotus-surface);
}

@media (max-width: 1180px) {
  #app {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }

  .sidebar {
    display: grid;
    grid-template-columns: minmax(170px, .62fr) minmax(0, 1fr);
    grid-template-areas:
      "brand note"
      "nav nav";
    gap: 14px;
    padding: 18px;
    border-radius: 24px;
  }

  .brand-block {
    grid-area: brand;
    min-height: 44px;
  }

  .brand-block strong {
    font-size: 19px;
  }

  .sidebar nav {
    grid-area: nav;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .nav-button {
    min-height: 40px;
    padding: 0 12px;
    border-radius: 15px;
  }

  .nav-button::before {
    width: 34px;
  }

  .sidebar-note {
    grid-area: note;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 190px);
    align-items: center;
    gap: 4px 12px;
    margin: 0;
    padding: 12px 14px;
    border-radius: 18px;
  }

  .sidebar-note strong {
    font-size: 18px;
  }

  .sidebar-note span {
    grid-column: 1;
    line-height: 1.35;
  }

  .sidebar-note .secondary-action {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-height: 38px;
    margin: 0;
  }

  .app-header {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 14px;
  }

  .header-title h1 {
    font-size: 30px;
  }

  .header-controls {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .header-controls input,
  .header-controls select {
    min-width: 0;
    width: 100%;
  }

  .light-lotus-dashboard,
  .secondary-light-refinement {
    gap: 16px;
  }

  .light-lotus-dashboard .reference-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .dashboard-responsive-panel .lotus-metric-card {
    min-height: 98px;
    padding: 16px 18px;
  }

  .dashboard-responsive-panel .lotus-metric-card strong {
    font-size: 26px;
  }

  .light-lotus-dashboard .reference-dashboard-workspace,
  .lotus-insight-grid,
  .lotus-lower-grid {
    gap: 16px;
  }

  .lotus-right-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .screen-command-header {
    grid-template-columns: minmax(0, .86fr) minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
  }

  .hero-mini-grid,
  .member-filter-bar,
  .member-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .member-command-header {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 12px;
  }

  .premium-member-layout {
    grid-template-columns: minmax(210px, .42fr) minmax(0, 1fr);
    gap: 16px;
  }

  .lead-reference-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .lead-context-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lead-pipeline-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lead-pipeline-compact .lead-board-header {
    grid-column: 1 / -1;
  }

  .recovery-workflow-rail,
  .save-desk-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .money-recovery-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .communication-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .import-stepper-premium,
  .import-workflow-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .drawer-responsive-panel {
    width: min(440px, calc(100vw - 28px));
  }

  .drawer-responsive-panel .drawer-case-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #app {
    padding: 10px;
  }

  .sidebar {
    grid-template-columns: 1fr;
    grid-template-areas:
      "brand"
      "nav"
      "note";
    border-radius: 20px;
  }

  .sidebar nav,
  .header-controls,
  .light-lotus-dashboard .reference-dashboard-metrics,
  .lotus-right-rail,
  .hero-mini-grid,
  .member-filter-bar,
  .member-status-strip,
  .lead-pipeline-compact,
  .lead-context-rail,
  .money-recovery-context,
  .communication-case-grid,
  .import-stepper-premium,
  .import-workflow-board,
  .drawer-responsive-panel .drawer-case-strip {
    grid-template-columns: 1fr;
  }

  .sidebar-note {
    grid-template-columns: 1fr;
  }

  .sidebar-note .secondary-action {
    grid-column: auto;
    grid-row: auto;
  }

  .app-header {
    gap: 10px;
  }

  .header-title h1 {
    font-size: 28px;
  }

  .screen-command-header,
  .premium-member-layout,
  .save-desk-layout {
    grid-template-columns: 1fr;
  }

  .drawer-responsive-panel {
    width: calc(100vw - 18px);
  }
}

/* Overnight demo readiness light CRM polish. */
.overnight-demo-readiness .lead-card,
.overnight-demo-readiness .member-intel-card,
.overnight-demo-readiness .money-recovery-card,
.overnight-demo-readiness .winback-recovery-card,
.overnight-demo-readiness .save-desk-card,
.overnight-demo-readiness .comm-case-card,
.overnight-demo-readiness .mapping-panel {
  min-width: 0;
}

.lead-demo-actions,
.recovery-demo-summary,
.cancellation-save-status {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lead-demo-actions span,
.recovery-demo-summary span,
.cancellation-save-status span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid var(--lotus-line);
  border-radius: 14px;
  background: #fffdf9;
}

.lead-demo-actions em,
.recovery-demo-summary em,
.cancellation-save-status em {
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
}

.lead-demo-actions strong,
.recovery-demo-summary strong,
.cancellation-save-status strong {
  overflow: hidden;
  color: #151312;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-directory-split {
  border-color: rgb(232 224 216 / .88);
}

.recovery-demo-summary {
  padding-bottom: 2px;
}

.recovery-demo-summary span {
  background: #f7fbf4;
}

.cancellation-save-status {
  margin-top: 2px;
}

.cancellation-save-status span {
  background: #fff7f4;
}

.communication-linked-context,
.import-demo-safety {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--lotus-line);
  border-radius: 16px;
  background: #fbf8f2;
}

.communication-linked-context span,
.import-demo-safety span {
  color: var(--lotus-muted);
  font-size: 12px;
  line-height: 1.35;
}

.communication-linked-context strong,
.import-demo-safety strong {
  color: #151312;
  font-size: 14px;
}

.communication-linked-context em {
  color: var(--lotus-red);
  font-size: 12px;
  font-style: normal;
}

.import-demo-safety {
  grid-template-columns: 190px minmax(0, 1fr);
  align-items: center;
  background: #fffaf5;
}

.drawer-source-panel,
.drawer-recent-activity-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--lotus-line);
  border-radius: 16px;
  background: #fffaf5;
}

.drawer-source-panel h3,
.drawer-recent-activity-panel h3 {
  color: var(--lotus-muted);
  font-size: 12px;
}

.drawer-source-panel > div,
.drawer-recent-activity-panel > div {
  display: grid;
  gap: 8px;
}

.drawer-source-panel article,
.drawer-recent-activity-panel article {
  display: grid;
  gap: 3px;
  padding-top: 8px;
  border-top: 1px solid var(--lotus-line);
}

.drawer-source-panel article:first-child,
.drawer-recent-activity-panel article:first-child {
  padding-top: 0;
  border-top: 0;
}

.drawer-source-panel span,
.drawer-recent-activity-panel span {
  color: var(--lotus-red);
  font-size: 11px;
  font-weight: 800;
}

.drawer-source-panel strong,
.drawer-recent-activity-panel strong {
  color: #0b0a09;
  font-size: 13px;
}

.drawer-recent-activity-panel em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
}

.drawer-note-panel {
  display: grid;
  gap: 6px;
  color: var(--lotus-muted);
  font-size: 12px;
}

.drawer-note-input {
  min-height: 82px;
  width: 100%;
  resize: vertical;
  border: 1px solid var(--lotus-line);
  border-radius: 14px;
  background: var(--lotus-surface);
  color: #151312;
  line-height: 1.4;
  padding: 10px 11px;
}

.drawer-note-input:focus {
  outline: 2px solid rgb(138 223 189 / .55);
  outline-offset: 2px;
}

.drawer-responsive-panel {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.drawer-responsive-panel .drawer-sections {
  overflow: visible;
}

.drawer-responsive-panel .drawer-actions {
  position: sticky;
  bottom: 0;
  background: var(--lotus-surface);
}

/* Overnight functional demo polish. */
.overnight-functional-demo-polish .lotus-metric-card {
  text-align: left;
  cursor: pointer;
}

.overnight-functional-demo-polish .lotus-metric-card:hover,
.access-scenario-card:hover,
.comm-action-row .secondary-action:hover,
.issue-card .secondary-action:hover {
  border-color: rgb(var(--signal-red-rgb) / .28);
  background: #fffaf5;
}

.demo-mode-indicator {
  display: grid;
  gap: 3px;
  margin-top: auto;
  padding: 12px 14px;
  border: 1px solid rgb(232 224 216 / .9);
  border-radius: 16px;
  background: #fffaf5;
}

.demo-mode-indicator strong {
  color: #181513;
  font-size: 13px;
}

.demo-mode-indicator span {
  color: var(--lotus-muted);
  font-size: 12px;
}

.member-profile-actions {
  grid-template-columns: auto auto minmax(0, 1fr);
}

.member-follow-up-state {
  color: var(--lotus-red);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.comm-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 2px;
}

.comm-action-row .secondary-action,
.issue-card .secondary-action {
  min-height: 34px;
  padding: 8px 10px;
  font-size: 12px;
}

/* Paid Tailwind final Member Profile integration. Profile/drawer patterns only; no paid source or assets copied. */
.status-badge.watch {
  border-color: #ead393;
  background: #fff7dd;
  color: #725419;
}

.member-profile-paid-final {
  width: min(790px, calc(100vw - 26px));
  grid-template-rows: auto 1fr;
  gap: 0;
  overflow-y: auto;
  border-left: 1px solid rgb(214 199 181 / .9);
  background:
    radial-gradient(circle at 16% 7%, rgb(70 99 73 / .08), transparent 26%),
    linear-gradient(180deg, #fffbf4 0%, #f5ede3 100%);
  box-shadow: -12px 0 32px rgb(56 38 22 / .16);
}

.member-profile-paid-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid rgb(220 205 188 / .92);
  background: rgb(255 253 248 / .94);
}

.member-profile-hero-identity {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
}

.member-profile-hero-identity .crm-soft-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  font-size: 16px;
}

.member-profile-hero-identity span,
.member-profile-hero-identity em {
  display: block;
  color: #6a5b50;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.member-profile-hero-identity strong {
  display: block;
  color: #0d0a08;
  font-size: 28px;
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.member-profile-status-row {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / 2;
  gap: 7px;
  padding-left: 71px;
}

.member-profile-health-card {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgb(214 196 174 / .92);
  border-radius: 13px;
  background: #fff7ed;
}

.member-profile-health-card span {
  color: #6b5c50;
  font-size: 12px;
}

.member-profile-health-card strong {
  color: #080605;
  font-size: 28px;
  line-height: 1;
}

.member-profile-health-card i {
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #eadccf;
}

.member-profile-health-card b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #256348;
}

.member-profile-paid-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 252px;
  gap: 14px;
  padding: 14px 16px 18px;
}

.member-profile-main-area,
.member-profile-command-rail {
  display: grid;
  align-content: start;
  gap: 12px;
}

.member-profile-journey,
.member-profile-visit-panel,
.member-profile-activity-timeline,
.member-profile-notes-panel,
.member-profile-command-rail > section {
  border: 1px solid rgb(218 202 184 / .92);
  border-radius: 15px;
  background: rgb(255 253 248 / .94);
  box-shadow: 0 10px 24px rgb(84 61 42 / .06);
}

.member-profile-journey,
.member-profile-visit-panel,
.member-profile-activity-timeline,
.member-profile-notes-panel {
  padding: 14px;
}

.member-profile-module-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(224 210 193 / .9);
}

.member-profile-module-title h3,
.member-profile-command-rail h3 {
  margin: 0;
  color: #11100f;
  font-size: 15px;
  line-height: 1.2;
}

.member-profile-module-title span {
  border-radius: 8px;
  background: #f6eddf;
  color: #6e5b4d;
  font-size: 11px;
  font-weight: 850;
  padding: 5px 8px;
}

.member-profile-journey-track,
.member-profile-journey-labels {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.member-profile-journey-track {
  margin-top: 18px;
}

.member-profile-journey-track i {
  height: 10px;
  border-radius: 999px;
  background: #256348;
}

.member-profile-journey-track i.now {
  background: #d9bd67;
}

.member-profile-journey-track i.off {
  background: #e8d9c9;
}

.member-profile-journey-labels {
  margin-top: 8px;
}

.member-profile-journey-labels span {
  color: #6e5b4d;
  font-size: 11px;
  font-weight: 850;
}

.member-profile-visit-bars {
  display: flex;
  align-items: end;
  gap: 9px;
  height: 112px;
  margin-top: 12px;
  padding: 15px;
  border-radius: 12px;
  background: #f5ebdd;
}

.member-profile-visit-bars i {
  flex: 1;
  min-height: 18px;
  border-radius: 9px 9px 4px 4px;
  background: #256348;
}

.member-profile-visit-bars i:nth-child(even) {
  background: #91a893;
}

.member-profile-stat-grid,
.member-profile-status-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.member-profile-stat-grid {
  margin-top: 10px;
}

.member-profile-stat-grid article,
.member-profile-status-stack article,
.member-profile-member-actions article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(219 202 184 / .9);
  border-radius: 10px;
  background: #fff8ef;
}

.member-profile-stat-grid span,
.member-profile-status-stack span,
.member-profile-member-actions span {
  color: #6b5c50;
  font-size: 11px;
}

.member-profile-stat-grid strong,
.member-profile-status-stack strong,
.member-profile-member-actions strong {
  color: #0d0a08;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.member-profile-activity-timeline > div {
  display: grid;
  gap: 0;
}

.member-profile-activity-timeline article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid rgb(224 210 193 / .9);
}

.member-profile-activity-timeline article:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.member-profile-activity-timeline .crm-soft-avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  font-size: 10px;
}

.member-profile-activity-timeline strong {
  color: #0f0b08;
  font-size: 13px;
}

.member-profile-activity-timeline em,
.member-profile-activity-timeline span {
  color: #6b5c50;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.member-profile-command-rail > section {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.member-profile-next-action-card {
  background: #eef7f0;
  border-color: #cadfce;
}

.member-profile-next-action-card p {
  margin: 0;
  color: #5d5149;
  font-size: 13px;
  line-height: 1.4;
}

.member-profile-contact-actions .secondary-action,
.member-profile-next-action-card .primary-action {
  width: 100%;
  min-height: 36px;
}

.member-profile-member-actions {
  grid-template-columns: 1fr;
}

.member-profile-notes-panel .drawer-note-panel {
  padding: 0;
  border: 0;
  background: transparent;
}

.member-profile-notes-panel .drawer-note-input {
  min-height: 94px;
}

@media (max-width: 900px) {
  .member-profile-paid-final {
    width: calc(100vw - 18px);
  }

  .member-profile-paid-hero,
  .member-profile-paid-layout {
    grid-template-columns: 1fr;
  }

  .member-profile-status-row {
    grid-column: auto;
    padding-left: 0;
  }

  .member-profile-health-card {
    max-width: none;
  }
}

@media (max-width: 560px) {
  .member-profile-hero-identity {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .member-profile-hero-identity .crm-soft-avatar {
    width: 46px;
    height: 46px;
  }

  .member-profile-hero-identity strong {
    font-size: 22px;
  }

  .member-profile-stat-grid,
  .member-profile-status-stack {
    grid-template-columns: 1fr;
  }

  .member-profile-activity-timeline article {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .member-profile-activity-timeline article > span {
    grid-column: 2;
  }
}

.issue-card.acknowledged {
  border-color: rgb(138 223 189 / .62);
  background: #f7fbf4;
}

/* Accountability Visual Integration: manager performance cockpit. */
.accountability-visual-cockpit {
  gap: 18px;
}

.accountability-visual-cockpit .screen-command-header {
  background:
    radial-gradient(circle at 14% 16%, rgb(145 215 184 / .26), transparent 34%),
    radial-gradient(circle at 86% 14%, rgb(216 199 236 / .3), transparent 34%),
    linear-gradient(135deg, #fffdf9, #f7f1e8);
}

.accountability-api-state,
.accountability-api-summary,
.accountability-api-task-strip,
.accountability-api-empty-state {
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
  color: var(--lotus-ink);
}

.accountability-api-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
}

.accountability-api-state strong,
.accountability-api-summary strong,
.accountability-api-task-strip strong,
.accountability-api-empty-state strong {
  color: var(--lotus-ink);
  font-size: 13px;
}

.accountability-api-state span,
.accountability-api-state em,
.accountability-api-summary span,
.accountability-api-summary em,
.accountability-api-task-strip span,
.accountability-api-task-strip em,
.accountability-api-empty-state span,
.accountability-api-empty-state em {
  min-width: 0;
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.accountability-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.accountability-api-state.fallback,
.accountability-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.accountability-api-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.accountability-api-summary article,
.accountability-api-task-strip > div,
.accountability-api-task-strip article,
.accountability-api-empty-state {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.accountability-api-summary article,
.accountability-api-task-strip article {
  padding: 10px;
  border: 1px solid rgb(232 224 216 / .72);
  border-radius: 12px;
  background: #fffaf5;
}

.accountability-api-summary strong,
.accountability-api-task-strip strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.accountability-api-summary strong {
  font-size: 18px;
}

.accountability-api-task-strip {
  display: grid;
  grid-template-columns: minmax(190px, .9fr) repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.accountability-api-empty-state {
  padding: 14px;
}

.manager-performance-kpi-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.manager-performance-kpi-strip article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgb(232 224 216 / .78);
  border-radius: 16px;
  background: linear-gradient(135deg, #fffdf9, #fbf5ec);
  box-shadow: 0 10px 24px rgb(88 68 52 / .055);
}

.manager-performance-kpi-strip span,
.owner-score-track span,
.response-meter-body em,
.task-outcome-grid em,
.risk-attention-panel em,
.recent-accountability-timeline em,
.accountability-action-queue span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.manager-performance-kpi-strip span {
  font-size: 11px;
  font-weight: 850;
}

.manager-performance-kpi-strip strong {
  overflow: hidden;
  color: #151312;
  font-size: clamp(18px, 1.8vw, 26px);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manager-performance-kpi-strip i,
.owner-score-track,
.accountability-action-queue em,
.outcome-split-visual,
.response-meter-mini-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6dc;
}

.manager-performance-kpi-strip i::before,
.owner-score-track i,
.accountability-action-queue em i {
  display: block;
  width: var(--fill, var(--score, 0%));
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #91d7b8, #d8c7ec);
  content: "";
}

.accountability-visual-cockpit .accountability-cockpit {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .42fr);
  align-items: start;
}

.accountability-main-stack,
.accountability-right-rail {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.accountability-visual-cockpit .owner-scorecard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.owner-performance-card {
  position: relative;
  overflow: hidden;
  border-color: rgb(226 216 206 / .88);
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 10%, rgb(145 215 184 / .12), transparent 35%),
    #fffdf9;
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.owner-performance-card.hot {
  border-color: rgb(var(--signal-red-rgb) / .24);
  background:
    radial-gradient(circle at 92% 10%, rgb(var(--signal-red-rgb) / .08), transparent 35%),
    #fffdf9;
}

.owner-performance-card.watch {
  background:
    radial-gradient(circle at 92% 10%, rgb(216 199 236 / .18), transparent 35%),
    #fffdf9;
}

.owner-performance-card.unavailable {
  padding: 16px;
}

.owner-performance-card .owner-scorecard-head {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 48px;
  align-items: center;
  gap: 10px;
}

.staff-performance-avatar .crm-soft-avatar {
  width: 36px;
  height: 36px;
}

.owner-performance-card .owner-scorecard-head b {
  background: #f0eafa;
  color: #2b251f;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .72);
}

.owner-score-track {
  display: grid;
  height: auto;
  gap: 6px;
  background: transparent;
}

.owner-score-track i {
  height: 8px;
}

.accountability-visual-cockpit .owner-metrics-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.owner-performance-card .outcome-split-visual.compact {
  height: 9px;
}

.outcome-split-visual {
  display: flex;
}

.outcome-split-visual i,
.outcome-split-visual b {
  display: block;
  height: 100%;
}

.outcome-split-visual i {
  background: #91d7b8;
}

.outcome-split-visual b {
  background: var(--signal-red-surface);
}

.response-speed-overdue-meter,
.task-outcome-scorecard,
.accountability-action-queue,
.risk-attention-panel,
.recent-accountability-timeline,
.accountability-location-comparison-module {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgb(226 216 206 / .88);
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.response-speed-overdue-meter {
  background:
    radial-gradient(circle at 12% 18%, rgb(216 199 236 / .2), transparent 40%),
    #fffdf9;
}

.response-meter-body {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
}

.response-meter-ring {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  border-radius: 999px;
  background:
    radial-gradient(circle, #fffdf9 0 56%, transparent 57%),
    conic-gradient(#d8c7ec 0 var(--response), #eee4d9 var(--response) 100%);
}

.response-meter-ring strong {
  color: #151312;
  font-size: 22px;
  line-height: .9;
}

.response-meter-ring span {
  color: var(--lotus-muted);
  font-size: 10px;
  font-weight: 850;
}

.response-meter-body div:last-child {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.response-meter-body b,
.task-outcome-grid strong,
.accountability-action-queue strong,
.accountability-action-queue b,
.risk-attention-panel strong,
.recent-accountability-timeline strong {
  color: #151312;
  font-size: 13px;
}

.response-meter-body .overdue-risk-badge {
  width: max-content;
}

.accountability-visual-cockpit .overdue-risk-badge.watch {
  border-color: rgb(216 199 236 / .7);
  background: #f0eafa;
  color: #49395f;
}

.accountability-visual-cockpit .overdue-risk-badge.good {
  border-color: rgb(145 215 184 / .7);
  background: #eef8f1;
  color: #173329;
}

.accountability-location-comparison-module {
  background:
    radial-gradient(circle at 96% 8%, rgb(145 215 184 / .12), transparent 34%),
    #fffdf9;
}

.accountability-location-comparison-module .location-comparison-list article {
  grid-template-columns: minmax(130px, 1fr) minmax(90px, .72fr) minmax(88px, .68fr) minmax(88px, .68fr);
  border-color: rgb(226 216 206 / .78);
  background: rgb(255 253 249 / .76);
}

.accountability-location-comparison-module .location-comparison-list article.unavailable {
  background: #fbf5ec;
}

.accountability-location-comparison-module .comparison-bar {
  grid-column: 1 / -1;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6dc;
}

.accountability-location-comparison-module .comparison-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #91d7b8, #d8c7ec);
}

.accountability-location-comparison-module .data-unavailable-note {
  margin: 0;
  color: var(--lotus-muted);
  font-size: 12px;
  line-height: 1.35;
}

.accountability-action-queue {
  background: linear-gradient(180deg, #fffdf9, #eef8f1);
}

.accountability-action-queue article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 14px;
  background: rgb(255 253 249 / .72);
}

.accountability-action-queue div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.accountability-action-queue em {
  grid-column: 1 / -1;
  height: 8px;
}

.task-outcome-scorecard {
  background: linear-gradient(180deg, #fffdf9, #f0eafa);
}

.task-outcome-scorecard .outcome-split-visual {
  height: 18px;
  border-radius: 999px;
}

.task-outcome-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.task-outcome-grid span {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 12px;
  background: rgb(255 253 249 / .72);
}

.risk-attention-panel {
  background:
    radial-gradient(circle at 94% 10%, rgb(var(--signal-red-rgb) / .08), transparent 35%),
    #fffdf9;
}

.risk-attention-panel article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 9px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 14px;
  background: rgb(255 253 249 / .72);
}

.risk-attention-panel em {
  grid-column: 2;
}

.recent-accountability-timeline {
  background: linear-gradient(180deg, #fffdf9, #fbf5ec);
}

.recent-accountability-timeline article {
  display: grid;
  grid-template-columns: 36px 42px minmax(0, 1fr);
  gap: 5px 10px;
  align-items: start;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 14px;
  background: rgb(255 253 249 / .72);
}

.recent-accountability-timeline span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 850;
}

.recent-accountability-timeline strong,
.recent-accountability-timeline em {
  grid-column: 3;
}

.access-simulator-page {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.access-demo-safety {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgb(var(--signal-red-rgb) / .18);
  border-radius: 18px;
  background: #fff7f4;
}

.access-demo-safety strong {
  color: var(--lotus-red);
  font-size: 14px;
}

.access-demo-safety span {
  color: var(--lotus-muted);
  font-size: 13px;
  line-height: 1.4;
}

.access-simulator-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr);
  gap: 18px;
  align-items: start;
}

.access-scenario-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.access-scenario-card {
  display: grid;
  min-width: 0;
  gap: 8px;
  overflow: hidden;
  padding: 15px;
  border: 1px solid var(--lotus-line);
  border-radius: 18px;
  background: var(--lotus-surface);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.access-scenario-card.selected {
  border-color: rgb(var(--signal-red-rgb) / .32);
  background: #fffaf5;
}

.access-scenario-card span,
.access-scenario-card em,
.access-scenario-card b {
  overflow: hidden;
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-scenario-card strong {
  overflow: hidden;
  color: #151312;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-decision-panel,
.access-decision-log,
.access-event-log {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--lotus-line);
  border-radius: 20px;
  background: var(--lotus-surface);
}

.access-scan-readout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.access-scan-readout article,
.access-decision-log article,
.access-event-log article {
  display: grid;
  min-width: 0;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgb(232 224 216 / .75);
  border-radius: 14px;
  background: #fffdf9;
}

.access-scan-readout span,
.access-decision-log span,
.access-event-log span,
.access-decision-log em,
.access-event-log em {
  overflow: hidden;
  color: var(--lotus-muted);
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-scan-readout strong,
.access-decision-log strong,
.access-event-log strong {
  overflow: hidden;
  color: #151312;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-simulator-page .access-scenario-card strong,
.access-simulator-page .access-scenario-card span,
.access-simulator-page .access-scenario-card em,
.access-simulator-page .access-scenario-card b,
.access-simulator-page .access-scan-readout strong,
.access-simulator-page .access-scan-readout span,
.access-simulator-page .access-scan-readout em,
.access-simulator-page .access-decision-log strong,
.access-simulator-page .access-decision-log span,
.access-simulator-page .access-decision-log em,
.access-simulator-page .access-event-log strong,
.access-simulator-page .access-event-log span,
.access-simulator-page .access-event-log em,
.access-simulator-page .access-api-event-strip strong,
.access-simulator-page .access-api-event-strip span,
.access-simulator-page .access-api-event-strip em {
  overflow-wrap: anywhere;
  white-space: normal;
}

.access-log-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

/* Access Simulator Visual Integration: mock-only access command panel. */
.access-visual-command-panel {
  gap: 18px;
}

.access-visual-command-panel .screen-command-header {
  background:
    radial-gradient(circle at 15% 18%, rgb(145 215 184 / .28), transparent 34%),
    radial-gradient(circle at 86% 12%, rgb(216 199 236 / .3), transparent 34%),
    linear-gradient(135deg, #fffdf9, #f7f1e8);
}

.demo-simulator-status-banner {
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr);
  border-color: rgb(var(--signal-red-rgb) / .2);
  background:
    radial-gradient(circle at 4% 18%, rgb(var(--signal-red-rgb) / .1), transparent 34%),
    #fff7f4;
}

.demo-simulator-status-banner div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.access-api-state,
.access-api-summary,
.access-api-event-strip,
.access-api-empty-state {
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 16px;
  background: rgb(255 253 249 / .9);
  color: var(--lotus-ink);
}

.access-api-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
}

.access-api-state strong,
.access-api-summary strong,
.access-api-event-strip strong,
.access-api-empty-state strong {
  color: var(--lotus-ink);
  font-size: 13px;
}

.access-api-state span,
.access-api-state em,
.access-api-summary span,
.access-api-summary em,
.access-api-event-strip span,
.access-api-event-strip em,
.access-api-empty-state span,
.access-api-empty-state em {
  min-width: 0;
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.access-api-state.error {
  border-color: rgb(var(--signal-red-rgb) / .32);
}

.access-api-state.fallback,
.access-api-state.loading {
  border-color: rgb(170 166 244 / .42);
}

.access-api-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.access-api-summary article,
.access-api-event-strip > div,
.access-api-event-strip article,
.access-api-empty-state {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.access-api-summary article,
.access-api-event-strip article {
  padding: 10px;
  border: 1px solid rgb(232 224 216 / .72);
  border-radius: 12px;
  background: #fffaf5;
}

.access-api-summary strong,
.access-api-event-strip strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-api-summary strong {
  font-size: 18px;
}

.access-api-event-strip {
  display: grid;
  grid-template-columns: minmax(190px, .9fr) repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.access-api-empty-state {
  padding: 14px;
}

.controller-safety-points {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.controller-safety-points span {
  padding: 9px 10px;
  border: 1px solid rgb(var(--signal-red-rgb) / .14);
  border-radius: 12px;
  background: rgb(255 253 249 / .78);
  color: #6d514b;
  font-size: 12px;
  font-weight: 850;
}

.access-visual-command-panel .access-simulator-layout {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .42fr);
}

.access-left-stack,
.access-right-rail {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.access-right-rail {
  align-self: start;
}

.live-access-scenario-card {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.live-access-scenario-card .access-scenario-card {
  position: relative;
  overflow: hidden;
  border-color: rgb(226 216 206 / .9);
  border-radius: 18px;
  background:
    linear-gradient(180deg, #fffdf9, #fbf5ec);
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.live-access-scenario-card .access-scenario-card::before {
  width: 40px;
  height: 5px;
  border-radius: 999px;
  background: #d8c7ec;
  content: "";
}

.live-access-scenario-card .access-scenario-card.allow::before {
  background: #91d7b8;
}

.live-access-scenario-card .access-scenario-card.deny::before {
  background: var(--signal-red);
}

.live-access-scenario-card .access-scenario-card.cache::before {
  background: #d8c7ec;
}

.live-access-scenario-card .access-scenario-card.selected {
  border-color: rgb(145 215 184 / .68);
  background:
    radial-gradient(circle at 88% 10%, rgb(145 215 184 / .18), transparent 42%),
    #fffdf9;
}

.access-decision-control-panel,
.allow-deny-state-card,
.offline-cache-status-tile,
.controller-site-status-tile,
.occupancy-access-meter,
.queued-sync-event-buffer {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgb(226 216 206 / .88);
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: 0 10px 24px rgb(72 54 42 / .055);
}

.access-decision-control-panel.allow {
  background:
    radial-gradient(circle at 12% 16%, rgb(145 215 184 / .2), transparent 40%),
    #fffdf9;
}

.access-decision-control-panel.deny {
  background:
    radial-gradient(circle at 12% 16%, rgb(var(--signal-red-rgb) / .1), transparent 38%),
    #fffdf9;
}

.access-decision-control-panel.cache {
  background:
    radial-gradient(circle at 12% 16%, rgb(216 199 236 / .22), transparent 40%),
    #fffdf9;
}

.access-control-readout {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.decision-orb {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border-radius: 28px;
  color: #211d19;
  font-size: 17px;
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .62);
}

.decision-orb.allow {
  background: #91d7b8;
}

.decision-orb.deny {
  background: var(--signal-red-surface);
  color: var(--signal-red);
}

.decision-orb.cache {
  background: #d8c7ec;
}

.access-control-readout div:last-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.access-control-readout strong {
  overflow: hidden;
  color: #151312;
  font-size: 20px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-control-readout span,
.access-control-readout em,
.offline-cache-status-tile p,
.queued-sync-event-buffer p,
.occupancy-meter-copy em {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.access-control-readout span {
  text-transform: capitalize;
}

.access-simulator-page .access-control-readout strong,
.access-simulator-page .access-control-readout span,
.access-simulator-page .access-control-readout em {
  overflow-wrap: anywhere;
  white-space: normal;
}

.scenario-action-strip {
  display: grid;
  grid-template-columns: minmax(160px, max-content) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding-top: 2px;
}

.scenario-action-strip span {
  color: var(--signal-red);
  font-size: 12px;
  font-weight: 850;
}

.decision-state-bars,
.queued-buffer-bars {
  display: grid;
  gap: 9px;
}

.decision-state-bars span,
.queued-buffer-bars span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  align-items: center;
}

.decision-state-bars b,
.queued-buffer-bars b,
.cache-status-meter strong,
.occupancy-meter-copy b {
  color: #151312;
  font-size: 13px;
}

.decision-state-bars em,
.queued-buffer-bars em,
.cache-status-meter span {
  color: var(--lotus-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.decision-state-bars i,
.queued-buffer-bars i,
.cache-status-meter i {
  grid-column: 1 / -1;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6dc;
}

.decision-state-bars u,
.queued-buffer-bars u,
.cache-status-meter u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #91d7b8, #d8c7ec);
}

.decision-state-bars span:nth-child(2) u {
  background: var(--signal-red-surface);
}

.cache-status-meter {
  display: grid;
  gap: 8px;
}

.offline-cache-status-tile {
  background: linear-gradient(180deg, #fffdf9, #faf3ea);
}

.controller-site-status-tile {
  background: linear-gradient(180deg, #fffdf9, #f0eafa);
}

.controller-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.controller-status-grid article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgb(226 216 206 / .78);
  border-radius: 12px;
  background: rgb(255 253 249 / .7);
}

.controller-status-grid span {
  color: var(--lotus-muted);
  font-size: 11px;
  font-weight: 850;
}

.controller-status-grid strong {
  overflow: hidden;
  color: #151312;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-telemetry-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 14px;
}

.occupancy-access-meter {
  grid-template-columns: 98px minmax(0, 1fr);
  align-items: center;
  background:
    radial-gradient(circle at 12% 18%, rgb(145 215 184 / .18), transparent 40%),
    #fffdf9;
}

.occupancy-access-meter .panel-heading {
  grid-column: 1 / -1;
}

.occupancy-meter-ring {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border-radius: 999px;
  background:
    radial-gradient(circle, #fffdf9 0 56%, transparent 57%),
    conic-gradient(#91d7b8 0 var(--occupancy), #eee4d9 var(--occupancy) 100%);
}

.occupancy-meter-ring strong {
  color: #151312;
  font-size: 26px;
  line-height: .9;
}

.occupancy-meter-ring span {
  color: var(--lotus-muted);
  font-size: 10px;
  font-weight: 850;
}

.occupancy-meter-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.event-log-timeline {
  margin: 0;
}

.event-log-timeline .access-decision-log,
.event-log-timeline .access-event-log {
  position: relative;
  border-radius: 18px;
  background: #fffdf9;
}

.event-log-timeline article {
  grid-template-columns: 9px minmax(0, 1fr);
  align-items: start;
}

.event-log-timeline article::before {
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 999px;
  background: #91d7b8;
  content: "";
}

.event-log-timeline article strong,
.event-log-timeline article em {
  grid-column: 2;
}

.queued-sync-event-buffer {
  background: linear-gradient(180deg, #fffdf9, #eef8f1);
}

@media (max-width: 980px) {
  .lead-demo-actions,
  .recovery-demo-summary,
  .cancellation-save-status,
  .import-demo-safety,
  .access-demo-safety,
  .access-simulator-layout,
  .access-log-layout {
    grid-template-columns: 1fr;
  }

  .access-scenario-grid,
  .access-scan-readout {
    grid-template-columns: 1fr;
  }

  .demo-simulator-status-banner,
  .controller-safety-points,
  .live-access-scenario-card,
  .access-api-summary,
  .access-api-event-strip,
  .access-telemetry-grid,
  .occupancy-access-meter,
  .scenario-action-strip {
    grid-template-columns: 1fr;
  }

  .access-api-state {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .access-simulator-mobile-overflow-guard,
  .access-simulator-page,
  .access-simulator-layout,
  .access-scenario-grid,
  .access-log-layout,
  .access-scan-readout,
  .access-api-summary,
  .access-api-event-strip,
  .access-decision-panel,
  .access-decision-log,
  .access-event-log,
  .live-access-scenario-card,
  .access-decision-control-panel {
    max-width: 100%;
    min-width: 0;
  }

  .access-demo-safety,
  .demo-simulator-status-banner,
  .access-visual-command-panel .access-simulator-layout,
  .access-simulator-layout,
  .access-scenario-grid,
  .access-visual-command-panel .access-scenario-grid,
  .access-log-layout,
  .access-scan-readout {
    grid-template-columns: minmax(0, 1fr);
  }

  .access-scenario-card,
  .access-decision-panel,
  .access-decision-log,
  .access-event-log,
  .access-api-event-strip article {
    overflow: hidden;
  }

  .access-simulator-page,
  .access-simulator-page strong,
  .access-simulator-page em,
  .access-simulator-page b,
  .access-simulator-page span {
    overflow-wrap: anywhere;
  }

  .access-scenario-card strong,
  .access-scenario-card span,
  .access-scenario-card em,
  .access-scenario-card b,
  .access-decision-log strong,
  .access-decision-log em,
  .access-decision-log span,
  .access-event-log strong,
  .access-event-log em,
  .access-event-log span,
  .access-api-event-strip strong,
  .access-api-event-strip em,
  .access-api-event-strip span {
    white-space: normal;
  }
}

@media (max-width: 1300px) {
  .live-access-scenario-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .access-telemetry-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .live-access-scenario-card {
    grid-template-columns: 1fr;
  }

  .access-control-readout,
  .controller-status-grid {
    grid-template-columns: 1fr;
  }

  .decision-orb {
    width: 76px;
    height: 76px;
    border-radius: 24px;
  }
}

@media (max-width: 980px) {
  .accountability-visual-cockpit .accountability-cockpit,
  .accountability-visual-cockpit .owner-scorecard-grid,
  .accountability-location-comparison-module .location-comparison-list article,
  .recent-accountability-timeline article {
    grid-template-columns: 1fr;
  }

  .accountability-main-stack,
  .accountability-right-rail {
    width: 100%;
  }

  .manager-performance-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .accountability-api-summary,
  .accountability-api-task-strip {
    grid-template-columns: 1fr;
  }

  .accountability-api-state {
    align-items: stretch;
    flex-direction: column;
  }

  .accountability-location-comparison-module .comparison-bar,
  .recent-accountability-timeline strong,
  .recent-accountability-timeline em {
    grid-column: 1;
  }
}

@media (max-width: 560px) {
  .manager-performance-kpi-strip,
  .accountability-visual-cockpit .owner-metrics-row,
  .task-outcome-grid,
  .response-meter-body,
  .accountability-action-queue article {
    grid-template-columns: 1fr;
  }

  .owner-performance-card .owner-scorecard-head {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .owner-performance-card .owner-scorecard-head b {
    grid-column: 1 / -1;
    width: 100%;
  }

  .accountability-action-queue em {
    grid-column: 1;
  }
}

.mock-payment-feed-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}

.mock-payment-feed-controls div {
  display: grid;
  gap: 4px;
}

.mock-payment-feed-controls div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.mock-payment-feed-controls span,
.mock-payment-feed-controls em,
.member-mock-payment-signal span,
.member-mock-payment-signal em {
  color: #64748b;
  font-size: 0.78rem;
  font-style: normal;
}

.mock-payment-feed-controls strong,
.member-mock-payment-signal strong {
  color: #0f172a;
}

.mock-payment-metric-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.mock-payment-metric-grid article,
.member-mock-payment-signal {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.88);
}

.mock-payment-metric-grid span {
  color: #64748b;
  font-size: 0.73rem;
}

.mock-payment-metric-grid strong {
  color: #0f172a;
  font-size: 1rem;
}

.mock-payment-event-panel p {
  margin: 10px 0 0;
  color: #64748b;
  font-size: 0.82rem;
}

.payment-persistence-state-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.payment-persistence-heading,
.payment-persistence-boundary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.payment-persistence-heading div {
  display: grid;
  gap: 3px;
}

.payment-persistence-heading strong {
  color: #0f172a;
  font-size: 0.95rem;
}

.payment-persistence-heading span,
.payment-persistence-heading em,
.payment-persistence-boundary span {
  color: #64748b;
  font-size: 0.78rem;
  font-style: normal;
}

.payment-persistence-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.payment-persistence-metrics article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  background: #f8fafc;
}

.payment-persistence-metrics span,
.payment-persistence-metrics em {
  overflow-wrap: anywhere;
  color: #64748b;
  font-size: 0.73rem;
  font-style: normal;
}

.payment-persistence-metrics strong {
  color: #0f172a;
  font-size: 1rem;
}

.payment-persistence-boundary {
  padding-top: 2px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  flex-wrap: wrap;
}

.mock-payment-recovery-lane {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.mock-payment-recovery-card.good {
  border-color: rgba(22, 163, 74, 0.28);
}

.mock-payment-recovery-card.warning {
  border-color: rgba(217, 119, 6, 0.3);
}

.mock-payment-recovery-card.hot {
  border-color: rgb(var(--signal-red-rgb) / 0.28);
}

.primary-action:disabled,
.secondary-action:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 820px) {
  .mock-payment-feed-controls {
    align-items: stretch;
    flex-direction: column;
  }

  .mock-payment-feed-controls div:last-child {
    justify-content: flex-start;
  }

  .mock-payment-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .payment-persistence-heading,
  .payment-persistence-boundary {
    align-items: flex-start;
    flex-direction: column;
  }

  .payment-persistence-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  #app,
  .main,
  .app-header,
  .header-title,
  .header-controls,
  .screen,
  .screen-command-header {
    min-width: 0;
    max-width: 100%;
  }

  .cancellations-visual-save-desk,
  .cancellations-visual-save-desk .cancellations-save-workspace,
  .cancellations-visual-save-desk .save-case-command-column,
  .cancellations-visual-save-desk .save-desk-command-rail,
  .cancellations-visual-save-desk .save-desk-board,
  .cancellations-visual-save-desk .save-case-card-visual,
  .cancellations-visual-save-desk .save-action-strip,
  .cancellations-visual-save-desk .save-focus-meta,
  .cancellations-visual-save-desk .cancellation-kpi-value-strip,
  .cancellations-visual-save-desk .cancellation-reason-meter article,
  .cancellations-visual-save-desk .owner-save-queue article {
    min-width: 0;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  .cancellations-visual-save-desk .save-case-open .case-title-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .cancellations-visual-save-desk strong,
  .cancellations-visual-save-desk b,
  .cancellations-visual-save-desk em,
  .cancellations-visual-save-desk p,
  .cancellations-visual-save-desk span {
    overflow-wrap: anywhere;
    white-space: normal;
  }
}

/* Command Centre component foundation */
.btv2-command-centre {
  --btv2-cc-page: #050505;
  --btv2-cc-panel: #0B0B0B;
  --btv2-cc-card: #111111;
  --btv2-cc-hover: #161616;
  --btv2-cc-track: #1D1D1D;
  --btv2-cc-border: rgb(255 255 255 / .16);
  --btv2-cc-hairline: rgb(255 255 255 / .08);
  --btv2-cc-border-red: var(--signal-red-border);
  --btv2-cc-text: #FFFFFF;
  --btv2-cc-body: #C9C9C9;
  --btv2-cc-muted: #8F8F8F;
  --btv2-cc-red: var(--signal-red);
  --btv2-cc-red-hover: var(--signal-red-hover);
  --btv2-cc-red-press: var(--signal-red-pressed);
  --btv2-cc-bar: #FFFFFF;
  --btv2-cc-bar-dim: #3A3A3A;
  --btv2-cc-gap: 12px;
  --btv2-cc-grid-gap: 14px;
  --btv2-cc-panel-pad: 24px;
  --btv2-cc-card-pad: 18px;
  --btv2-cc-state-time: 180ms;
  --btv2-cc-sweep-time: 400ms;
  background: var(--btv2-cc-page);
  box-sizing: border-box;
  color: var(--btv2-cc-text);
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.btv2-command-centre .btv2-cc-card,
.btv2-command-centre .btv2-cc-meter,
.btv2-command-centre .btv2-cc-queue-row,
.btv2-command-centre .btv2-cc-risk-meter,
.btv2-command-centre .btv2-cc-safety-popover {
  background: var(--btv2-cc-card);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre .btv2-cc-card,
.btv2-command-centre .btv2-cc-safety-popover {
  padding: var(--btv2-cc-card-pad);
}

.btv2-command-centre .btv2-cc-stat-card {
  display: grid;
  gap: var(--btv2-cc-gap);
  min-height: 150px;
}

.btv2-command-centre .btv2-cc-stat-card::before {
  background: var(--btv2-cc-red);
  content: "";
  display: block;
  height: 3px;
  width: 42px;
}

.btv2-command-centre .btv2-cc-stat-card[data-btv2-alert="true"],
.btv2-command-centre .btv2-cc-queue-row[data-btv2-urgent="true"] {
  border-color: var(--btv2-cc-border-red);
}

.btv2-command-centre .btv2-cc-label,
.btv2-command-centre .btv2-cc-note,
.btv2-command-centre .btv2-cc-row-main em,
.btv2-command-centre .btv2-cc-safety-detail {
  color: var(--btv2-cc-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.btv2-command-centre .btv2-cc-label {
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.btv2-command-centre .btv2-cc-number,
.btv2-command-centre .btv2-cc-rank,
.btv2-command-centre .btv2-cc-row-value {
  color: var(--btv2-cc-text);
  font-family: "Archivo Black", Impact, "Arial Black", sans-serif;
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 900;
  line-height: .95;
  text-transform: uppercase;
}

.btv2-command-centre .btv2-cc-meter {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
}

.btv2-command-centre .btv2-cc-meter-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
}

.btv2-command-centre .btv2-cc-meter-head strong {
  color: var(--btv2-cc-body);
  font-size: 12px;
}

.btv2-command-centre .btv2-cc-meter-track,
.btv2-command-centre .btv2-cc-risk-track {
  background: var(--btv2-cc-track);
  height: 7px;
  overflow: hidden;
  position: relative;
}

.btv2-command-centre .btv2-cc-meter-fill,
.btv2-command-centre .btv2-cc-risk-fill {
  background: var(--btv2-cc-bar);
  display: block;
  height: 100%;
  transform-origin: left center;
  width: var(--btv2-cc-meter-value, 0%);
}

.btv2-command-centre .btv2-cc-meter-fill[data-btv2-tone="risk"],
.btv2-command-centre .btv2-cc-risk-fill {
  background: var(--btv2-cc-red);
}

.btv2-command-centre .btv2-cc-chip {
  border: 1px solid var(--btv2-cc-hairline);
  border-radius: 0;
  color: var(--btv2-cc-body);
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1;
  padding: 7px 9px;
  text-transform: uppercase;
}

.btv2-command-centre .btv2-cc-chip[data-btv2-tone="risk"],
.btv2-command-centre .btv2-cc-status-lamp[data-btv2-state="risk"] {
  border-color: var(--btv2-cc-border-red);
  color: var(--btv2-cc-text);
}

.btv2-command-centre .btv2-cc-initials-square {
  align-items: center;
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  color: var(--btv2-cc-text);
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.btv2-command-centre .btv2-cc-risk-meter {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.btv2-command-centre .btv2-cc-risk-fill {
  width: var(--btv2-cc-risk-value, 0%);
}

.btv2-command-centre .btv2-cc-risk-marker {
  background: var(--btv2-cc-text);
  display: block;
  height: 100%;
  left: var(--btv2-cc-risk-marker, 70%);
  position: absolute;
  top: 0;
  width: 2px;
}

.btv2-command-centre .btv2-cc-progress-blocks {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
}

.btv2-command-centre .btv2-cc-progress-blocks span {
  border: 1px solid var(--btv2-cc-border);
  height: 18px;
}

.btv2-command-centre .btv2-cc-progress-blocks span[data-btv2-done="true"] {
  background: var(--btv2-cc-bar);
}

.btv2-command-centre .btv2-cc-action-button {
  background: var(--btv2-cc-red);
  border: 1px solid var(--btv2-cc-red);
  border-radius: 0;
  color: var(--btv2-cc-text);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  min-height: 44px;
  padding: 11px 14px;
  text-transform: uppercase;
}

.btv2-command-centre .btv2-cc-action-button[data-btv2-variant="secondary"] {
  background: transparent;
  border-color: var(--btv2-cc-border);
}

.btv2-command-centre .btv2-cc-action-button:hover {
  background: var(--btv2-cc-red-hover);
  border-color: var(--btv2-cc-red-hover);
}

.btv2-command-centre .btv2-cc-action-button:active {
  background: var(--btv2-cc-red-press);
  border-color: var(--btv2-cc-red-press);
}

.btv2-command-centre .btv2-cc-action-button:disabled {
  background: var(--btv2-cc-card);
  border-color: var(--btv2-cc-border);
  color: var(--btv2-cc-body);
  cursor: not-allowed;
  opacity: 1;
}

.btv2-command-centre .btv2-cc-action-button[data-btv2-variant="primary"]:disabled {
  background: var(--btv2-cc-card);
  border-color: var(--btv2-cc-border);
  border-left-color: var(--btv2-cc-red);
  color: var(--btv2-cc-text);
}

.btv2-command-centre .btv2-cc-status-lamp {
  align-items: center;
  border: 1px solid var(--btv2-cc-hairline);
  display: inline-flex;
  gap: 7px;
  padding: 6px 8px;
}

.btv2-command-centre .btv2-cc-status-lamp i {
  background: var(--btv2-cc-bar);
  display: block;
  height: 9px;
  width: 9px;
}

.btv2-command-centre .btv2-cc-status-lamp[data-btv2-state="risk"] i {
  background: var(--btv2-cc-red);
}

.btv2-command-centre .btv2-cc-status-lamp span,
.btv2-command-centre .btv2-cc-safety-summary {
  color: var(--btv2-cc-body);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.btv2-command-centre .btv2-cc-compact-header,
.btv2-command-centre .btv2-cc-safety-strip {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
  min-width: 0;
}

.btv2-command-centre .btv2-cc-compact-header {
  align-items: start;
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  padding: 12px 14px;
}

.btv2-command-centre .btv2-cc-compact-title {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.btv2-command-centre .btv2-cc-compact-title h2 {
  color: var(--btv2-cc-text);
  font-size: clamp(20px, 2.2vw, 30px);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.btv2-command-centre .btv2-cc-compact-title p {
  color: var(--btv2-cc-body);
  font-size: 12px;
  line-height: 1.35;
  max-width: 82ch;
  overflow-wrap: anywhere;
}

.btv2-command-centre .btv2-cc-compact-status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
  min-width: 0;
}

.btv2-command-centre .btv2-cc-compact-status .btv2-cc-status-lamp {
  border-color: transparent;
  padding: 2px 0;
}

.btv2-command-centre .btv2-cc-safety-strip {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 7px 8px;
}

.btv2-command-centre .btv2-cc-safety-strip strong {
  border: 1px solid var(--btv2-cc-hairline);
  color: var(--btv2-cc-body);
  font-size: 10px;
  letter-spacing: .1em;
  line-height: 1;
  padding: 5px 7px;
  text-transform: uppercase;
  white-space: nowrap;
}

.btv2-command-centre .btv2-cc-safety-strip strong[data-btv2-tone="risk"],
.btv2-command-centre .btv2-cc-safety-strip strong[data-btv2-tone="blocked"] {
  border-color: var(--btv2-cc-border-red);
  color: var(--btv2-cc-text);
}

.btv2-command-centre .btv2-cc-safety-popover {
  display: grid;
  gap: 10px;
}

.btv2-command-centre .btv2-cc-safety-summary {
  cursor: pointer;
}

.btv2-command-centre .btv2-cc-queue-row {
  align-items: center;
  display: grid;
  gap: var(--btv2-cc-gap);
  grid-template-columns: 42px minmax(0, 1fr) minmax(88px, auto) minmax(160px, .35fr) minmax(128px, auto);
  padding: 14px;
}

.btv2-command-centre .btv2-cc-row-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.btv2-command-centre .btv2-cc-row-main strong,
.btv2-command-centre .btv2-cc-row-main em,
.btv2-command-centre .btv2-cc-row-value {
  overflow-wrap: anywhere;
}

.btv2-command-centre .btv2-cc-row-main strong {
  color: var(--btv2-cc-text);
  font-size: 14px;
}

.btv2-command-centre .btv2-cc-rank,
.btv2-command-centre .btv2-cc-row-value {
  font-size: 20px;
}

@media (prefers-reduced-motion: no-preference) {
  .btv2-command-centre .btv2-cc-meter-fill,
  .btv2-command-centre .btv2-cc-risk-fill {
    animation: btv2CcSweep var(--btv2-cc-sweep-time) cubic-bezier(.2, 0, .2, 1) both;
  }

  .btv2-command-centre .btv2-cc-status-lamp[data-btv2-pulse="true"] i {
    animation: btv2CcPulse 2s cubic-bezier(.2, 0, .2, 1) infinite;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btv2-command-centre .btv2-cc-meter-fill,
  .btv2-command-centre .btv2-cc-risk-fill,
  .btv2-command-centre .btv2-cc-status-lamp i {
    animation: none;
  }
}

.btv2-payment-signup {
  min-width: 0;
}

.btv2-signup-feedback {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--btv2-cc-border);
  border-left: 3px solid var(--btv2-cc-red);
  background: var(--btv2-cc-panel);
  color: var(--btv2-cc-body);
  font-size: 12px;
}

.btv2-signup-layout {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(480px, 1.8fr) minmax(210px, .72fr);
  gap: 1px;
  margin-top: 12px;
  border: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-border);
}

.btv2-signup-intake,
.btv2-signup-workspace,
.btv2-signup-queue {
  min-width: 0;
  background: var(--btv2-cc-page);
}

.btv2-signup-intake,
.btv2-signup-queue {
  padding: 16px;
}

.btv2-signup-workspace {
  padding: 0;
}

.btv2-signup-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-signup-section-head span,
.btv2-signup-intake label,
.btv2-signup-offer-ledger span,
.btv2-signup-focus header span,
.btv2-signup-runway span,
.btv2-signup-provider-leg span,
.btv2-signup-next-action span,
.btv2-signup-review-alert span,
.btv2-signup-fixture-controls > span,
.btv2-signup-event-ledger article span,
.btv2-signup-queue [data-signup-select] span {
  color: var(--btv2-cc-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.btv2-signup-section-head strong {
  color: var(--btv2-cc-text);
  font-size: 12px;
}

.btv2-signup-intake form {
  display: grid;
  gap: 10px;
}

.btv2-signup-intake label {
  display: grid;
  gap: 5px;
}

.btv2-signup-field-control {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
  font: inherit;
}

.btv2-signup-primary-action,
.btv2-signup-next-action [data-signup-action] {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--btv2-cc-red);
  border-radius: 0;
  background: var(--btv2-cc-red);
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.btv2-signup-primary-action:active,
.btv2-signup-next-action [data-signup-action]:active,
.btv2-signup-queue [data-signup-select]:active,
.btv2-signup-fixture-controls [data-signup-action]:active {
  transform: translateY(1px);
}

.btv2-signup-field-control:focus-visible,
.btv2-signup-primary-action:focus-visible,
.btv2-signup-next-action [data-signup-action]:focus-visible,
.btv2-signup-queue [data-signup-select]:focus-visible,
.btv2-signup-fixture-controls [data-signup-action]:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.btv2-signup-offer-ledger {
  display: grid;
  gap: 3px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--btv2-cc-hairline);
}

.btv2-signup-offer-ledger strong {
  color: var(--btv2-cc-text);
  font-size: 30px;
  line-height: 1;
}

.btv2-signup-offer-ledger em,
.btv2-signup-focus header em,
.btv2-signup-provider-leg em,
.btv2-signup-next-action em,
.btv2-signup-review-alert em {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  font-style: normal;
}

.btv2-signup-empty {
  display: grid;
  place-content: center;
  min-height: 520px;
  padding: 24px;
  text-align: center;
}

.btv2-signup-empty span {
  color: var(--btv2-cc-red);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.btv2-signup-empty strong {
  margin-top: 5px;
  color: var(--btv2-cc-text);
  font-size: 28px;
}

.btv2-signup-empty p,
.btv2-signup-event-ledger > p,
.btv2-signup-queue-empty {
  color: var(--btv2-cc-muted);
  font-size: 11px;
}

.btv2-signup-focus > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-panel);
}

.btv2-signup-focus header > div {
  display: grid;
  gap: 4px;
}

.btv2-signup-focus header strong {
  color: var(--btv2-cc-text);
  font-size: 20px;
}

.btv2-signup-focus header > b {
  max-width: 190px;
  padding: 7px 9px;
  border: 1px solid var(--btv2-cc-border);
  color: var(--btv2-cc-body);
  font-size: 9px;
  text-align: right;
  text-transform: uppercase;
}

.btv2-signup-focus header > b.complete {
  border-color: #fff;
  color: #fff;
}

.btv2-signup-focus header > b.blocked {
  border-color: var(--btv2-cc-red);
  color: #fff;
}

.btv2-signup-runway {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--btv2-cc-border);
}

.btv2-signup-runway article {
  position: relative;
  display: grid;
  gap: 10px;
  min-width: 0;
  min-height: 88px;
  padding: 14px;
  border-right: 1px solid var(--btv2-cc-hairline);
  background: var(--btv2-cc-card);
}

.btv2-signup-runway article:last-child {
  border-right: 0;
}

.btv2-signup-runway article::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: var(--btv2-cc-track);
}

.btv2-signup-runway article.complete::before {
  background: #fff;
}

.btv2-signup-runway article.pending::before,
.btv2-signup-runway article.blocked::before {
  background: var(--btv2-cc-red);
}

.btv2-signup-runway strong {
  min-width: 0;
  color: var(--btv2-cc-text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.btv2-signup-provider-legs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  padding: 18px;
}

.btv2-signup-provider-leg {
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 132px;
  padding: 18px;
  border: 1px solid var(--btv2-cc-border);
  border-left: 3px solid var(--btv2-cc-track);
  background: var(--btv2-cc-card);
}

.btv2-signup-provider-leg.pending,
.btv2-signup-provider-leg.blocked {
  border-left-color: var(--btv2-cc-red);
}

.btv2-signup-provider-leg.complete {
  border-left-color: #fff;
}

.btv2-signup-provider-leg strong {
  color: var(--btv2-cc-text);
  font-size: 22px;
  overflow-wrap: anywhere;
}

.btv2-signup-handoff {
  display: grid;
  place-content: center;
  color: var(--btv2-cc-muted);
  font-size: 8px;
  font-weight: 900;
}

.btv2-signup-handoff i {
  display: block;
  width: 32px;
  height: 1px;
  margin-top: 5px;
  background: var(--btv2-cc-border);
}

.btv2-signup-next-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 18px 18px;
  padding: 14px;
  border: 1px solid var(--btv2-cc-border);
  border-left: 3px solid #fff;
  background: var(--btv2-cc-panel);
}

.btv2-signup-next-action.blocked {
  border-left-color: var(--btv2-cc-red);
}

.btv2-signup-next-action > div {
  display: grid;
  gap: 3px;
}

.btv2-signup-next-action strong,
.btv2-signup-review-alert strong {
  color: var(--btv2-cc-text);
  font-size: 13px;
}

.btv2-signup-review-alert {
  display: grid;
  gap: 3px;
  margin: 0 18px 18px;
  padding: 12px;
  border: 1px solid var(--btv2-cc-red);
  background: var(--signal-red-tint);
}

.btv2-signup-fixture-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 18px 18px;
  padding: 9px;
  border: 1px dashed var(--btv2-cc-border);
}

.btv2-signup-fixture-controls [data-signup-action] {
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: transparent;
  color: var(--btv2-cc-body);
  font-size: 9px;
  font-weight: 800;
}

.btv2-signup-event-ledger {
  padding: 18px;
  border-top: 1px solid var(--btv2-cc-border);
}

.btv2-signup-event-ledger article {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 88px;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-signup-event-ledger time {
  color: var(--btv2-cc-muted);
  font-size: 9px;
}

.btv2-signup-event-ledger article strong {
  min-width: 0;
  color: var(--btv2-cc-body);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.btv2-signup-event-ledger article span {
  text-align: right;
}

.btv2-signup-queue {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.btv2-signup-queue [data-signup-select] {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 11px;
  border: 1px solid var(--btv2-cc-hairline);
  border-radius: 0;
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
  text-align: left;
}

.btv2-signup-queue [data-signup-select].active {
  border-color: #fff;
  border-left: 3px solid var(--btv2-cc-red);
}

.btv2-signup-queue [data-signup-select] strong {
  min-width: 0;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.btv2-signup-queue [data-signup-select] em {
  color: var(--btv2-cc-muted);
  font-size: 9px;
  font-style: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .btv2-signup-layout {
    grid-template-columns: minmax(200px, .72fr) minmax(0, 1.6fr);
  }

  .btv2-signup-queue {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .btv2-signup-queue .btv2-signup-section-head,
  .btv2-signup-queue-empty {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .btv2-signup-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-signup-intake,
  .btv2-signup-workspace,
  .btv2-signup-queue {
    grid-column: auto;
  }

  .btv2-signup-workspace {
    order: -1;
  }

  .btv2-signup-empty {
    min-height: 280px;
  }

  .btv2-signup-focus > header,
  .btv2-signup-next-action {
    display: grid;
  }

  .btv2-signup-focus header > b {
    max-width: none;
    text-align: left;
  }

  .btv2-signup-runway {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-signup-runway article:nth-child(2) {
    border-right: 0;
  }

  .btv2-signup-runway article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--btv2-cc-hairline);
  }

  .btv2-signup-provider-legs {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 12px;
  }

  .btv2-signup-handoff {
    min-height: 24px;
  }

  .btv2-signup-handoff i {
    width: 1px;
    height: 16px;
    margin: 3px auto 0;
  }

  .btv2-signup-next-action,
  .btv2-signup-review-alert,
  .btv2-signup-fixture-controls {
    margin: 0 12px 12px;
  }

  .btv2-signup-next-action [data-signup-action] {
    width: 100%;
  }

  .btv2-signup-fixture-controls {
    align-items: stretch;
    display: grid;
  }

  .btv2-signup-event-ledger {
    padding: 12px;
  }

  .btv2-signup-event-ledger article {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .btv2-signup-event-ledger article span {
    text-align: left;
  }

  .btv2-signup-queue {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

.btv2-payment-signup[data-btv2-payment-signup="true"] {
  --btv2-signup-proof-boundary: 1;
}

.btv2-payment-operations {
  min-width: 0;
}

.btv2-payment-operations-scoreboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 12px;
  border: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-border);
  gap: 1px;
}

.btv2-payment-operations-scoreboard article {
  position: relative;
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 116px;
  padding: 14px;
  background: var(--btv2-cc-card);
}

.btv2-payment-operations-scoreboard article[data-btv2-alert="true"]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--btv2-cc-red);
}

.btv2-payment-operations-scoreboard span,
.btv2-payment-operations-section-head span,
.btv2-payment-reconciliation-header span,
.btv2-payment-event-header span,
.btv2-payment-review-list article > span,
.btv2-payment-locked-matrix dt {
  color: var(--btv2-cc-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.btv2-payment-operations-scoreboard strong {
  align-self: end;
  color: var(--btv2-cc-text);
  font-size: 34px;
  line-height: 1;
}

.btv2-payment-operations-scoreboard em {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  font-style: normal;
}

.btv2-payment-provider-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 1px;
  border: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-border);
}

.btv2-payment-provider-band .btv2-cc-provider-health {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 92px;
  border: 0;
  background: var(--btv2-cc-page);
}

.btv2-payment-provider-band .btv2-cc-provider-health strong,
.btv2-payment-provider-band .btv2-cc-provider-health time {
  overflow-wrap: anywhere;
}

.btv2-payment-operations-primary,
.btv2-payment-operations-secondary {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr);
  gap: 1px;
  margin-top: 12px;
  border: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-border);
}

.btv2-payment-reconciliation,
.btv2-payment-review-queue,
.btv2-payment-event-ledger,
.btv2-payment-operations-sidecar {
  min-width: 0;
  padding: 14px;
  background: var(--btv2-cc-page);
}

.btv2-payment-operations-sidecar {
  display: grid;
  align-content: start;
  gap: 12px;
}

.btv2-payment-operations-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-payment-operations-section-head strong {
  min-width: 0;
  color: var(--btv2-cc-text);
  font-size: 11px;
  overflow-wrap: anywhere;
  text-align: right;
}

.btv2-payment-reconciliation-grid,
.btv2-payment-event-table {
  min-width: 0;
}

.btv2-payment-reconciliation-header,
.btv2-payment-reconciliation-grid article {
  display: grid;
  grid-template-columns: minmax(150px, 1.25fr) repeat(4, minmax(90px, .75fr));
  gap: 10px;
  align-items: center;
}

.btv2-payment-reconciliation-header:has(span:nth-child(6)),
.btv2-payment-reconciliation-grid:has(.btv2-payment-row-action) article {
  grid-template-columns: minmax(140px, 1.2fr) repeat(4, minmax(80px, .7fr)) minmax(92px, .7fr);
}

.btv2-payment-reconciliation-header {
  min-height: 32px;
  padding: 0 8px;
  background: var(--btv2-cc-panel);
}

.btv2-payment-reconciliation-grid article {
  min-height: 52px;
  padding: 8px;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-payment-reconciliation-grid article strong,
.btv2-payment-reconciliation-grid article span,
.btv2-payment-reconciliation-grid article b {
  min-width: 0;
  color: var(--btv2-cc-body);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.btv2-payment-reconciliation-grid article strong {
  color: var(--btv2-cc-text);
}

.btv2-payment-reconciliation-grid [data-btv2-tone="risk"],
.btv2-payment-event-table [data-btv2-tone="risk"],
.btv2-payment-delivery-audit [data-btv2-tone="risk"] {
  color: var(--signal-red-on-dark);
}

.btv2-payment-reconciliation-grid [data-btv2-tone="local"],
.btv2-payment-event-table [data-btv2-tone="local"],
.btv2-payment-delivery-audit [data-btv2-tone="local"] {
  color: #fff;
}

.btv2-payment-review-list {
  display: grid;
  gap: 1px;
  background: var(--btv2-cc-hairline);
}

.btv2-payment-review-list article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 72px 86px;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  background: var(--btv2-cc-card);
}

.btv2-payment-review-list article[data-btv2-tone="risk"] {
  border-left: 3px solid var(--btv2-cc-red);
}

.btv2-payment-review-list article div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.btv2-payment-review-list article strong,
.btv2-payment-review-list article em,
.btv2-payment-review-list article b,
.btv2-payment-review-list article i,
.btv2-payment-review-list article small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.btv2-payment-review-list article strong {
  color: var(--btv2-cc-text);
  font-size: 11px;
}

.btv2-payment-review-list article em,
.btv2-payment-review-list article small {
  color: var(--btv2-cc-muted);
  font-size: 9px;
  font-style: normal;
}

.btv2-payment-review-list article b,
.btv2-payment-review-list article i {
  color: var(--btv2-cc-body);
  font-size: 9px;
  font-style: normal;
  text-transform: uppercase;
}

.btv2-payment-review-list article small {
  grid-column: 2 / -1;
}

.btv2-payment-review-list .btv2-payment-row-action {
  grid-column: 2 / -1;
  justify-self: start;
}

.btv2-payment-row-action {
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-surface);
  color: var(--btv2-cc-text);
  font: inherit;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.btv2-payment-job-queue article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-payment-job-queue article div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.btv2-payment-event-header,
.btv2-payment-event-table article {
  display: grid;
  grid-template-columns: 88px 76px minmax(150px, 1.35fr) 110px 110px;
  gap: 10px;
  align-items: center;
}

.btv2-payment-event-header {
  min-height: 32px;
  padding: 0 8px;
  background: var(--btv2-cc-panel);
}

.btv2-payment-event-table article {
  min-height: 48px;
  padding: 8px;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-payment-event-table article time,
.btv2-payment-event-table article strong,
.btv2-payment-event-table article span,
.btv2-payment-event-table article b {
  min-width: 0;
  color: var(--btv2-cc-body);
  font-size: 9px;
  overflow-wrap: anywhere;
}

.btv2-payment-event-table article strong {
  color: var(--btv2-cc-text);
  text-transform: uppercase;
}

.btv2-payment-delivery-audit article {
  display: grid;
  grid-template-columns: 78px 70px minmax(0, 1fr) minmax(82px, .8fr);
  gap: 8px;
  align-items: center;
  min-height: 42px;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-payment-delivery-audit article time,
.btv2-payment-delivery-audit article strong,
.btv2-payment-delivery-audit article span,
.btv2-payment-delivery-audit article b {
  min-width: 0;
  color: var(--btv2-cc-body);
  font-size: 9px;
  overflow-wrap: anywhere;
}

.btv2-payment-locked-matrix {
  padding: 12px;
  border: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-card);
}

.btv2-payment-locked-matrix dl {
  display: grid;
  margin: 0;
}

.btv2-payment-locked-matrix dl div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--btv2-cc-hairline);
}

.btv2-payment-locked-matrix dl div:last-child {
  border-bottom: 0;
}

.btv2-payment-locked-matrix dd {
  min-width: 0;
  margin: 0;
  color: var(--btv2-cc-body);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.btv2-payment-staff-actions {
  display: grid;
  gap: 8px;
}

.btv2-payment-staff-action {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-surface);
  color: var(--btv2-cc-text);
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.btv2-payment-staff-action:not(:disabled):hover,
.btv2-payment-staff-action:not(:disabled):focus-visible {
  border-color: var(--btv2-cc-text);
  background: var(--btv2-cc-text);
  color: #0b0c0d;
  outline: 0;
}

.btv2-payment-staff-action:disabled {
  color: var(--btv2-cc-muted);
  cursor: not-allowed;
  opacity: .7;
}

.btv2-payment-operations-empty {
  margin: 0;
  padding: 18px 8px;
  color: var(--btv2-cc-muted);
  font-size: 10px;
}

@media (max-width: 1120px) {
  .btv2-payment-operations-primary,
  .btv2-payment-operations-secondary {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-payment-provider-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-payment-provider-band .btv2-cc-provider-health:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .btv2-payment-operations-scoreboard,
  .btv2-payment-operations-scoreboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-payment-provider-band {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-payment-operations-scoreboard article {
    min-height: 94px;
    padding: 11px;
  }

  .btv2-payment-operations-scoreboard strong {
    font-size: 28px;
  }

  .btv2-payment-provider-band .btv2-cc-provider-health:last-child {
    grid-column: auto;
  }

  .btv2-payment-provider-band .btv2-cc-provider-health {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 76px;
  }

  .btv2-payment-provider-band .btv2-cc-status-lamp {
    grid-column: 1 / -1;
  }

  .btv2-payment-reconciliation,
  .btv2-payment-review-queue,
  .btv2-payment-event-ledger,
  .btv2-payment-operations-sidecar {
    padding: 10px;
  }

  .btv2-payment-reconciliation-header,
  .btv2-payment-event-header {
    display: none;
  }

  .btv2-payment-reconciliation-grid article,
  .btv2-payment-reconciliation-grid:has(.btv2-payment-row-action) article,
  .btv2-payment-event-table article,
  .btv2-payment-review-list article,
  .btv2-payment-delivery-audit article {
    grid-template-columns: minmax(0, 1fr) minmax(90px, .7fr);
    gap: 5px 10px;
    padding: 10px 8px;
  }

  .btv2-payment-reconciliation-grid article strong,
  .btv2-payment-event-table article > span:nth-child(3),
  .btv2-payment-review-list article div,
  .btv2-payment-delivery-audit article span {
    grid-column: 1 / -1;
  }

  .btv2-payment-review-list article > span {
    display: none;
  }

  .btv2-payment-review-list article small {
    grid-column: 1 / -1;
  }

  .btv2-payment-reconciliation-grid .btv2-payment-row-action,
  .btv2-payment-review-list .btv2-payment-row-action {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .btv2-payment-locked-matrix dl div {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }
}

@media (max-width: 760px) {
  .btv2-command-centre .btv2-cc-compact-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    padding: 10px;
  }

  .btv2-command-centre .btv2-cc-compact-title h2 {
    font-size: clamp(19px, 6vw, 24px);
  }

  .btv2-command-centre .btv2-cc-compact-title p {
    font-size: 11px;
  }

  .btv2-command-centre .btv2-cc-status-lamp {
    border-color: transparent;
    padding: 0;
  }

  .btv2-command-centre .btv2-cc-compact-status {
    gap: 5px 8px;
    justify-content: flex-start;
  }

  .btv2-command-centre .btv2-cc-status-lamp i {
    height: 7px;
    width: 7px;
  }

  .btv2-command-centre .btv2-cc-status-lamp span {
    font-size: 9px;
    letter-spacing: .08em;
  }

  .btv2-command-centre .btv2-cc-safety-strip {
    display: grid;
    grid-template-columns: 1fr;
    overflow: visible;
    padding: 6px;
  }

  .btv2-command-centre .btv2-cc-queue-row {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre .btv2-cc-number {
    font-size: clamp(28px, 12vw, 42px);
  }
}

.btv2-command-centre .btv2-cc-trend,
.btv2-command-centre .btv2-cc-distribution,
.btv2-command-centre .btv2-cc-site-comparison,
.btv2-command-centre .btv2-cc-funnel,
.btv2-command-centre .btv2-cc-timeline,
.btv2-command-centre .btv2-cc-selected-detail,
.btv2-command-centre .btv2-cc-status-matrix,
.btv2-command-centre .btv2-cc-provider-health,
.btv2-command-centre .btv2-cc-state-panel,
.btv2-command-centre .btv2-cc-integration-placeholder,
.btv2-command-centre .btv2-cc-mobile-action-card {
  background: var(--btv2-cc-card);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
  margin: 0;
  min-width: 0;
  padding: var(--btv2-cc-card-pad);
}

.btv2-command-centre :is(.btv2-cc-trend, .btv2-cc-distribution) figcaption,
.btv2-command-centre :is(.btv2-cc-site-comparison, .btv2-cc-funnel, .btv2-cc-timeline, .btv2-cc-status-matrix) h3 {
  font-size: 12px;
  margin: 0 0 14px;
  text-transform: uppercase;
}

.btv2-command-centre .btv2-cc-trend-plot {
  align-items: end;
  border-bottom: 1px solid var(--btv2-cc-border);
  display: grid;
  gap: 8px;
  grid-auto-columns: minmax(44px, 1fr);
  grid-auto-flow: column;
  min-height: 160px;
  overflow-x: auto;
}

.btv2-command-centre .btv2-cc-trend-point {
  align-items: center;
  display: grid;
  gap: 5px;
  grid-template-rows: 110px auto auto;
  min-width: 44px;
  position: relative;
  text-align: center;
}

.btv2-command-centre .btv2-cc-trend-point > :is(i, b) {
  align-self: end;
  background: var(--btv2-cc-text);
  display: block;
  grid-area: 1 / 1;
  height: var(--btv2-primary);
  justify-self: center;
  width: 12px;
}

.btv2-command-centre .btv2-cc-trend-point > b {
  background: var(--btv2-cc-red);
  height: 3px;
  margin-bottom: var(--btv2-secondary);
  width: 24px;
}

.btv2-command-centre .btv2-cc-trend-point > span,
.btv2-command-centre .btv2-cc-timeline :is(time, span),
.btv2-command-centre .btv2-cc-selected-detail p,
.btv2-command-centre .btv2-cc-integration-placeholder p,
.btv2-command-centre .btv2-cc-state-panel span,
.btv2-command-centre .btv2-cc-mobile-action-card > span {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.btv2-command-centre .btv2-cc-distribution-track {
  display: flex;
  gap: 3px;
  height: 14px;
}

.btv2-command-centre .btv2-cc-distribution-track i {
  background: var(--btv2-cc-text);
  display: block;
  flex: 0 0 var(--btv2-segment);
}

.btv2-command-centre [data-btv2-tone="risk"] {
  --btv2-cc-indicator: var(--btv2-cc-red);
}

.btv2-command-centre .btv2-cc-distribution-track i[data-btv2-tone="risk"] {
  background: var(--btv2-cc-red);
}

.btv2-command-centre .btv2-cc-distribution-track i[data-btv2-tone="muted"] {
  background: var(--btv2-cc-muted);
}

.btv2-command-centre .btv2-cc-distribution-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 12px;
}

.btv2-command-centre .btv2-cc-distribution-legend span {
  color: var(--btv2-cc-body);
  font-size: 11px;
}

.btv2-command-centre :is(.btv2-cc-site-comparison, .btv2-cc-funnel, .btv2-cc-timeline, .btv2-cc-selected-detail, .btv2-cc-selected-detail header, .btv2-cc-state-panel, .btv2-cc-integration-placeholder, .btv2-cc-mobile-action-card) {
  display: grid;
  gap: 10px;
}

.btv2-command-centre .btv2-cc-funnel-stage {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: 26px minmax(90px, .5fr) minmax(100px, 1fr) auto;
}

.btv2-command-centre .btv2-cc-funnel-stage > i {
  background: var(--btv2-cc-hairline);
  display: block;
  height: 8px;
  position: relative;
}

.btv2-command-centre .btv2-cc-funnel-stage > i::after {
  background: var(--btv2-cc-text);
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: var(--btv2-funnel);
}

.btv2-command-centre .btv2-cc-timeline article {
  border-left: 2px solid var(--btv2-cc-hairline);
  display: grid;
  gap: 10px;
  grid-template-columns: 80px minmax(0, 1fr);
  padding-left: 12px;
}

.btv2-command-centre .btv2-cc-selected-detail dl {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.btv2-command-centre .btv2-cc-selected-detail dl div {
  background: var(--btv2-cc-page);
  padding: 10px;
}

.btv2-command-centre .btv2-cc-selected-detail :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

.btv2-command-centre .btv2-cc-selected-detail dt {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  text-transform: uppercase;
}

.btv2-command-centre .btv2-cc-status-matrix-grid {
  align-items: center;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(var(--btv2-columns), minmax(88px, 1fr));
  overflow-x: auto;
}

.btv2-command-centre .btv2-cc-status-matrix-grid > :is(strong, span) {
  background: var(--btv2-cc-page);
  min-height: 42px;
  padding: 10px;
}

.btv2-command-centre .btv2-cc-consent-band {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.btv2-command-centre .btv2-cc-consent-band article {
  border-top: 3px solid var(--btv2-cc-indicator, var(--btv2-cc-text));
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
}

.btv2-command-centre .btv2-cc-consent-band :is(span, em) {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.btv2-command-centre :is(.btv2-cc-provider-health, .btv2-cc-freshness) {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.btv2-command-centre :is(.btv2-cc-provider-health, .btv2-cc-freshness) time {
  color: var(--btv2-cc-muted);
  font-size: 10px;
}

.btv2-command-centre .btv2-cc-freshness {
  border: 1px solid var(--btv2-cc-border);
  min-height: 32px;
  padding: 6px 9px;
}

.btv2-command-centre :is(.btv2-cc-state-panel[data-btv2-state="error"], .btv2-cc-integration-placeholder[data-btv2-tone="risk"]) {
  border-left: 3px solid var(--btv2-cc-red);
}

.btv2-command-centre .btv2-cc-quick-action {
  background: var(--btv2-cc-card);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
  cursor: pointer;
  display: grid;
  gap: 5px;
  min-height: 64px;
  padding: 12px;
  text-align: left;
}

.btv2-command-centre .btv2-cc-quick-action span,
.btv2-command-centre .btv2-cc-inline-empty {
  color: var(--btv2-cc-muted);
  font-size: 11px;
}

.btv2-command-centre :is(.btv2-cc-quick-action, .btv2-cc-action-button):focus-visible {
  outline: 2px solid var(--btv2-cc-red);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .btv2-command-centre :is(.btv2-cc-consent-band, .btv2-cc-selected-detail dl) {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre .btv2-cc-quick-action,
  .btv2-command-centre .btv2-cc-mobile-action-card .btv2-cc-action-button {
    min-height: 44px;
  }
}

@keyframes btv2CcSweep {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes btv2CcPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}
/* End Command Centre component foundation */

/* Command Centre review console */
.btv2-review-launcher,
.btv2-review-console,
.btv2-review-console * {
  box-sizing: border-box;
}

.btv2-review-launcher {
  align-items: center;
  background: #0d0d0d;
  border: 1px solid #2a2a2a;
  border-radius: 0;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-height: 52px;
  padding: 9px 10px;
  text-align: left;
  width: 100%;
}

.btv2-review-launcher span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.btv2-review-launcher strong,
.btv2-review-launcher b {
  color: #ffffff;
  font-size: 11px;
  line-height: 1.2;
}

.btv2-review-launcher em {
  color: #a8a8a8;
  font-size: 9px;
  font-style: normal;
  line-height: 1.2;
}

.btv2-review-launcher b {
  border-left: 1px solid #333333;
  flex: 0 0 auto;
  padding-left: 9px;
}

.btv2-review-console-layer {
  display: grid;
  inset: 0;
  justify-items: end;
  position: fixed;
  z-index: 1400;
}

.btv2-review-console-layer[hidden] {
  display: none;
}

.btv2-review-console-backdrop {
  background: rgb(0 0 0 / .76);
  border: 0;
  border-radius: 0;
  cursor: default;
  inset: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}

.btv2-review-console {
  background: #070707;
  border: 0;
  border-left: 1px solid #3a3a3a;
  border-radius: 0;
  color: #f5f5f5;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100dvh;
  max-width: 100%;
  min-width: 0;
  position: relative;
  width: clamp(360px, 31vw, 440px);
  z-index: 1;
}

.btv2-review-console-head {
  align-items: center;
  border-bottom: 1px solid #2a2a2a;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 76px;
  padding: 14px;
}

.btv2-review-console-head > div,
.btv2-review-console-status {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.btv2-review-console-head strong {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.15;
}

.btv2-review-console-head span,
.btv2-review-console-status span,
.btv2-review-console p,
.btv2-review-console-flag em,
.btv2-review-console-flag code {
  color: #a8a8a8;
  font-size: 10px;
  line-height: 1.35;
}

.btv2-review-console-close {
  align-items: center;
  background: #111111;
  border: 1px solid #3a3a3a;
  border-radius: 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 44px;
  font-size: 24px;
  height: 44px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 44px;
}

.btv2-review-console-body {
  display: grid;
  gap: 10px;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px;
}

.btv2-review-console-status {
  border-left: 2px solid var(--signal-red);
  padding: 4px 0 4px 10px;
}

.btv2-review-console-status strong {
  color: #ffffff;
  font-size: 12px;
}

.btv2-review-console-flags {
  display: grid;
  gap: 7px;
}

.btv2-review-console-all,
.btv2-review-console-shell {
  align-items: center;
  border: 1px solid #2a2a2a;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
  padding: 10px;
}

.btv2-review-console-all[data-btv2-all-enabled="true"],
.btv2-review-console-shell[data-btv2-flag-enabled="true"] {
  border-left: 2px solid var(--signal-red);
}

.btv2-review-console-all input,
.btv2-review-console-shell input,
.btv2-review-console-flag input {
  accent-color: var(--signal-red);
  block-size: 18px;
  inline-size: 18px;
}

.btv2-review-console-all span,
.btv2-review-console-shell span,
.btv2-review-console-flag span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.btv2-review-console-all strong,
.btv2-review-console-shell strong,
.btv2-review-console-flag strong {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.2;
}

.btv2-review-console-all em,
.btv2-review-console-shell em,
.btv2-review-console-all code,
.btv2-review-console-shell code {
  color: #a8a8a8;
  font-size: 10px;
  font-style: normal;
  line-height: 1.3;
  overflow-wrap: break-word;
  word-break: normal;
}

.btv2-review-console-all code,
.btv2-review-console-shell code {
  grid-column: 1 / -1;
}

.btv2-review-console-flag {
  align-items: center;
  background: #0d0d0d;
  border: 1px solid #202020;
  border-radius: 0;
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-width: 0;
  padding: 9px;
}

.btv2-review-console-flag[data-btv2-flag-enabled="true"] {
  border-left: 2px solid var(--signal-red);
}

.btv2-review-console-flag label {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
}

.btv2-review-console-flag strong,
.btv2-review-console-flag em {
  overflow-wrap: break-word;
  word-break: normal;
}

.btv2-review-console-flag code {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  grid-column: 1 / -1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btv2-review-console-open,
.btv2-review-console-flag > button,
.btv2-review-link-row button {
  align-items: center;
  background: #111111;
  border: 1px solid #2a2a2a;
  border-radius: 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-size: 10px;
  justify-content: center;
  min-height: 34px;
  padding: 0 9px;
  text-decoration: none;
}

.btv2-review-context,
.btv2-review-links,
.btv2-review-checklist {
  border: 1px solid #202020;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  padding: 10px;
}

.btv2-review-context > strong,
.btv2-review-links > strong,
.btv2-review-checklist > strong {
  color: #ffffff;
  flex: 0 0 100%;
  font-size: 11px;
}

.btv2-review-context > span,
.btv2-review-checklist > span {
  border: 1px solid #2a2a2a;
  color: #c9c9c9;
  font-size: 9px;
  padding: 5px 6px;
}

.btv2-review-link-row {
  display: grid;
  flex: 0 0 100%;
  gap: 6px;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  min-width: 0;
}

.btv2-review-link-row label {
  align-self: center;
  color: #c9c9c9;
  font-size: 9px;
}

.btv2-review-link-row input {
  background: #0d0d0d;
  border: 1px solid #2a2a2a;
  border-radius: 0;
  color: #a8a8a8;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 9px;
  min-height: 34px;
  min-width: 0;
  padding: 5px 7px;
  width: 100%;
}

.btv2-review-links p {
  flex: 0 0 100%;
  margin: 0;
}

@media (max-width: 760px) {
  .btv2-review-console-layer {
    align-items: end;
  }

  .btv2-review-console {
    border: 0;
    border-top: 1px solid #3a3a3a;
    height: min(92dvh, 760px);
    width: 100%;
  }

  .btv2-review-console-head {
    min-height: 68px;
    padding: 12px;
  }

  .btv2-review-console-body {
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
  }

  .btv2-review-console-flag {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-review-console-flag label {
    grid-column: 1 / -1;
  }

  .btv2-review-console-open,
  .btv2-review-console-flag > button,
  .btv2-review-link-row button {
    min-height: 44px;
    width: 100%;
  }

  .btv2-review-link-row {
    grid-template-columns: minmax(0, 1fr) 72px;
  }

  .btv2-review-link-row label {
    grid-column: 1 / -1;
  }
}

/* End Command Centre review console */

/* Command Centre shell */
#app.btv2-shell-active {
  grid-template-columns: 236px minmax(0, 1fr);
  gap: 0;
  min-height: 100dvh;
  padding: 0;
  background: #050505;
}

#app.btv2-shell-active .btv2-sidebar-topbar {
  display: block;
  min-width: 0;
}

#app.btv2-shell-active .btv2-mobile-nav-toggle {
  display: none;
}

#app.btv2-shell-active .sidebar {
  align-content: start;
  gap: 14px;
  height: 100dvh;
  min-height: 100dvh;
  overflow-y: auto;
  padding: 18px 14px;
  position: sticky;
  top: 0;
  border: 0;
  border-right: 1px solid rgb(255 255 255 / .16);
  border-radius: 0;
  background: #080808;
  box-shadow: none;
}

#app.btv2-shell-active .brand-block {
  min-height: 46px;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
}

#app.btv2-shell-active .brand-mark {
  width: 38px;
  height: 38px;
  border: 1px solid #3a3a3a;
  border-radius: 0;
  background: #111111;
  color: #ffffff;
}

#app.btv2-shell-active .brand-block strong,
#app.btv2-shell-active .sidebar-note strong {
  color: #ffffff;
}

#app.btv2-shell-active .brand-block span,
#app.btv2-shell-active .sidebar-note span {
  color: #8f8f8f;
}

#app.btv2-shell-active .sidebar nav {
  gap: 0;
  background: #080808;
}

#app.btv2-shell-active .nav-button {
  min-height: 44px;
  padding: 0 10px;
  border: 0;
  border-left: 3px solid transparent;
  border-radius: 0;
  background: #0d0d0d;
  color: #c9c9c9;
  text-align: left;
}

#app.btv2-shell-active .nav-button:hover,
#app.btv2-shell-active .nav-button.active {
  border-left-color: var(--signal-red);
  background: #171717;
  color: #ffffff;
}

#app.btv2-shell-active .demo-mode-indicator,
#app.btv2-shell-active .sidebar-note {
  border: 1px solid #2a2a2a;
  border-radius: 0;
  background: #0d0d0d;
  color: #c9c9c9;
}

#app.btv2-shell-active .sidebar-note {
  margin-top: 0;
  padding: 12px;
}

#app.btv2-shell-active .sidebar-note strong {
  font-size: 14px;
}

#app.btv2-shell-active .sidebar-note .secondary-action {
  border-color: #3a3a3a;
  border-radius: 0;
  background: #111111;
  color: #ffffff;
}

#app.btv2-shell-active .main {
  grid-template-columns: minmax(0, 1fr);
  max-width: 100%;
  min-width: 0;
  padding: 18px;
  background: #050505;
}

#app.btv2-shell-active .app-header {
  align-items: end;
  min-height: 72px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgb(255 255 255 / .16);
  border-radius: 0;
  background: #0b0b0b;
  grid-template-columns: minmax(260px, .7fr) minmax(520px, 1.3fr);
}

#app.btv2-shell-active .rc2-role-preview-tabs {
  align-items: stretch;
  border: 1px solid #303030;
  display: flex;
  gap: 0;
  grid-column: 1 / -1;
  min-width: 0;
  overflow-x: auto;
}

#app.btv2-shell-active .rc2-role-preview-tabs > span,
#app.btv2-shell-active .rc2-role-preview-tabs button {
  align-items: center;
  background: #0b0b0b;
  border: 0;
  border-right: 1px solid #303030;
  color: #8f8f8f;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  min-height: 42px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active .rc2-role-preview-tabs > span {
  color: #c9c9c9;
}

#app.btv2-shell-active .rc2-role-preview-tabs button[aria-pressed="true"] {
  background: var(--signal-red);
  color: #fff;
}

#app.btv2-shell-active .rc2-role-preview-tabs button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -3px;
}

#app.btv2-shell-active .rc2-role-dashboard,
#app.btv2-shell-active .rc2-search-panel,
#app.btv2-shell-active .rc2-work-screen {
  background: #080808;
  border-color: #2d2d2d;
  border-radius: 0;
  color: #fff;
}

#app.btv2-shell-active .rc2-role-card-grid button,
#app.btv2-shell-active .rc2-action-strip button,
#app.btv2-shell-active .rc2-search-results button,
#app.btv2-shell-active .rc2-ledger article,
#app.btv2-shell-active .rc2-report-index article,
#app.btv2-shell-active .rc2-report-index button,
#app.btv2-shell-active .rc2-workflow-panel,
#app.btv2-shell-active .rc2-workflow-grid > section {
  background: #111;
  border-color: #303030;
  border-radius: 0;
}

#app.btv2-shell-active .rc2-role-card-grid button::before {
  background: var(--signal-red);
  content: "";
  height: 3px;
  margin-bottom: 8px;
  width: 42px;
}

#app.btv2-shell-active .rc2-action-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  overflow: visible;
}

#app.btv2-shell-active .rc2-action-strip button {
  color: #fff;
  min-width: 0;
  width: 100%;
}

#app.btv2-shell-active .rc2-action-strip button b {
  color: #fff;
}

#app.btv2-shell-active .rc2-section-heading span,
#app.btv2-shell-active .rc2-section-heading small,
#app.btv2-shell-active .rc2-role-card-grid span,
#app.btv2-shell-active .rc2-action-strip span,
#app.btv2-shell-active .rc2-search-results small {
  color: #8f8f8f;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active .rc2-section-heading h2 {
  color: #fff;
  font-size: clamp(20px, 2vw, 34px);
  font-weight: 900;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

#app.btv2-shell-active .btv2-shell-context {
  color: #8f8f8f;
  display: block;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  margin-bottom: 4px;
}

#app.btv2-shell-active .header-title h1 {
  color: #ffffff;
  font-size: 28px;
  letter-spacing: 0;
}

#app.btv2-shell-active .header-title p {
  color: #a8a8a8;
}

#app.btv2-shell-active .header-controls {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#app.btv2-shell-active .header-controls select,
#app.btv2-shell-active .header-controls input {
  min-height: 42px;
  min-width: 0;
  width: 100%;
  border: 1px solid #333333;
  border-radius: 0;
  background: #111111;
  color: #ffffff;
}

#app.btv2-shell-active .header-controls > *,
#app.btv2-shell-active .header-controls label,
#app.btv2-shell-active .header-controls .rc2-account-menu {
  min-width: 0;
}

#app.btv2-shell-active .rc2-header-search {
  grid-template-columns: minmax(0, 1fr) auto;
}

@media (min-width: 761px) and (max-width: 1500px) {
  #app.btv2-shell-active .app-header {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active .header-controls {
    grid-template-columns:
      minmax(110px, .7fr)
      minmax(260px, 1.5fr)
      minmax(125px, .8fr)
      minmax(170px, 1fr);
    justify-self: stretch;
    width: 100%;
  }

  #app.btv2-shell-active .rc2-custom-dates {
    grid-column: 1 / -1;
  }
}

#app.btv2-shell-active .nav-button:focus-visible,
#app.btv2-shell-active .header-controls select:focus-visible,
#app.btv2-shell-active .header-controls input:focus-visible,
#app.btv2-shell-active .btv2-review-console a:focus-visible,
#app.btv2-shell-active .btv2-review-console button:focus-visible,
#app.btv2-shell-active .btv2-review-console input:focus-visible,
#app.btv2-shell-active .btv2-review-launcher:focus-visible,
#app.btv2-shell-active .btv2-mobile-nav-toggle:focus-visible,
#app.btv2-shell-active .btv2-review-console-close:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  #app.btv2-shell-active .sidebar,
  #app.btv2-shell-active .main {
    scroll-behavior: auto;
  }
}

@media (max-width: 1180px) {
  #app.btv2-shell-active {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active .sidebar {
    height: auto;
    min-height: 0;
    overflow: visible;
    position: static;
    border-right: 0;
    border-bottom: 1px solid rgb(255 255 255 / .16);
  }

  #app.btv2-shell-active .sidebar nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active .sidebar {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }

  #app.btv2-shell-active .btv2-sidebar-topbar {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  #app.btv2-shell-active .btv2-sidebar-topbar .brand-block {
    flex: 1 1 auto;
    min-width: 0;
  }

  #app.btv2-shell-active .btv2-mobile-nav-toggle {
    align-items: center;
    background: #111111;
    border: 1px solid #333333;
    border-radius: 0;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 10px;
  }

  #app.btv2-shell-active .btv2-mobile-nav-toggle span,
  #app.btv2-shell-active .btv2-mobile-nav-toggle span::before,
  #app.btv2-shell-active .btv2-mobile-nav-toggle span::after {
    background: currentColor;
    content: "";
    display: block;
    height: 1px;
    width: 16px;
  }

  #app.btv2-shell-active .btv2-mobile-nav-toggle span {
    position: relative;
  }

  #app.btv2-shell-active .btv2-mobile-nav-toggle span::before,
  #app.btv2-shell-active .btv2-mobile-nav-toggle span::after {
    left: 0;
    position: absolute;
  }

  #app.btv2-shell-active .btv2-mobile-nav-toggle span::before {
    top: -5px;
  }

  #app.btv2-shell-active .btv2-mobile-nav-toggle span::after {
    top: 5px;
  }

  #app.btv2-shell-active .sidebar nav {
    display: none;
    gap: 1px;
    max-width: 100%;
    max-height: 52dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  #app.btv2-shell-active .sidebar nav[data-mobile-open="true"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active .nav-button {
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active .demo-mode-indicator {
    display: none;
  }

  #app.btv2-shell-active .demo-mode-indicator span:last-child,
  #app.btv2-shell-active .sidebar-note {
    display: none;
  }

  #app.btv2-shell-active .main {
    padding: 10px;
  }

  #app.btv2-shell-active .app-header {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 10px;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active .header-title h1 {
    font-size: 24px;
  }

  #app.btv2-shell-active .header-title p {
    display: none;
  }

  #app.btv2-shell-active .header-controls {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    overflow: visible;
    padding-bottom: 0;
  }

  #app.btv2-shell-active .rc2-role-preview-tabs {
    grid-column: 1;
  }

  #app.btv2-shell-active .header-controls label {
    min-width: 0;
    width: auto;
  }

  #app.btv2-shell-active .header-controls select,
  #app.btv2-shell-active .header-controls input {
    min-height: 44px;
    width: 100%;
  }
}
/* End Command Centre shell */

/* Command Centre staff-pilot presentation */
#app[data-btv2-mode="staff"] .btv2-cc-compact-title > .btv2-cc-label,
#app[data-btv2-mode="staff"] .btv2-cc-compact-title > p,
#app[data-btv2-mode="staff"] .btv2-cc-safety-popover,
#app[data-btv2-mode="staff"] .btv2-cc-safety-strip {
  display: none;
}

#app[data-btv2-mode="staff"] .btv2-cc-compact-header {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 10px 12px;
}

#app[data-btv2-mode="staff"] .btv2-cc-compact-title {
  gap: 4px;
}

#app[data-btv2-mode="staff"] .btv2-cc-compact-title h2 {
  font-size: clamp(20px, 2vw, 28px);
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

#app[data-btv2-mode="staff"] .btv2-cc-compact-status {
  max-width: 420px;
}

@media (max-width: 760px) {
  #app[data-btv2-mode="staff"] .app-header {
    gap: 8px;
  }

  #app[data-btv2-mode="staff"] .header-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    padding-bottom: 0;
  }

  #app[data-btv2-mode="staff"] .header-controls label {
    min-width: 0;
    width: auto;
  }

  #app[data-btv2-mode="staff"] .btv2-cc-compact-header {
    grid-template-columns: minmax(0, 1fr);
    padding: 9px;
  }

  #app[data-btv2-mode="staff"] .btv2-cc-compact-title h2 {
    font-size: 22px;
  }

  #app[data-btv2-mode="staff"] .btv2-cc-compact-status {
    display: none;
  }

}
/* End Command Centre staff-pilot presentation */

/* Command Centre mobile manager action deck */
.btv2-mobile-manager-action-deck {
  --btv2-cc-page: #050505;
  --btv2-cc-card: #111111;
  --btv2-cc-border: rgb(255 255 255 / .16);
  --btv2-cc-hairline: rgb(255 255 255 / .08);
  --btv2-cc-text: #FFFFFF;
  --btv2-cc-body: #C9C9C9;
  --btv2-cc-muted: #8F8F8F;
  --btv2-cc-red: var(--signal-red);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-page);
  color: var(--btv2-cc-text);
  display: grid;
  gap: 8px;
  padding: 10px;
}

.btv2-mobile-deck-head {
  align-items: end;
  display: flex;
  gap: 3px;
  justify-content: space-between;
  min-width: 0;
}

.btv2-mobile-deck-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.btv2-mobile-deck-head > b {
  border: 1px solid var(--btv2-cc-border);
  color: var(--btv2-cc-text);
  flex: 0 0 auto;
  font-size: 10px;
  padding: 6px 7px;
}

.btv2-mobile-deck-head span,
.btv2-mobile-deck-head em,
.btv2-mobile-deck-safety span,
.btv2-mobile-deck-card span,
.btv2-mobile-deck-card em,
.btv2-mobile-deck-card .btv2-mobile-deck-boundary {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.btv2-mobile-deck-head strong {
  color: var(--btv2-cc-text);
  font-size: 16px;
  font-weight: 950;
  line-height: 1;
}

.btv2-mobile-deck-safety {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.btv2-mobile-deck-safety span {
  border: 1px solid var(--btv2-cc-hairline);
  color: var(--btv2-cc-body);
  padding: 5px 6px;
}

.btv2-mobile-deck-scroll {
  display: grid;
  gap: 6px;
  max-height: min(46dvh, 380px);
  overflow: auto;
  overscroll-behavior: contain;
}

.btv2-mobile-deck-card {
  align-items: center;
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
  display: grid;
  gap: 8px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  min-width: 0;
  padding: 9px;
}

.btv2-mobile-deck-card[data-btv2-primary="true"] {
  border-left: 3px solid var(--btv2-cc-red);
}

.btv2-mobile-deck-card b,
.btv2-mobile-deck-card i {
  color: var(--btv2-cc-text);
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.btv2-mobile-deck-card div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.btv2-mobile-deck-card strong {
  color: var(--btv2-cc-text);
  font-size: 14px;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.btv2-mobile-deck-card button {
  background: #0D0D0D;
  border: 1px solid var(--btv2-cc-border);
  border-left: 2px solid var(--btv2-cc-red);
  border-radius: 0;
  color: var(--btv2-cc-text);
  cursor: pointer;
  font-size: 10px;
  font-weight: 950;
  min-height: 44px;
  padding: 7px 9px;
}

.btv2-mobile-deck-card button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.btv2-mobile-deck-card .btv2-mobile-deck-boundary {
  grid-column: 2 / -1;
}

.btv2-mobile-deck-card small {
  color: var(--btv2-cc-muted);
  font-size: 9px;
  font-weight: 850;
  grid-column: 2 / -1;
}

@media (min-width: 761px) {
  .btv2-mobile-manager-action-deck {
    display: none;
  }
}

@media (max-width: 760px) {
  .btv2-mobile-manager-action-deck {
    margin-top: 10px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
    position: static;
  }

  .btv2-mobile-deck-card {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .btv2-mobile-deck-card i,
  .btv2-mobile-deck-card button,
  .btv2-mobile-deck-card .btv2-mobile-deck-boundary,
  .btv2-mobile-deck-card small {
    grid-column: 2 / -1;
  }
}
/* End Command Centre mobile manager action deck */

/* Command Centre Recovery shell */
.btv2-command-centre.btv2-recovery-war-room {
  gap: var(--btv2-cc-grid-gap);
  min-height: calc(100dvh - 74px);
  padding: 14px 16px 28px;
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-signal-panel,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-priority-list,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-api-stack,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-progress-card,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-empty-card {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-section-head h3 {
  color: var(--btv2-cc-text);
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-section-head span,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-empty-card span {
  color: var(--btv2-cc-muted);
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-kpi-strip {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-kpi-strip .btv2-cc-stat-card {
  min-height: 118px;
  padding: 14px;
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-kpi-strip .btv2-cc-number {
  font-size: clamp(24px, 3vw, 42px);
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-shell-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-signal-panel,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-priority-list,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-api-stack {
  display: grid;
  gap: var(--btv2-cc-gap);
  min-width: 0;
  padding: 16px;
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-progress-card,
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-empty-card {
  display: grid;
  gap: 10px;
  padding: var(--btv2-cc-card-pad);
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-section-head {
  align-items: center;
  border-bottom: 1px solid var(--btv2-cc-hairline);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding-bottom: 12px;
}

.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-priority-list .btv2-cc-queue-row {
  grid-template-columns: 42px minmax(0, 1fr) minmax(90px, auto) minmax(170px, .35fr) minmax(138px, auto);
}

.btv2-command-centre.btv2-recovery-war-room .recovery-api-state,
.btv2-command-centre.btv2-recovery-war-room .recovery-api-toolbar,
.btv2-command-centre.btv2-recovery-war-room .payment-persistence-state-panel,
.btv2-command-centre.btv2-recovery-war-room .recovery-screen-empty-state {
  background: var(--btv2-cc-card);
  border-color: var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-recovery-war-room .recovery-api-state span,
.btv2-command-centre.btv2-recovery-war-room .recovery-api-state em,
.btv2-command-centre.btv2-recovery-war-room .recovery-api-toolbar span,
.btv2-command-centre.btv2-recovery-war-room .payment-persistence-heading span,
.btv2-command-centre.btv2-recovery-war-room .payment-persistence-heading em,
.btv2-command-centre.btv2-recovery-war-room .payment-persistence-boundary span {
  color: var(--btv2-cc-muted);
}

@media (max-width: 1180px) {
  .btv2-command-centre.btv2-recovery-war-room .btv2-recovery-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-recovery-war-room .btv2-recovery-shell-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-recovery-war-room {
    padding: 12px;
  }

  .btv2-command-centre.btv2-recovery-war-room .btv2-recovery-priority-list .btv2-cc-queue-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-recovery-war-room .btv2-recovery-kpi-strip .btv2-cc-stat-card {
    min-height: 130px;
  }
}
.btv2-command-centre.btv2-recovery-war-room .btv2-recovery-outcome-history {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-recovery-war-room .btv2-recovery-outcome-history {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End Command Centre Recovery shell */

/* Command Centre Dashboard shell */
.btv2-command-centre.btv2-executive-command-dashboard {
  gap: var(--btv2-cc-grid-gap);
  min-height: calc(100dvh - 74px);
  padding: 14px 16px 28px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-signal-panel,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-action-queue,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-strip,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-api-stack,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-progress-card,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-empty-card {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip .btv2-cc-stat-card {
  min-height: 118px;
  padding: 14px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip .btv2-cc-number {
  font-size: clamp(24px, 3vw, 42px);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-facility-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-facility-panel {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-primary {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-primary strong {
  font-size: clamp(24px, 3vw, 42px);
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-primary span,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-facility-panel p,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-facility-panel small {
  color: var(--btv2-cc-muted);
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-metrics span {
  border-top: 1px solid var(--btv2-cc-hairline);
  display: grid;
  gap: 6px;
  min-width: 0;
  padding-top: 10px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-metrics em {
  color: var(--btv2-cc-muted);
  font-style: normal;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-metrics strong {
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-vending-stock-detail {
  display: grid;
  gap: 6px;
  max-width: 100%;
  overflow-x: auto;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-vending-stock-row {
  border-top: 1px solid var(--btv2-cc-hairline);
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(88px, 1fr));
  min-width: 620px;
  padding-top: 8px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-vending-stock-head {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip .btv2-cc-card,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip .btv2-cc-label,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip .btv2-cc-number,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip .btv2-cc-note {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-command-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-signal-panel,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-action-queue,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-strip,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-api-stack {
  display: grid;
  gap: var(--btv2-cc-gap);
  min-width: 0;
  padding: 16px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-progress-card,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-empty-card {
  display: grid;
  gap: 10px;
  padding: var(--btv2-cc-card-pad);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-section-head {
  align-items: center;
  border-bottom: 1px solid var(--btv2-cc-hairline);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding-bottom: 12px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-section-head h3 {
  color: var(--btv2-cc-text);
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-section-head span,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-empty-card span {
  color: var(--btv2-cc-muted);
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-action-queue .btv2-cc-queue-row {
  grid-template-columns: 42px minmax(0, 1fr) minmax(90px, auto) minmax(170px, .35fr) minmax(138px, auto);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-grid {
  display: grid;
  gap: var(--btv2-cc-gap);
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row {
  background: var(--btv2-cc-card);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row[data-btv2-imported="false"] {
  border-color: var(--btv2-cc-border-red);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row strong,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row em,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row span {
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row strong {
  color: var(--btv2-cc-text);
  font-size: 14px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row span,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-row em {
  color: var(--btv2-cc-muted);
  font-style: normal;
}

.btv2-command-centre.btv2-executive-command-dashboard .dashboard-api-state,
.btv2-command-centre.btv2-executive-command-dashboard .dashboard-api-summary,
.btv2-command-centre.btv2-executive-command-dashboard .payment-persistence-state-panel {
  background: var(--btv2-cc-card);
  border-color: var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-executive-command-dashboard .dashboard-api-state span,
.btv2-command-centre.btv2-executive-command-dashboard .dashboard-api-state em,
.btv2-command-centre.btv2-executive-command-dashboard .dashboard-api-summary span,
.btv2-command-centre.btv2-executive-command-dashboard .dashboard-api-summary em,
.btv2-command-centre.btv2-executive-command-dashboard .payment-persistence-heading span,
.btv2-command-centre.btv2-executive-command-dashboard .payment-persistence-heading em,
.btv2-command-centre.btv2-executive-command-dashboard .payment-persistence-boundary span {
  color: var(--btv2-cc-muted);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-quick-actions {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-quick-actions .btv2-cc-quick-action:first-child {
  background: var(--btv2-cc-red);
  border-color: var(--btv2-cc-red);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-quick-actions .btv2-cc-quick-action:first-child span {
  color: #FFFFFF;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-movement-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(180px, .6fr)) minmax(220px, .8fr);
}

.btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-net-gain, .btv2-dashboard-churn) {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  display: grid;
  gap: 12px;
  padding: var(--btv2-cc-card-pad);
}

.btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-net-gain, .btv2-dashboard-churn) > strong {
  font-size: clamp(30px, 4vw, 54px);
  line-height: .9;
}

.btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-net-gain, .btv2-dashboard-churn) > p {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  margin: 0;
}

.btv2-dashboard-workflow-panel {
  background: #080808;
  border: 1px solid var(--btv2-cc-border);
  bottom: 18px;
  box-shadow: none;
  color: var(--btv2-cc-text);
  display: grid;
  gap: 14px;
  max-height: calc(100dvh - 36px);
  max-width: 620px;
  overflow: auto;
  padding: 18px;
  position: fixed;
  right: 18px;
  width: calc(100% - 36px);
  z-index: 60;
}

.btv2-dashboard-workflow-head,
.btv2-dashboard-locate-results article,
.btv2-dashboard-locate-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.btv2-dashboard-workflow-head > div,
.btv2-dashboard-locate-results article > div,
.btv2-dashboard-workflow-panel form {
  display: grid;
  gap: 8px;
}

.btv2-dashboard-workflow-head span,
.btv2-dashboard-locate-results span,
.btv2-dashboard-workflow-boundary {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  margin: 0;
}

.btv2-dashboard-workflow-head h3 {
  margin: 0;
}

.btv2-dashboard-workflow-panel label {
  color: var(--btv2-cc-body);
  display: grid;
  font-size: 11px;
  gap: 5px;
}

.btv2-dashboard-workflow-panel :is(input, select, button) {
  background: #101010;
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
  min-height: 44px;
  padding: 9px 10px;
}

.btv2-dashboard-workflow-panel button[type="submit"] {
  background: var(--btv2-cc-red);
  border-color: var(--btv2-cc-red);
  cursor: pointer;
  font-weight: 900;
}

.btv2-dashboard-workflow-feedback {
  border-left: 3px solid var(--btv2-cc-red);
  margin: 0;
  padding: 8px 10px;
}

.btv2-dashboard-locate-results {
  display: grid;
  gap: 1px;
}

.btv2-dashboard-locate-results article {
  background: var(--btv2-cc-card);
  padding: 10px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-parity-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-parity-panel {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  display: grid;
  gap: 14px;
  grid-column: span 4;
  min-width: 0;
  padding: 16px;
}

.btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-member-snapshot, .btv2-dashboard-visits, .btv2-dashboard-activity-feed) {
  grid-column: span 6;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-snapshot-primary {
  align-items: baseline;
  display: flex;
  gap: 10px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-snapshot-primary strong {
  font-size: clamp(30px, 4vw, 54px);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-snapshot-primary span,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-source-list :is(span, em),
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-visit-facts,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-mgr-grid em {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  font-style: normal;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-snapshot-facts,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-commercial-facts,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-mgr-grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-snapshot-facts, .btv2-dashboard-commercial-facts, .btv2-dashboard-mgr-grid) > div {
  background: var(--btv2-cc-card);
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-snapshot-facts :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-snapshot-facts dt,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-commercial-facts span,
.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-mgr-grid span {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-source-list {
  display: grid;
  gap: 1px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-source-list > div {
  align-items: center;
  background: var(--btv2-cc-card);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(90px, .6fr) minmax(0, 1fr) minmax(110px, .8fr);
  padding: 9px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-visit-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

@media (max-width: 1180px) {
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-command-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-facility-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-quick-actions,
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-movement-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-parity-panel,
  .btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-member-snapshot, .btv2-dashboard-visits, .btv2-dashboard-activity-feed) {
    grid-column: span 6;
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-executive-command-dashboard {
    padding: 12px;
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-command-grid,
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-action-queue .btv2-cc-queue-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip,
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-site-grid,
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-quick-actions,
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-movement-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-kpi-strip .btv2-cc-number {
    font-size: clamp(22px, 7.6vw, 32px);
  }

  .btv2-dashboard-workflow-panel {
    bottom: 0;
    max-height: 88dvh;
    max-width: none;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
    right: 0;
    width: 100%;
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-parity-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-parity-panel,
  .btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-member-snapshot, .btv2-dashboard-visits, .btv2-dashboard-activity-feed) {
    grid-column: auto;
  }

  .btv2-command-centre.btv2-executive-command-dashboard :is(.btv2-dashboard-snapshot-facts, .btv2-dashboard-commercial-facts, .btv2-dashboard-mgr-grid),
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-source-list > div {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End Command Centre Dashboard shell */

/* Command Centre Leads shell */
.btv2-command-centre.btv2-lead-conversion-control-room {
  gap: var(--btv2-cc-grid-gap);
  min-height: calc(100dvh - 74px);
  padding: 14px 16px 28px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-signal-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-priority-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-api-stack,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-pipeline-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-empty-card {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-kpi-strip {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-kpi-strip .btv2-cc-stat-card {
  min-height: 118px;
  padding: 14px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-kpi-strip .btv2-cc-number {
  font-size: clamp(24px, 3vw, 42px);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-truth-strip {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 10px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-truth-strip strong {
  border: 1px solid var(--btv2-cc-hairline);
  color: var(--btv2-cc-body);
  font-size: 10px;
  letter-spacing: .08em;
  line-height: 1.2;
  overflow-wrap: anywhere;
  padding: 8px;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-control-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-commercial-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-signal-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-priority-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-api-stack,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow {
  display: grid;
  gap: var(--btv2-cc-gap);
  min-width: 0;
  padding: 16px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-pipeline-panel,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-empty-card {
  display: grid;
  gap: 10px;
  padding: var(--btv2-cc-card-pad);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-section-head {
  align-items: center;
  border-bottom: 1px solid var(--btv2-cc-hairline);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding-bottom: 12px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-section-head h3 {
  color: var(--btv2-cc-text);
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-section-head span,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-empty-card span {
  color: var(--btv2-cc-muted);
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-priority-panel .btv2-cc-queue-row {
  grid-template-columns: 42px minmax(0, 1fr) minmax(90px, auto) minmax(170px, .35fr) minmax(138px, auto);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-segmented-bar {
  background: var(--btv2-cc-track);
  display: flex;
  height: 18px;
  overflow: hidden;
  width: 100%;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-segmented-bar i {
  background: var(--btv2-cc-bar-dim);
  display: block;
  min-width: 3px;
  width: var(--btv2-lead-stage-share, 0%);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-segmented-bar i:first-child,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-segmented-bar i:nth-child(2) {
  background: var(--btv2-cc-red);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-stage-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-stage-grid article,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-row,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row {
  background: var(--btv2-cc-card);
  border: 1px solid var(--btv2-cc-hairline);
  border-radius: 0;
  min-width: 0;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-stage-grid article {
  display: grid;
  gap: 5px;
  padding: 10px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-stage-grid span,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-row span,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row span {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-stage-grid strong,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-row strong,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row strong,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row b {
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-stage-grid strong {
  font-family: "Archivo Black", Impact, "Arial Black", sans-serif;
  font-size: 22px;
  line-height: 1;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-row {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, .75fr) minmax(180px, 1fr);
  padding: 12px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-row div,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 44px minmax(0, 1fr) minmax(84px, auto);
  padding: 12px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row i {
  align-items: center;
  background: var(--btv2-cc-red);
  color: var(--btv2-cc-text);
  display: inline-flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .lead-api-state,
.btv2-command-centre.btv2-lead-conversion-control-room .lead-api-toolbar,
.btv2-command-centre.btv2-lead-conversion-control-room .lead-screen-empty-state {
  background: var(--btv2-cc-card);
  border-color: var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-lead-conversion-control-room .lead-api-state span,
.btv2-command-centre.btv2-lead-conversion-control-room .lead-api-state em,
.btv2-command-centre.btv2-lead-conversion-control-room .lead-api-toolbar span {
  color: var(--btv2-cc-muted);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .kanban-board {
  background: transparent;
  border: 0;
  gap: var(--btv2-cc-gap);
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .kanban-column,
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .lead-card {
  border-radius: 0;
  min-width: 0;
}

@media (max-width: 1180px) {
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-kpi-strip,
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-commercial-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-control-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-lead-conversion-control-room {
    padding: 12px;
  }

  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-kpi-strip,
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-truth-strip,
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-control-grid,
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-commercial-grid,
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-priority-panel .btv2-cc-queue-row,
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-source-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-priority-panel {
    order: -1;
  }

  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-kpi-strip .btv2-cc-number {
    font-size: clamp(22px, 7.6vw, 32px);
  }

  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-stage-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-owner-row b {
    grid-column: 1 / -1;
  }
}
.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-detail-grid {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-selected-workspace {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  display: grid;
  gap: 1px;
  padding: 1px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-selected-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 12px;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-selected-actions :is(button, select) {
  background: var(--btv2-cc-page);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
  min-height: 44px;
  width: 100%;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-selected-actions label {
  color: var(--btv2-cc-muted);
  display: grid;
  font-size: 10px;
  gap: 4px;
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-detail-grid,
  .btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-selected-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End Command Centre Leads shell */

/* Command Centre Cancellations shell */
.btv2-command-centre.btv2-cancellation-save-control {
  gap: var(--btv2-cc-grid-gap);
  min-height: calc(100dvh - 74px);
  padding: 14px 16px 28px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-truth-strip,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-case,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-offer-panel,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-saved-risk-band,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-reason-meter,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-mobile-action-bar,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-empty-card {
  background: var(--btv2-cc-panel);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-truth-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 10px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-truth-strip strong {
  border: 1px solid var(--btv2-cc-hairline);
  color: var(--btv2-cc-body);
  font-size: 10px;
  letter-spacing: .08em;
  line-height: 1.25;
  overflow-wrap: anywhere;
  padding: 8px;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-workbench {
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-main,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-side-rail {
  align-content: start;
  display: grid;
  gap: var(--btv2-cc-grid-gap);
  min-width: 0;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-side-rail {
  position: sticky;
  top: 12px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-case,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-offer-panel,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-reason-meter,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-empty-card {
  display: grid;
  gap: var(--btv2-cc-gap);
  min-width: 0;
  padding: 16px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-case {
  grid-template-columns: minmax(0, 1fr) minmax(180px, .34fr);
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-top,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-value {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-top strong {
  color: var(--btv2-cc-text);
  font-size: clamp(30px, 5vw, 64px);
  line-height: .98;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-value strong {
  color: var(--btv2-cc-red);
  font-size: clamp(28px, 4vw, 52px);
  line-height: 1;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-case p {
  border-top: 1px solid var(--btv2-cc-hairline);
  color: var(--btv2-cc-body);
  grid-column: 1 / -1;
  margin: 0;
  overflow-wrap: anywhere;
  padding-top: 12px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-grid {
  display: grid;
  gap: 8px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-grid article,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles article,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles button {
  background: var(--btv2-cc-card);
  border: 1px solid var(--btv2-cc-hairline);
  border-radius: 0;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-saved-risk-band {
  display: grid;
  gap: var(--btv2-cc-gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 14px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-saved-risk-band article {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-saved-risk-band strong {
  color: var(--btv2-cc-text);
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-section-head {
  align-items: center;
  border-bottom: 1px solid var(--btv2-cc-hairline);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding-bottom: 12px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-section-head h3 {
  color: var(--btv2-cc-text);
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-section-head span,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-top span,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-top em,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-value span,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-value em,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-grid span,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-offer-panel span,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-offer-panel em,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-offer-panel p,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles span,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-empty-card span {
  color: var(--btv2-cc-muted);
  font-style: normal;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-grid strong,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-offer-panel strong,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles strong,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles b {
  color: var(--btv2-cc-text);
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-disabled-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-reason-meter article {
  display: grid;
  gap: 8px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles > div {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.btv2-command-centre.btv2-cancellation-save-control .cancellation-api-state,
.btv2-command-centre.btv2-cancellation-save-control .cancellation-api-toolbar,
.btv2-command-centre.btv2-cancellation-save-control .cancellation-screen-empty-state {
  background: var(--btv2-cc-card);
  border-color: var(--btv2-cc-border);
  border-radius: 0;
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-cancellation-save-control .cancellation-api-state span,
.btv2-command-centre.btv2-cancellation-save-control .cancellation-api-state em,
.btv2-command-centre.btv2-cancellation-save-control .cancellation-api-toolbar span {
  color: var(--btv2-cc-muted);
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-mobile-action-bar {
  align-items: center;
  display: none;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(118px, auto);
  padding: 10px;
  z-index: 2;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-mobile-action-bar span,
.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-mobile-action-bar strong {
  grid-column: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-mobile-action-bar span {
  color: var(--btv2-cc-muted);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-mobile-action-bar .btv2-cc-action-button {
  grid-column: 2;
  grid-row: 1 / span 2;
}

@media (max-width: 1180px) {
  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-workbench,
  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-case {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-side-rail {
    position: static;
  }

  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-cancellation-save-control {
    padding: 12px;
    padding-bottom: 88px;
  }

  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-truth-strip,
  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-saved-risk-band,
  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-grid,
  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-disabled-actions,
  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-mobile-action-bar {
    bottom: 0;
    display: grid;
    left: 0;
    position: sticky;
    right: 0;
  }

  .btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-focus-top strong {
    font-size: clamp(30px, 12vw, 44px);
  }
}
/* End Command Centre Cancellations shell */

/* Command Centre Members shell */
.btv2-command-centre.btv2-member-watchlist-command {
  gap: var(--btv2-cc-grid-gap);
  min-height: calc(100dvh - 74px);
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--btv2-cc-grid-gap);
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-kpi-strip .btv2-cc-card > :is(.btv2-cc-label, .btv2-cc-number, .btv2-cc-note) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  gap: var(--btv2-cc-grid-gap);
  align-items: start;
  min-width: 0;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-main-stack,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-spine,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-visit-panel,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-initials-stack {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-panel);
  min-width: 0;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-main-stack {
  display: grid;
  gap: 12px;
  overflow: hidden;
  padding: 14px;
}

.btv2-command-centre.btv2-member-watchlist-command .members-api-state,
.btv2-command-centre.btv2-member-watchlist-command .members-api-toolbar,
.btv2-command-centre.btv2-member-watchlist-command .members-screen-empty-state {
  border-radius: 0;
  background: #080808;
  border-color: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  min-width: 0;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-section-head h3 {
  color: #ffffff;
  font-size: clamp(18px, 1.8vw, 24px);
  line-height: 1;
  margin: 0;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-section-head span {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-visit-panel,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-spine {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row {
  border: 1px solid var(--btv2-cc-border);
  border-left: 3px solid #ffffff;
  border-radius: 0;
  background: var(--btv2-cc-card);
  display: grid;
  grid-template-columns: auto minmax(0, 1.2fr) minmax(86px, .35fr) minmax(120px, .55fr) minmax(0, .8fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  text-align: left;
  width: 100%;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row:hover,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row:focus-visible {
  border-color: #ffffff;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row[data-btv2-payment-watch="true"] {
  border-left-color: var(--btv2-cc-red);
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row strong,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row span,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row b,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row strong,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-identity strong {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.1;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row span,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row em,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-identity em {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  line-height: 1.25;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row b {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.2;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-visit-sparkline {
  display: grid;
  grid-template-columns: repeat(8, minmax(4px, 1fr));
  gap: 4px;
  align-items: end;
  min-height: 44px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-visit-sparkline i {
  background: #ffffff;
  border-left: 1px solid var(--btv2-cc-border);
  display: block;
  min-height: 6px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-spine {
  position: sticky;
  top: 14px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-status {
  display: grid;
  gap: 8px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-status span {
  border: 1px solid var(--btv2-cc-border);
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 9px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-status em,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-no-score-panel span {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  line-height: 1.25;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-status strong,
.btv2-command-centre.btv2-member-watchlist-command .btv2-members-no-score-panel strong {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.2;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-no-score-panel {
  border: 1px solid var(--btv2-cc-red);
  display: grid;
  gap: 4px;
  padding: 10px;
}

.btv2-command-centre.btv2-cancellation-save-control .btv2-cancellations-queue-tiles button {
  color: var(--btv2-cc-text);
  display: grid;
  gap: 4px;
  text-align: left;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-local-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-local-actions button {
  background: var(--btv2-cc-page);
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  color: #ffffff;
  min-height: 44px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-initials-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
}

.btv2-command-centre.btv2-member-watchlist-command .btv2-members-empty-card {
  border: 1px solid var(--btv2-cc-border);
  display: grid;
  gap: 4px;
  padding: 12px;
}

@media (max-width: 960px) {
  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-command-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-selected-spine {
    position: static;
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-member-watchlist-command {
    min-height: auto;
  }

  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-kpi-strip,
  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-local-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row b,
  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row em,
  .btv2-command-centre.btv2-member-watchlist-command .btv2-members-ledger-row .btv2-members-visit-sparkline {
    grid-column: 1 / -1;
  }
}

/* End Command Centre Members shell */

/* Command Centre Imports shell */
.btv2-command-centre.btv2-import-data-quality-control {
  gap: var(--btv2-cc-grid-gap);
  min-height: calc(100dvh - 74px);
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--btv2-cc-grid-gap);
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  gap: var(--btv2-cc-grid-gap);
  align-items: start;
  min-width: 0;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-main-stack,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-tracker,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-quality-panel,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-site-grid {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-panel);
  min-width: 0;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-main-stack {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.btv2-command-centre.btv2-import-data-quality-control .imports-api-state,
.btv2-command-centre.btv2-import-data-quality-control .import-api-summary,
.btv2-command-centre.btv2-import-data-quality-control .imports-api-empty-state {
  border-radius: 0;
  background: #080808;
  border-color: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  min-width: 0;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-section-head h3 {
  color: #ffffff;
  font-size: clamp(18px, 1.8vw, 24px);
  line-height: 1;
  margin: 0;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-section-head span {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-tracker,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-quality-panel,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-site-grid {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid article {
  border: 1px solid var(--btv2-cc-border);
  border-top: 3px solid #ffffff;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid article[data-btv2-import-stage="blocked"],
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid article[data-btv2-import-stage="needs-work"] {
  border-top-color: var(--btv2-cc-red);
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid b,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid strong,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-quality-score strong,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-site-grid b {
  color: #ffffff;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid span,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid em,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-privacy-ledger span,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-privacy-ledger em,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue em,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-site-grid span {
  color: var(--btv2-cc-muted);
  font-size: 11px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-quality-score {
  border: 1px solid var(--btv2-cc-border);
  display: grid;
  gap: 12px;
  padding: 14px;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-quality-score strong {
  font-size: clamp(40px, 6vw, 72px);
  line-height: .9;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-privacy-ledger,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue article,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-site-grid article {
  display: grid;
  gap: 8px;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-privacy-ledger article,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue article,
.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-site-grid article {
  border: 1px solid var(--btv2-cc-border);
  padding: 10px;
  min-width: 0;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue article {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}

.btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue b {
  color: var(--btv2-cc-red);
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
}

@media (max-width: 960px) {
  .btv2-command-centre.btv2-import-data-quality-control .btv2-imports-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-import-data-quality-control .btv2-imports-command-grid,
  .btv2-command-centre.btv2-import-data-quality-control .btv2-imports-stage-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-import-data-quality-control {
    min-height: auto;
  }

  .btv2-command-centre.btv2-import-data-quality-control .btv2-imports-kpi-strip,
  .btv2-command-centre.btv2-import-data-quality-control .btv2-imports-issue-queue article {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* End Command Centre Imports shell */

/* Command Centre Communications shell */
.btv2-command-centre.btv2-communications-control {
  gap: 14px;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-kpi-strip .btv2-cc-stat-card {
  border-color: transparent;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-main-stack,
.btv2-command-centre.btv2-communications-control .btv2-communications-side-stack {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-consent-tri-band,
.btv2-command-centre.btv2-communications-control .btv2-communications-channel-mix,
.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue,
.btv2-command-centre.btv2-communications-control .communications-api-state,
.btv2-command-centre.btv2-communications-control .communications-api-toolbar,
.btv2-command-centre.btv2-communications-control .communications-screen-empty-state {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-surface);
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-section-head {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 14px;
  border-bottom: 1px solid var(--btv2-cc-border);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-section-head h3 {
  margin: 0;
  color: var(--btv2-cc-text);
  font-size: 16px;
  font-weight: 950;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-section-head span,
.btv2-command-centre.btv2-communications-control .btv2-communications-consent-tri-band span,
.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue span,
.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue em,
.btv2-command-centre.btv2-communications-control .btv2-communications-channel-mix span {
  min-width: 0;
  color: var(--btv2-cc-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-consent-bar {
  height: 18px;
  margin: 14px;
  border: 1px solid var(--btv2-cc-border);
  background:
    var(--btv2-cc-text) 0 0 / var(--clear) 100% no-repeat,
    var(--btv2-cc-muted) var(--clear) 0 / var(--check) 100% no-repeat,
    var(--btv2-cc-red) calc(var(--clear) + var(--check)) 0 / var(--warning) 100% no-repeat,
    var(--btv2-cc-panel);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-consent-tri-band > div:last-child {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-consent-tri-band article {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-consent-tri-band strong,
.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue strong {
  color: var(--btv2-cc-text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-channel-mix {
  display: grid;
  gap: 1px;
  overflow: hidden;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-channel-mix article {
  display: grid;
  gap: 8px;
  padding: 13px 14px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue .btv2-communications-section-head,
.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue article {
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(88px, auto) auto;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
}

.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue article[data-btv2-communication-tone="hot"] {
  border-left: 2px solid var(--btv2-cc-red);
}

.btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue b {
  color: var(--btv2-cc-muted);
  font-size: 12px;
  font-weight: 950;
}

@media (max-width: 900px) {
  .btv2-command-centre.btv2-communications-control .btv2-communications-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-communications-control .btv2-communications-command-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-communications-control {
    padding: 12px;
  }

  .btv2-command-centre.btv2-communications-control .btv2-communications-kpi-strip,
  .btv2-command-centre.btv2-communications-control .btv2-communications-consent-tri-band > div:last-child,
  .btv2-command-centre.btv2-communications-control .btv2-communications-contact-queue article {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End Command Centre Communications shell */

/* Command Centre Accountability shell */
.btv2-command-centre.btv2-accountability-performance-control {
  gap: 14px;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-kpi-strip .btv2-cc-stat-card {
  border-color: transparent;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-main-stack,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-side-stack {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-recovered-missed-band,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip,
.btv2-command-centre.btv2-accountability-performance-control .accountability-api-state,
.btv2-command-centre.btv2-accountability-performance-control .accountability-api-summary,
.btv2-command-centre.btv2-accountability-performance-control .accountability-api-empty-state {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-surface);
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-section-head {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 14px;
  border-bottom: 1px solid var(--btv2-cc-border);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-section-head h3 {
  margin: 0;
  color: var(--btv2-cc-text);
  font-size: 16px;
  font-weight: 950;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-section-head span,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table span,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table em,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-recovered-missed-band span,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter span,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter em,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip span,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip em {
  min-width: 0;
  color: var(--btv2-cc-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table .btv2-accountability-section-head,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table article {
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(92px, auto) minmax(180px, 260px);
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table article[data-btv2-accountability-tone="hot"] {
  border-left: 2px solid var(--btv2-cc-red);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table strong,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-recovered-missed-band strong,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter strong,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip strong {
  min-width: 0;
  color: var(--btv2-cc-text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-recovered-missed-band {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-recovered-missed-band > div {
  display: grid;
  gap: 4px;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter .btv2-accountability-section-head,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter .btv2-cc-risk-meter,
.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter article {
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  padding: 12px 14px;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-response-meter article em {
  grid-column: 1 / -1;
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip article {
  display: grid;
  gap: 5px;
  padding: 12px;
  background: var(--btv2-cc-surface);
}

@media (max-width: 1040px) {
  .btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-kpi-strip,
  .btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-command-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-accountability-performance-control {
    padding: 12px;
  }

  .btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-kpi-strip,
  .btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-performance-table article,
  .btv2-command-centre.btv2-accountability-performance-control .btv2-accountability-location-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End Command Centre Accountability shell */

/* Command Centre Access Simulator shell */
.btv2-command-centre.btv2-access-simulator-verdict-control {
  gap: 14px;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-kpi-strip .btv2-cc-stat-card {
  border-color: transparent;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-main-stack,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-side-stack {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-main-stack > *,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-side-stack > * {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-controller-status,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-strip,
.btv2-command-centre.btv2-access-simulator-verdict-control .access-api-state,
.btv2-command-centre.btv2-access-simulator-verdict-control .access-api-summary,
.btv2-command-centre.btv2-access-simulator-verdict-control .access-api-empty-state {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-surface);
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-section-head {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 14px;
  border-bottom: 1px solid var(--btv2-cc-border);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-section-head h3 {
  margin: 0;
  color: var(--btv2-cc-text);
  font-size: 16px;
  font-weight: 950;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-section-head span,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel span,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel em,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed span,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed em,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-controller-status span,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-strip span,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-strip em {
  min-width: 0;
  color: var(--btv2-cc-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel > *,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-controller-status > * {
  min-width: 0;
  max-width: 100%;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel[data-btv2-access-verdict="deny"] {
  border-left: 2px solid var(--btv2-cc-red);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel > strong {
  color: var(--btv2-cc-text);
  font-size: clamp(44px, 7vw, 82px);
  font-weight: 950;
  line-height: 0.9;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel article,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-controller-status article {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel article strong,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed strong,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-controller-status strong,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-strip strong {
  min-width: 0;
  color: var(--btv2-cc-text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-controller-status,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-strip {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed .btv2-access-section-head,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-controller-status .btv2-access-section-head,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed article,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-tile {
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed article,
.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-tile {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(82px, auto);
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-tile {
  grid-template-columns: minmax(0, 1fr) auto auto;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: left;
}

.btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed b {
  color: var(--btv2-cc-muted);
  font-size: 12px;
  font-weight: 950;
}

@media (max-width: 1000px) {
  .btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-command-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-access-simulator-verdict-control {
    padding: 12px;
  }

  .btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-kpi-strip,
  .btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-verdict-panel > div,
  .btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-event-feed article,
  .btv2-command-centre.btv2-access-simulator-verdict-control .btv2-access-scenario-tile {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End Command Centre Access Simulator shell */

/* Command Centre Owner Decisions shell */
.btv2-command-centre.btv2-owner-readiness-board {
  gap: 14px;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-locked-capabilities,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-locked-capability,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-readiness,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger,
.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation,
.btv2-command-centre.btv2-owner-readiness-board .payment-sandbox-readiness-panel,
.btv2-command-centre.btv2-owner-readiness-board .payment-persistence-state-panel {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-surface);
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-board-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-board-main,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-board-rail {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-board-rail {
  position: sticky;
  top: 14px;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid span,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid em,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision span,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision em,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-section-head span,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-locked-capability span,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider span,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider em,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-locks span,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger span,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger em,
.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation span {
  min-width: 0;
  color: var(--btv2-cc-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid strong,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision strong,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-locked-capability strong,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider strong,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger strong {
  min-width: 0;
  color: var(--btv2-cc-text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-ledger {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-ledger article,
.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-gates article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px 14px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-ledger strong,
.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-gates strong {
  min-width: 0;
  color: var(--btv2-cc-text);
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-gates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-gates article {
  border-left: 2px solid var(--btv2-cc-red);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation footer {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation footer span {
  flex: 1 1 130px;
  padding: 9px 12px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid article[data-btv2-readiness*="Locked"],
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid article[data-btv2-readiness*="Not"],
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-locked-capability,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider {
  border-left: 2px solid var(--btv2-cc-red);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision strong {
  font-size: clamp(26px, 4vw, 54px);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision p {
  max-width: 760px;
  margin: 0;
  color: var(--btv2-cc-text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-locked-capabilities,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-readiness,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-section-head {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 14px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-section-head h3 {
  margin: 0;
  color: var(--btv2-cc-text);
  font-size: 16px;
  font-weight: 950;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-locked-capability,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider,
.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 13px 14px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider {
  min-height: 84px;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-provider em {
  color: var(--btv2-cc-red);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-locks {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  padding: 1px;
  background: var(--btv2-cc-border);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-locks span {
  flex: 1 1 120px;
  padding: 10px;
  background: var(--btv2-cc-surface);
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger article {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger article[data-btv2-blocked="true"] {
  border-left: 2px solid var(--btv2-cc-red);
}

.btv2-command-centre.btv2-owner-readiness-board .payment-sandbox-readiness-panel,
.btv2-command-centre.btv2-owner-readiness-board .payment-persistence-state-panel {
  box-shadow: none;
}

@media (max-width: 1180px) {
  .btv2-command-centre.btv2-owner-readiness-board .btv2-owner-board-layout,
  .btv2-command-centre.btv2-owner-readiness-board .btv2-owner-readiness-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-owner-readiness-board .btv2-owner-board-rail {
    position: static;
  }
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-owner-readiness-board {
    padding: 12px;
  }

  .btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision strong {
    font-size: clamp(28px, 11vw, 42px);
  }

  .btv2-command-centre.btv2-owner-readiness-board .btv2-owner-gateway-grid,
  .btv2-command-centre.btv2-owner-readiness-board .btv2-owner-decision-ledger article,
  .btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-ledger,
  .btv2-command-centre.btv2-owner-readiness-board .btv2-profit-os-foundation-gates {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-owner-readiness-board .btv2-owner-focused-decision > div {
    flex-direction: column;
  }
}
/* End Command Centre Owner Decisions shell */

/* Command Centre cross-screen integration polish */
.btv2-command-centre select {
  min-height: 44px;
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
}

.btv2-command-centre select option {
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
}

.btv2-command-centre :is(
  .dashboard-api-summary,
  .import-api-summary,
  .accountability-api-summary,
  .access-api-summary,
  .payment-persistence-metrics,
  .payment-sandbox-readiness-grid
) article {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
}

.btv2-command-centre :is(
  .dashboard-api-summary,
  .import-api-summary,
  .accountability-api-summary,
  .access-api-summary,
  .payment-persistence-metrics,
  .payment-sandbox-readiness-grid
) article strong {
  color: var(--btv2-cc-text);
}

.btv2-command-centre :is(
  .dashboard-api-summary,
  .import-api-summary,
  .accountability-api-summary,
  .access-api-summary,
  .payment-persistence-metrics,
  .payment-sandbox-readiness-grid
) article :is(span, em) {
  color: var(--btv2-cc-muted);
}

.btv2-command-centre :is(
  .dashboard-api-state,
  .lead-api-state,
  .members-api-state,
  .recovery-api-state,
  .cancellation-api-state,
  .communications-api-state,
  .imports-api-state,
  .accountability-api-state,
  .access-api-state,
  .payment-persistence-state-panel,
  .payment-sandbox-readiness-panel
) {
  border-color: var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
}

.btv2-command-centre :is(
  .dashboard-api-state,
  .lead-api-state,
  .members-api-state,
  .recovery-api-state,
  .cancellation-api-state,
  .communications-api-state,
  .imports-api-state,
  .accountability-api-state,
  .access-api-state,
  .payment-persistence-state-panel,
  .payment-sandbox-readiness-panel
) strong {
  color: var(--btv2-cc-text);
}

.btv2-command-centre :is(
  .dashboard-api-state,
  .lead-api-state,
  .members-api-state,
  .recovery-api-state,
  .cancellation-api-state,
  .communications-api-state,
  .imports-api-state,
  .accountability-api-state,
  .access-api-state,
  .payment-persistence-state-panel,
  .payment-sandbox-readiness-panel
) :is(span, em, p) {
  color: var(--btv2-cc-muted);
}

.btv2-command-centre .payment-sandbox-readiness-heading em,
.btv2-command-centre .payment-sandbox-readiness-boundary span {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-body);
}

.btv2-command-centre .payment-sandbox-readiness-heading em {
  border-color: var(--btv2-cc-border-red);
}

.btv2-command-centre .payment-sandbox-readiness-blockers p {
  border-color: var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-panel);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow :is(
  .kanban-board,
  .kanban-column,
  .lead-card,
  .lead-card span,
  .lead-card strong,
  .lead-card b,
  .lead-card i
) {
  border-radius: 0;
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .kanban-column {
  border: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-panel);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .lead-card {
  min-height: 44px;
  border: 1px solid var(--btv2-cc-border);
  background: var(--btv2-cc-card);
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .lead-card :is(strong, b) {
  color: var(--btv2-cc-text);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .lead-card :is(span, em) {
  color: var(--btv2-cc-muted);
}

.btv2-command-centre.btv2-lead-conversion-control-room .btv2-leads-v1-workflow .lead-card :is(
  .avatar,
  .lead-timer,
  .lead-value-pill,
  .status-badge,
  .lead-source-chip,
  .lead-offer-chip
) {
  border: 1px solid var(--btv2-cc-border);
  border-radius: 0;
  background: var(--btv2-cc-hover);
  color: var(--btv2-cc-body);
}

.btv2-command-centre .btv2-cc-action-button:disabled:hover {
  border-color: var(--btv2-cc-border);
  background: var(--btv2-cc-card);
}

.btv2-command-centre .btv2-cc-action-button[data-btv2-variant="primary"]:disabled:hover {
  border-color: var(--btv2-cc-border);
  border-left-color: var(--btv2-cc-red);
  background: var(--btv2-cc-card);
}

@media (max-width: 760px) {
  .btv2-command-centre :is(
    .dashboard-api-summary,
    .import-api-summary,
    .accountability-api-summary,
    .access-api-summary,
    .payment-persistence-metrics,
    .payment-sandbox-readiness-grid
  ) {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End Command Centre cross-screen integration polish */
.btv2-mailchimp-status,.btv2-mailchimp-owner-gates{border:1px solid #2e3238;background:#111315;color:#f5f5f3;padding:14px}.btv2-mailchimp-status header,.btv2-mailchimp-status footer,.btv2-mailchimp-owner-gates>div,.btv2-mailchimp-owner-gates li{display:flex;justify-content:space-between;gap:12px;align-items:center}.btv2-mailchimp-status header span,.btv2-mailchimp-status-grid span,.btv2-mailchimp-owner-gates span{color:#9da3aa;font-size:12px}.btv2-mailchimp-status header h3{margin:4px 0 0;font-size:18px}.btv2-mailchimp-status header>strong{color:var(--signal-red-on-dark);font-size:11px}.btv2-mailchimp-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #2e3238;border-left:1px solid #2e3238;margin:14px 0}.btv2-mailchimp-status-grid article{padding:10px;border-right:1px solid #2e3238;border-bottom:1px solid #2e3238;min-width:0}.btv2-mailchimp-status-grid strong{display:block;overflow-wrap:anywhere;margin-top:3px}.btv2-mailchimp-status footer{flex-wrap:wrap;border-top:1px solid #2e3238;padding-top:10px;color:var(--signal-red-on-dark);font-size:11px}.btv2-mailchimp-owner-gates ul{list-style:none;padding:0;margin:12px 0 0}.btv2-mailchimp-owner-gates li{border-top:1px solid #2e3238;padding:9px 0}.btv2-mailchimp-owner-gates li strong{font-size:12px}@media(max-width:480px){.btv2-mailchimp-status-grid{grid-template-columns:1fr}}

/* RC2 Review Hub: operational index, intentionally square and shadow-free. */
.btv2-review-hub{background:#0b0c0d;color:#f4f4f1;border:1px solid #25282c;padding:0;letter-spacing:0;overflow-x:hidden}
.btv2-review-hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px;border-bottom:1px solid #34373c;background:#050606}
.btv2-review-hub-head h2,.btv2-review-hub h3{margin:0;letter-spacing:0}.btv2-review-hub-head h2{font-size:clamp(24px,3vw,38px);line-height:1}.btv2-review-hub-head p{max-width:72ch;margin:10px 0 0;color:#b4b7bb;line-height:1.5}.btv2-review-hub-head>strong{flex:0 0 auto;border:1px solid var(--signal-red-border);color:var(--signal-red-on-dark);padding:9px 11px;font-size:11px}
.btv2-review-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.btv2-review-section-title h3{font-size:16px}.btv2-review-section-title span{color:#92969c;font-size:12px;text-align:right}
.btv2-review-build,.btv2-review-evidence,.btv2-review-check-matrix,.btv2-review-feedback{padding:20px 24px;border-bottom:1px solid #34373c}
.btv2-review-build dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #34373c;border-left:1px solid #34373c}.btv2-review-build dl>div{min-width:0;padding:11px 12px;border-right:1px solid #34373c;border-bottom:1px solid #34373c}.btv2-review-build dt{color:#92969c;font-size:11px}.btv2-review-build dd{margin:5px 0 0;font-weight:700;overflow-wrap:anywhere}.btv2-review-build [data-state="safe"] dd,.btv2-review-build [data-state="ready"] dd{color:#a7d8b1}.btv2-review-build [data-state="alert"] dd,.btv2-review-build [data-state="missing"] dd{color:var(--signal-red-on-dark)}
.btv2-review-mode-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #34373c}.btv2-review-mode-bar a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 12px;border-right:1px solid #34373c;color:#f4f4f1;text-decoration:none;font-weight:700;font-size:13px}.btv2-review-mode-bar a:last-child{border-right:0;color:var(--signal-red-on-dark)}.btv2-review-mode-bar a:hover,.btv2-review-mode-bar a:focus-visible{background:#f4f4f1;color:#0b0c0d;outline:0}
.btv2-review-route-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #34373c}.btv2-review-route-group{min-width:0;padding:20px 24px;border-right:1px solid #34373c;border-bottom:1px solid #34373c}.btv2-review-route-group:nth-child(2n){border-right:0}.btv2-review-route-list{border-top:1px solid #34373c}.btv2-review-route-list a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;border-bottom:1px solid #25282c;color:#f4f4f1;text-decoration:none}.btv2-review-route-list a:hover,.btv2-review-route-list a:focus-visible{background:#181a1d;outline:2px solid #f4f4f1;outline-offset:-2px}.btv2-review-route-list b{color:var(--signal-red-on-dark);font-size:11px}.btv2-review-route-list span{font-weight:700;overflow-wrap:anywhere}.btv2-review-route-list em{color:#92969c;font-size:11px;font-style:normal;text-align:right}
.btv2-review-evidence>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #34373c;border-left:1px solid #34373c}.btv2-review-evidence a{display:flex;align-items:center;min-height:50px;padding:10px 12px;border-right:1px solid #34373c;border-bottom:1px solid #34373c;color:#f4f4f1;text-decoration:none;font-weight:700;font-size:12px}.btv2-review-evidence a:hover,.btv2-review-evidence a:focus-visible{background:#f4f4f1;color:#0b0c0d;outline:0}
.btv2-review-check-head,.btv2-review-check-row{display:grid;grid-template-columns:minmax(170px,1.8fr) repeat(5,minmax(74px,1fr));align-items:center;min-width:760px;border-bottom:1px solid #2a2d31}.btv2-review-check-matrix{overflow-x:auto}.btv2-review-check-head{border-top:1px solid #34373c;color:#92969c;font-size:11px}.btv2-review-check-head span,.btv2-review-check-row span,.btv2-review-check-row a{padding:9px 8px;border-right:1px solid #2a2d31}.btv2-review-check-row a{color:#f4f4f1;font-weight:700;text-decoration:none}.btv2-review-check-row span{color:#b4b7bb;font-size:12px}.btv2-review-check-row a:hover,.btv2-review-check-row a:focus-visible{color:var(--signal-red-on-dark);outline:0}
.btv2-review-feedback{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) auto;gap:16px;align-items:start}.btv2-review-feedback p{margin:8px 0 0;color:#aeb2b6;line-height:1.45}.btv2-review-feedback textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #42464c;border-radius:0;background:#050606;color:#f4f4f1;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.btv2-review-feedback button{min-height:42px;border:1px solid #f4f4f1;border-radius:0;background:#f4f4f1;color:#0b0c0d;padding:9px 13px;font-weight:800}.btv2-review-feedback>[aria-live]{grid-column:2/4;margin:0;color:#92969c;font-size:11px}
@media(max-width:900px){.btv2-review-build dl{grid-template-columns:repeat(2,minmax(0,1fr))}.btv2-review-route-groups{grid-template-columns:1fr}.btv2-review-route-group,.btv2-review-route-group:nth-child(2n){border-right:0}.btv2-review-evidence>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.btv2-review-feedback{grid-template-columns:1fr}.btv2-review-feedback>[aria-live]{grid-column:auto}}
@media(max-width:520px){.btv2-review-hub-head{align-items:flex-start;flex-direction:column;padding:18px}.btv2-review-build,.btv2-review-evidence,.btv2-review-check-matrix,.btv2-review-feedback,.btv2-review-route-group{padding:16px}.btv2-review-build dl{grid-template-columns:1fr}.btv2-review-mode-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.btv2-review-mode-bar a:nth-child(even){border-right:0}.btv2-review-mode-bar a:nth-child(-n+4){border-bottom:1px solid #34373c}.btv2-review-mode-bar a:last-child{grid-column:1/-1}.btv2-review-route-list a{grid-template-columns:28px minmax(0,1fr)}.btv2-review-route-list em{grid-column:2;text-align:left;padding-bottom:8px}.btv2-review-evidence>div:last-child{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btv2-review-hub *{scroll-behavior:auto!important;transition:none!important}}
/* Private-staging staff authentication is an operational gate, not a product redesign. */
.staff-auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f5f5f3; }
.staff-auth-panel { width: min(420px, 100%); display: grid; gap: 16px; padding: 28px; background: #fff; border: 1px solid #d9d9d5; }
.staff-auth-panel h1, .staff-auth-panel p { margin: 0; }
.staff-auth-panel label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.staff-auth-panel input { min-height: 44px; padding: 10px 12px; border: 1px solid #a8a8a3; border-radius: 0; font: inherit; }
.staff-auth-panel button { min-height: 44px; border: 0; border-radius: 0; background: #111; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.staff-auth-panel small { color: #666; line-height: 1.45; }
.staff-auth-error { color: var(--signal-red); font-weight: 700; }
/* RC2 owner-review export and filter surfaces */
#app.btv2-shell-active[data-btv2-mode="staff"] .nav-button::before { content: none; counter-increment: none; display: none; }
.rc2-custom-dates,
.rc2-export-builder { display: grid; gap: 12px; }
.rc2-custom-dates { align-items: end; grid-template-columns: repeat(2, minmax(132px, 1fr)) auto; }
.rc2-export-builder { background: #fff; border: 1px solid #d9d9d9; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto; margin: 18px 0; padding: 18px; }
.rc2-export-builder label,
.rc2-custom-dates label { color: #303030; display: grid; font-size: 12px; font-weight: 700; gap: 6px; }
.rc2-export-actions { align-items: end; display: flex; gap: 8px; }
.rc2-export-preview { border-left: 3px solid var(--signal-red); display: grid; gap: 4px; margin: 14px 0; padding: 10px 14px; }
.rc2-export-history .rc2-ledger article > button { margin-left: auto; }
@media (max-width: 760px) {
  .rc2-custom-dates,
  .rc2-export-builder { grid-template-columns: 1fr; }
  .rc2-export-actions,
  .rc2-export-actions button { width: 100%; }
}

/* RC2 owner-correction operational surfaces: dense, square and evidence-first. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.btv2-dashboard-kpi-link {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.btv2-dashboard-kpi-link .btv2-cc-stat-card { height: 100%; }
.btv2-dashboard-kpi-link:hover .btv2-cc-stat-card { border-color: #fff; }
.btv2-dashboard-kpi-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.rc2-account-menu { position: relative; min-width: 190px; }
.rc2-account-menu > button {
  display: grid;
  width: 100%;
  min-height: 42px;
  padding: 7px 10px;
  border: 1px solid #333;
  background: #111;
  color: #fff;
  text-align: left;
}
.rc2-account-menu > button span { color: #b3b3b3; font-size: 11px; }
.rc2-account-menu > button strong { font-size: 12px; }
.rc2-account-menu > section {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  right: 0;
  display: grid;
  gap: 10px;
  width: min(340px, calc(100vw - 32px));
  padding: 14px;
  border: 1px solid #444;
  background: #080808;
  color: #fff;
}
.rc2-account-menu > section div { display: grid; gap: 3px; }
.rc2-account-menu > section span { color: #8f8f8f; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.rc2-account-menu > section button { min-height: 38px; border: 1px solid var(--signal-red); background: var(--signal-red); color: #fff; font-weight: 800; }

.rc2-membership-journey-layer {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}
.rc2-membership-journey-backdrop { position: absolute; inset: 0; border: 0; background: rgb(0 0 0 / .78); }
.rc2-membership-journey {
  position: relative;
  display: grid;
  width: min(1120px, 100%);
  max-height: calc(100dvh - 48px);
  overflow: auto;
  border: 1px solid #444;
  background: #080808;
  color: #fff;
}
.rc2-membership-journey > header,
.rc2-membership-journey > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid #303030;
}
.rc2-membership-journey > footer { border-top: 1px solid #303030; border-bottom: 0; color: #aaa; font-size: 11px; }
.rc2-membership-journey > footer strong { color: var(--signal-red-on-dark); }
.rc2-membership-journey > header span { color: #999; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.rc2-membership-journey > header h2 { margin: 3px 0 0; font-size: clamp(24px, 3vw, 38px); }
.rc2-membership-journey > header button,
.rc2-membership-journey .rc2-form-actions button,
.rc2-membership-journey form > button { min-height: 40px; border: 1px solid #505050; background: #151515; color: #fff; padding: 8px 12px; font-weight: 800; }
.rc2-membership-journey .rc2-form-actions button:last-child,
.rc2-membership-journey form > button:last-child { border-color: var(--signal-red); background: var(--signal-red); }
.rc2-membership-progress {
  display: grid;
  grid-template-columns: repeat(9, minmax(90px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  border-bottom: 1px solid #303030;
}
.rc2-membership-progress li { min-width: 90px; padding: 10px 12px; border-right: 1px solid #303030; color: #777; font-size: 11px; font-weight: 800; }
.rc2-membership-progress li[data-state="current"] { border-top: 3px solid var(--signal-red); color: #fff; }
.rc2-membership-progress li[data-state="complete"] { color: #cfcfcf; background: #111; }
.rc2-membership-journey-body { padding: 18px; }
.rc2-membership-person-grid,
.rc2-membership-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rc2-membership-person-grid > section,
.rc2-membership-plan-list label,
.rc2-membership-review-grid > div,
.rc2-membership-commercial-summary > div,
.rc2-membership-terms,
.rc2-membership-outcome { border: 1px solid #303030; background: #111; padding: 14px; }
.rc2-membership-journey form { display: grid; gap: 12px; }
.rc2-membership-journey label { display: grid; gap: 5px; color: #aaa; font-size: 11px; font-weight: 800; }
.rc2-membership-journey :is(input, select, textarea) { width: 100%; min-height: 40px; border: 1px solid #444; border-radius: 0; background: #080808; color: #fff; padding: 8px 10px; }
.rc2-membership-person-results,
.rc2-membership-plan-list { display: grid; gap: 6px; }
.rc2-membership-person-results button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; border: 1px solid #333; background: #0b0b0b; color: #fff; padding: 10px; text-align: left; }
.rc2-membership-person-results button span { display: grid; gap: 3px; }
.rc2-membership-person-results small,
.rc2-membership-person-results em { color: #999; font-size: 10px; font-style: normal; }
.rc2-membership-plan-list label { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; color: #fff; }
.rc2-membership-plan-list label input { width: 18px; min-height: 18px; }
.rc2-membership-plan-list label[data-selected="true"] { border-left: 3px solid var(--signal-red); }
.rc2-membership-commercial-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #303030; }
.rc2-membership-commercial-summary > div { display: grid; gap: 4px; }
.rc2-membership-commercial-summary span,
.rc2-membership-review-grid span,
.rc2-membership-terms span { color: #888; font-size: 10px; text-transform: uppercase; }
.rc2-membership-terms { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 16px; }
.rc2-membership-review-grid > div { display: grid; gap: 4px; }
.rc2-membership-photo-step {
  display: grid;
  gap: 12px;
}

/* Persisted operator-product workspaces */
#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-operator-scope-note,
  .rc2-operator-setting-list > form,
  .rc2-policy-list > article,
  .rc2-policy-editor,
  .rc2-provider-editor
) {
  background: #0d0d0d;
  border: 1px solid var(--btv2-staff-line);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-operator-scope-note {
  border-left-color: var(--signal-red);
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
  padding: 12px 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-operator-scope-note span,
  .rc2-operator-setting-list span,
  .rc2-policy-workspace p,
  .rc2-policy-workspace small,
  .rc2-policy-workspace details span,
  .rc2-provider-editor p,
  .rc2-provider-validations span,
  .rc2-provider-validations small
) {
  color: var(--btv2-staff-muted);
  font-size: 12px;
  line-height: 1.45;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-operator-setting-list {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-operator-setting-list > form {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-operator-setting-list > form > div {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-operator-setting-list label,
  .rc2-policy-editor label,
  .rc2-policy-list footer label,
  .rc2-provider-editor label,
  .rc2-provider-editor legend
) {
  color: var(--btv2-staff-text);
  display: grid;
  font-size: 12px;
  font-weight: 800;
  gap: 6px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-operator-setting-list input,
  .rc2-policy-editor input,
  .rc2-policy-editor textarea,
  .rc2-policy-list footer input,
  .rc2-provider-editor input,
  .rc2-provider-editor select
) {
  background: #090909;
  border: 1px solid var(--btv2-staff-line);
  border-radius: 0;
  color: var(--btv2-staff-text);
  font: inherit;
  min-height: 42px;
  padding: 9px 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-editor textarea {
  min-height: 220px;
  resize: vertical;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-operator-setting-list button,
  .rc2-policy-workspace button,
  .rc2-provider-editor button,
  .rc2-plan-status-tabs button
) {
  background: #151515;
  border: 1px solid var(--btv2-staff-line);
  border-radius: 0;
  color: var(--btv2-staff-text);
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  min-height: 38px;
  padding: 8px 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-operator-setting-list button,
  .rc2-policy-editor > div:last-child button:last-child,
  .rc2-provider-editor form > div:last-child button:last-child
) {
  border-color: var(--signal-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-policy-list,
  .rc2-policy-editor,
  .rc2-provider-editor,
  .rc2-provider-validations
) {
  display: grid;
  gap: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-editor,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor {
  margin-bottom: 14px;
  padding: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-editor > div:last-child,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor form > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list > article {
  display: grid;
  gap: 10px;
  padding: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list > article > header,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-validations > div {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list > article > header > div {
  display: grid;
  gap: 3px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list > article > p {
  margin: 0;
  max-height: 8.7em;
  overflow: auto;
  white-space: pre-wrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list details {
  border-top: 1px solid var(--btv2-staff-line-soft);
  padding-top: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list details > summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list details > div {
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 7px 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list footer {
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list footer form {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor > form {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor fieldset,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor form > p,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor form > div {
  grid-column: 1 / -1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor fieldset {
  border: 1px solid var(--btv2-staff-line);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
  padding: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor fieldset label {
  align-items: center;
  display: flex;
  gap: 7px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor fieldset input {
  min-height: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-validations {
  border-top: 1px solid var(--btv2-staff-line);
  padding-top: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-validations article {
  align-items: baseline;
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: grid;
  gap: 8px;
  grid-template-columns: 130px 180px minmax(0, 1fr);
  padding: 8px 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-plan-status-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
  overflow-x: auto;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-plan-status-tabs button {
  white-space: nowrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-plan-status-tabs button[aria-current="page"] {
  border-left-color: var(--signal-red);
  color: #ffffff;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-imported-plan-mapping {
  border-top: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 10px;
  margin-top: 20px;
  padding-top: 18px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-imported-plan-mapping > p {
  color: var(--btv2-staff-muted);
  font-size: 12px;
  margin: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-coverage {
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-coverage > div {
  display: grid;
  gap: 4px;
  padding: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-coverage > div + div {
  border-left: 1px solid var(--btv2-staff-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-coverage span {
  color: var(--btv2-staff-muted);
  font-size: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-filters,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list article > form,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list details form {
  align-items: end;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list > article {
  background: #0d0d0d;
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 10px;
  padding: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list article > header {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list article > header > div {
  display: grid;
  gap: 3px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list :is(
  header span,
  header small,
  details summary,
  label
) {
  color: var(--btv2-staff-muted);
  font-size: 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list label,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-filters label {
  display: grid;
  font-weight: 800;
  gap: 5px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-effective {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-effective span {
  color: var(--btv2-staff-muted);
  font-size: 11px;
  font-weight: 800;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-effective time {
  color: var(--btv2-staff-text);
  font-size: 11px;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-mapping-review-list input,
  .rc2-mapping-review-list select,
  .rc2-mapping-review-list textarea,
  .rc2-mapping-filters select
) {
  background: #090909;
  border: 1px solid var(--btv2-staff-line);
  border-radius: 0;
  color: var(--btv2-staff-text);
  font: inherit;
  min-height: 40px;
  padding: 8px 9px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-mapping-review-list button,
  .rc2-mapping-filters button,
  .rc2-mapping-pagination button
) {
  background: #151515;
  border: 1px solid var(--btv2-staff-line);
  border-radius: 0;
  color: var(--btv2-staff-text);
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  min-height: 40px;
  padding: 8px 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list details {
  border-top: 1px solid var(--btv2-staff-line-soft);
  padding-top: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list details summary {
  cursor: pointer;
  font-weight: 850;
  margin-bottom: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-pagination {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-report-coverage {
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 10px 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-report-coverage > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-report-coverage > div + div {
  border-left: 1px solid var(--btv2-staff-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-report-coverage span {
  color: var(--btv2-staff-muted);
  font-size: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-report-coverage strong {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-operator-setting-list > form,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor > form,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-validations article {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-policy-list,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-report-coverage,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-coverage {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-report-coverage > div + div {
    border-left: 0;
    border-top: 1px solid var(--btv2-staff-line-soft);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-coverage > div + div {
    border-left: 0;
    border-top: 1px solid var(--btv2-staff-line-soft);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-filters,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list article > form,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-mapping-review-list details form {
    grid-template-columns: minmax(0, 1fr);
  }
}
.rc2-membership-photo-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid #3a3a3a;
  background: #0d0d0d;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .04), 0 8px 18px rgb(0 0 0 / .24);
}
.rc2-membership-photo-intro h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(20px, 2.4vw, 30px);
}
.rc2-membership-photo-intro p {
  max-width: 640px;
  margin: 8px 0 0;
  color: #b8b8b8;
  line-height: 1.55;
}
.rc2-membership-photo-intro dl {
  display: grid;
  align-content: start;
  margin: 0;
  border-top: 1px solid #333;
}
.rc2-membership-photo-intro dl > div {
  display: grid;
  grid-template-columns: minmax(90px, .7fr) minmax(0, 1.3fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #292929;
}
.rc2-membership-photo-intro :is(dt, dd) {
  min-width: 0;
  margin: 0;
  overflow-wrap: break-word;
}
.rc2-membership-photo-intro dt {
  color: #858585;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}
.rc2-membership-photo-intro dd {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}
.rc2-membership-photo-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.rc2-membership-photo-actions > label {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 12px 14px;
  border: 1px solid #505050;
  background: #111;
  color: #fff;
  cursor: pointer;
}
.rc2-membership-photo-actions > label:first-child {
  border-color: var(--signal-red);
}
.rc2-membership-photo-actions > label[data-disabled="true"] {
  border-color: #292929;
  color: #777;
  cursor: not-allowed;
}
.rc2-membership-photo-actions input.sr-only {
  width: 1px;
  min-height: 1px;
  padding: 0;
  border: 0;
}
.rc2-membership-photo-actions span {
  font-size: 13px;
  font-weight: 900;
}
.rc2-membership-photo-actions small,
.rc2-membership-photo-note,
.rc2-membership-photo-override small {
  color: #8f8f8f;
  font-size: 10px;
}
.rc2-membership-photo-note,
.rc2-membership-photo-gate {
  margin: 0;
  line-height: 1.5;
}
.rc2-membership-photo-gate {
  padding: 10px 12px;
  border-left: 3px solid var(--signal-red);
  background: #111;
  color: #cfcfcf;
}
.rc2-membership-photo-override {
  border: 1px solid #353535;
  background: #0b0b0b;
}
.rc2-membership-photo-override > summary {
  min-height: 42px;
  padding: 12px;
  color: #cfcfcf;
  cursor: pointer;
  font-size: 11px;
  font-weight: 850;
}
.rc2-membership-photo-override form {
  padding: 0 12px 12px;
  border-top: 1px solid #292929;
}
.rc2-form-actions,
.rc2-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rc2-workflow-primary-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-left: 3px solid var(--signal-red); background: #111; padding: 10px 12px; }
.rc2-workflow-primary-action button { min-height: 38px; border: 1px solid var(--signal-red); background: var(--signal-red); color: #fff; padding: 7px 12px; font-weight: 800; }
.rc2-workflow-primary-action span { color: #999; font-size: 11px; }
.rc2-identity-evidence { display: grid; gap: 6px; padding: 10px; border: 1px solid #303030; }
.rc2-identity-evidence > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; padding-top: 6px; border-top: 1px solid #252525; }
.rc2-identity-evidence small { color: #888; }
.rc2-identity-evidence em { grid-column: 2; grid-row: 1 / span 2; color: #aaa; font-size: 10px; font-style: normal; }

.rc2-directory-ledger,
.rc2-contextual-exports,
.rc2-attendance-chart,
.rc2-report-chart,
.rc2-report-summary,
.rc2-staff-selected,
.rc2-staff-create,
.rc2-staff-audit { margin-top: 14px; border: 1px solid #303030; background: #0d0d0d; padding: 14px; }
.rc2-directory-table { contain: inline-size; max-width: 100%; min-width: 0; width: 100%; overflow-x: auto; border-top: 1px solid #303030; }
.rc2-directory-row { display: grid; grid-template-columns: 64px minmax(160px, 1.4fr) minmax(120px, 1fr) minmax(110px, 1fr) minmax(130px, 1fr) minmax(120px, 1fr) auto; align-items: center; min-width: 980px; min-height: 46px; border-bottom: 1px solid #252525; }
.rc2-lead-directory-row { grid-template-columns: minmax(160px, 1.4fr) minmax(120px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr) minmax(120px, 1fr) minmax(140px, 1fr) minmax(190px, auto); }
.rc2-directory-row > * { min-width: 0; padding: 7px 8px; overflow-wrap: anywhere; }
.rc2-directory-head { min-height: 34px; background: #080808; color: #888; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.rc2-directory-row button,
.rc2-pagination button,
.rc2-contextual-export-actions button,
.rc2-row-actions button { min-height: 34px; border: 1px solid #444; background: #151515; color: #fff; padding: 6px 9px; font-weight: 750; }
.rc2-directory-row input { accent-color: var(--signal-red); }
.rc2-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; color: #aaa; font-size: 11px; }
.rc2-pagination button:disabled { color: #666; border-color: #282828; background: #0a0a0a; }
.rc2-contextual-exports { display: grid; grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr); gap: 14px; }
.rc2-contextual-exports > div:first-child { display: grid; align-content: start; gap: 4px; }
.rc2-contextual-exports small { color: #888; }
.rc2-contextual-export-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.rc2-contextual-exports .rc2-workflow-feedback { grid-column: 1 / -1; }

.rc2-attendance-scope,
.rc2-report-filter-summary,
.rc2-report-provenance,
.rc2-export-boundary,
.rc2-staff-role-contract,
.btv2-review-readiness-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #303030; border-left: 1px solid #303030; margin: 14px 0; }
.rc2-attendance-scope > div,
.rc2-report-filter-summary > div,
.rc2-report-provenance > div,
.btv2-review-readiness-summary > div { display: grid; gap: 4px; min-width: 0; padding: 10px; border-right: 1px solid #303030; border-bottom: 1px solid #303030; }
.rc2-attendance-scope span,
.rc2-report-filter-summary span,
.rc2-report-provenance span,
.btv2-review-readiness-summary span { color: #888; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.rc2-attendance-scope small,
.rc2-report-provenance small,
.btv2-review-readiness-summary small { color: #888; }
.rc2-attendance-live-gap { margin: 14px 0; padding: 14px; border: 1px solid var(--signal-red-border); border-left: 4px solid var(--signal-red); background: color-mix(in srgb, var(--signal-red) 10%, #080808); }
.rc2-attendance-live-gap strong { color: var(--signal-red-on-dark); }
.rc2-attendance-live-gap p { margin: 6px 0 0; color: #bbb; }
.rc2-attendance-summary,
.rc2-attendance-provider-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid #303030; border-left: 1px solid #303030; }
.rc2-attendance-summary article,
.rc2-attendance-provider-grid article { display: grid; gap: 4px; min-width: 0; padding: 12px; border-right: 1px solid #303030; border-bottom: 1px solid #303030; background: #0d0d0d; }
.rc2-attendance-summary span,
.rc2-attendance-provider-grid span { color: #888; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.rc2-attendance-summary strong { font-size: clamp(18px, 2.2vw, 30px); }
.rc2-attendance-summary small,
.rc2-attendance-provider-grid small { color: #888; overflow-wrap: anywhere; }
.rc2-attendance-analysis,
.rc2-report-visual-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rc2-attendance-chart > div:last-child,
.rc2-report-chart > div:last-child { display: grid; gap: 7px; }
.rc2-attendance-chart article,
.rc2-report-chart article { display: grid; grid-template-columns: 90px minmax(0, 1fr) 70px; align-items: center; gap: 9px; }
.rc2-attendance-chart article i,
.rc2-report-chart article i { display: block; width: var(--rc2-attendance-share, var(--rc2-report-share, 0%)); min-width: 2px; height: 8px; background: var(--signal-red); }
.rc2-report-chart article[data-negative="true"] i { background: #fff; }
.rc2-attendance-chart article strong,
.rc2-report-chart article strong { text-align: right; }
.rc2-attendance-ledger article form { display: grid; grid-template-columns: 130px minmax(180px, 1fr) auto; gap: 6px; margin-top: 8px; }
.rc2-attendance-ledger article form label { display: grid; gap: 3px; color: #888; font-size: 10px; }
.rc2-attendance-ledger :is(input, select, button) { min-height: 34px; border: 1px solid #444; background: #111; color: #fff; }

.rc2-report-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rc2-report-index button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: start; }
.rc2-report-index button strong { font-size: 14px; }
.rc2-report-index button span,
.rc2-report-index button small { color: #8f8f8f; font-size: 10px; grid-column: 1; }
.rc2-report-index button em { grid-column: 2; grid-row: 1 / span 3; }
.rc2-report-detail { margin-top: 14px; padding: 16px; border: 1px solid #303030; background: #0a0a0a; }
.rc2-report-provenance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rc2-report-summary > div:not(.rc2-section-heading) { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid #292929; }
.rc2-report-table { contain: inline-size; max-width: 100%; min-width: 0; width: 100%; margin-top: 12px; overflow-x: auto; border-top: 1px solid #303030; }
.rc2-report-table-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); min-width: 720px; border-bottom: 1px solid #292929; }
.rc2-report-table-row span { min-width: 0; padding: 9px; overflow-wrap: anywhere; }
.rc2-report-table-head { background: #111; color: #888; font-size: 10px; font-weight: 900; text-transform: uppercase; }

.rc2-export-boundary { grid-template-columns: auto minmax(180px, 1fr) minmax(280px, 2fr); align-items: center; padding: 12px; border: 1px solid #303030; }
.rc2-export-boundary strong { color: var(--signal-red-on-dark); }
.rc2-export-boundary small { color: #888; }
#app.btv2-shell-active .rc2-export-builder { grid-template-columns: repeat(3, minmax(160px, 1fr)); border-color: #303030; background: #0d0d0d; }
#app.btv2-shell-active .rc2-export-builder label { color: #aaa; }
.rc2-export-builder :is(input, select, textarea) { min-height: 40px; width: 100%; padding: 8px 10px; border: 1px solid #444; border-radius: 0; background: #080808; color: #fff; }
.rc2-export-field-picker { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; padding: 0; border: 1px solid #333; background: #333; }
.rc2-export-field-picker legend { padding: 7px 0; color: #aaa; font-size: 11px; font-weight: 800; }
.rc2-export-field-picker label { display: flex; align-items: center; gap: 8px; padding: 9px; background: #0d0d0d; }
.rc2-export-field-picker input { width: 16px; min-height: 16px; accent-color: var(--signal-red); }
.rc2-export-actions { grid-column: 1 / -1; justify-content: flex-end; }
.rc2-export-actions button { min-height: 40px; border: 1px solid #555; background: #151515; color: #fff; padding: 8px 12px; font-weight: 800; }
.rc2-export-actions button:last-child { border-color: var(--signal-red); background: var(--signal-red); }

.rc2-staff-role-contract { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rc2-staff-role-contract article { display: grid; gap: 4px; padding: 12px; border-right: 1px solid #303030; border-bottom: 1px solid #303030; }
.rc2-staff-role-contract span,
.rc2-staff-role-contract small { color: #888; }
.rc2-staff-admin-layout { display: grid; grid-template-columns: minmax(260px, .65fr) minmax(0, 1.35fr); gap: 12px; }
.rc2-staff-directory { border: 1px solid #303030; background: #0d0d0d; padding: 12px; }
.rc2-staff-directory > button { display: flex; justify-content: space-between; gap: 12px; width: 100%; min-height: 54px; padding: 9px; border: 0; border-top: 1px solid #292929; background: transparent; color: #fff; text-align: left; }
.rc2-staff-directory > button[aria-pressed="true"] { border-left: 3px solid var(--signal-red); background: #151515; }
.rc2-staff-directory > button span { display: grid; gap: 3px; }
.rc2-staff-directory small,
.rc2-staff-directory em { color: #888; font-size: 10px; font-style: normal; }
.rc2-staff-workspace { min-width: 0; }
.rc2-staff-selected form,
.rc2-staff-create form { display: grid; gap: 10px; }
.rc2-staff-selected form > label,
.rc2-staff-create form > label { display: grid; gap: 5px; color: #aaa; font-size: 11px; font-weight: 800; }
.rc2-staff-selected :is(input, select),
.rc2-staff-create :is(input, select) { min-height: 40px; width: 100%; border: 1px solid #444; border-radius: 0; background: #080808; color: #fff; padding: 8px 10px; }
.rc2-staff-location-picker,
.rc2-staff-capability-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding: 0; border: 1px solid #333; background: #333; }
.rc2-staff-location-picker legend,
.rc2-staff-capability-picker legend { padding: 7px 0; color: #aaa; font-size: 11px; font-weight: 800; }
.rc2-staff-location-picker label,
.rc2-staff-capability-picker label { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px; background: #0d0d0d; color: #ccc; font-size: 10px; overflow-wrap: anywhere; }
.rc2-staff-location-picker input,
.rc2-staff-capability-picker input { width: 16px; min-height: 16px; accent-color: var(--signal-red); }
.rc2-staff-capability-picker small { grid-column: 1 / -1; padding: 8px; background: #0d0d0d; color: #888; }
.rc2-effective-permissions { margin-top: 14px; padding-top: 12px; border-top: 1px solid #303030; }
.rc2-effective-permissions > div:not(.rc2-section-heading) { display: flex; flex-wrap: wrap; gap: 5px; }
.rc2-effective-permissions > div:not(.rc2-section-heading) span { padding: 5px 7px; border: 1px solid #333; color: #bbb; font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; }

.btv2-review-data-readiness { padding: 20px 24px; border-bottom: 1px solid #34373c; }
.btv2-review-readiness-summary { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.btv2-review-site-status { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid #34373c; border-left: 1px solid #34373c; }
.btv2-review-site-status span { padding: 9px; border-right: 1px solid #34373c; border-bottom: 1px solid #34373c; color: #bbb; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.btv2-review-site-status span[data-state="ready"] { border-top: 3px solid #fff; }
.btv2-review-site-status span[data-state="pending"] { border-top: 3px solid var(--signal-red); color: var(--signal-red-on-dark); }

@media (max-width: 1100px) {
  .rc2-attendance-summary,
  .rc2-attendance-provider-grid,
  .btv2-review-readiness-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .btv2-review-site-status { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #app.btv2-shell-active .rc2-export-builder { grid-template-columns: repeat(2, minmax(160px, 1fr)); }
  .rc2-export-field-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .rc2-membership-journey-layer { padding: 0; }
  .rc2-membership-journey { width: 100%; max-height: 100dvh; min-height: 100dvh; border: 0; }
  .rc2-membership-person-grid,
  .rc2-membership-review-grid,
  .rc2-membership-commercial-summary,
  .rc2-membership-photo-intro,
  .rc2-membership-photo-actions,
  .rc2-attendance-analysis,
  .rc2-report-visual-grid,
  .rc2-contextual-exports,
  .rc2-staff-admin-layout { grid-template-columns: 1fr; }
  .rc2-contextual-exports .rc2-workflow-feedback { grid-column: auto; }
  .rc2-attendance-scope,
  .rc2-report-filter-summary,
  .rc2-report-provenance,
  .rc2-attendance-summary,
  .rc2-attendance-provider-grid,
  .rc2-staff-role-contract,
  .btv2-review-readiness-summary,
  .btv2-review-site-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #app.btv2-shell-active .rc2-export-builder,
  .rc2-export-field-picker,
  .rc2-staff-location-picker,
  .rc2-staff-capability-picker { grid-template-columns: 1fr; }
  .rc2-export-screen,
  .rc2-export-screen > *,
  .rc2-export-screen .screen-command-header,
  .rc2-export-screen .command-hero-copy,
  .rc2-export-screen .hero-mini-grid,
  .rc2-export-screen .mini-stat,
  .rc2-export-boundary,
  .rc2-export-builder,
  .rc2-export-history { min-width: 0; max-width: 100%; }
  .rc2-export-screen .screen-command-header,
  .rc2-export-screen .hero-mini-grid,
  .rc2-export-boundary { grid-template-columns: minmax(0, 1fr); }
  .rc2-export-screen .rc2-section-heading { align-items: flex-start; flex-wrap: wrap; }
  .rc2-attendance-ledger article form { grid-template-columns: 1fr; }
  .rc2-pagination { align-items: stretch; flex-direction: column; }
  .rc2-pagination button { width: 100%; }
  .btv2-review-data-readiness { padding: 16px; }
}

@media (max-width: 430px) {
  .rc2-membership-journey > header,
  .rc2-membership-journey > footer { align-items: flex-start; flex-direction: column; }
  .rc2-attendance-scope,
  .rc2-report-filter-summary,
  .rc2-report-provenance,
  .rc2-attendance-summary,
  .rc2-attendance-provider-grid,
  .rc2-staff-role-contract,
  .btv2-review-readiness-summary,
  .btv2-review-site-status { grid-template-columns: 1fr; }
  .rc2-report-index { grid-template-columns: 1fr; }
  .rc2-contextual-export-actions { display: grid; grid-template-columns: 1fr; }
  .rc2-attendance-screen .rc2-ledger article { flex-wrap: wrap; }
  .rc2-attendance-ledger article > div { flex: 1 1 100%; max-width: 100%; }
  .rc2-attendance-screen .rc2-ledger article > span { flex: 1 1 100%; min-width: 0; }
  .rc2-attendance-screen .rc2-ledger article > em { flex: 0 0 auto; }
}

/*
 * Launch-critical staff dark theme lock.
 * This final cascade retires active Lotus light surfaces without changing the
 * underlying screen, workflow, drawer or form behaviour.
 */
.staff-auth-shell {
  min-height: 100dvh;
  padding:
    max(20px, env(safe-area-inset-top))
    max(20px, env(safe-area-inset-right))
    max(20px, env(safe-area-inset-bottom))
    max(20px, env(safe-area-inset-left));
  color-scheme: dark;
  background: #050505;
  color: #f4f4f1;
}

#app.staff-auth-active {
  display: block;
  min-height: 100dvh;
  background: #050505;
}

#app.staff-auth-active > .staff-auth-shell {
  width: 100%;
  min-width: 0;
}

.staff-auth-panel {
  border: 1px solid #303030;
  background: #0b0b0b;
  color: #f4f4f1;
  box-shadow: none;
}

.staff-auth-panel :is(h1, p, label) {
  color: #f4f4f1;
}

.staff-auth-panel small {
  color: #a3a3a0;
}

.staff-auth-panel input {
  border: 1px solid #3a3a3a;
  background: #080808;
  color: #f4f4f1;
  caret-color: var(--signal-red);
}

.staff-auth-panel input::placeholder {
  color: #81817e;
}

.staff-auth-panel input:focus-visible {
  border-color: var(--signal-red);
  outline: 2px solid var(--signal-red-border);
  outline-offset: 2px;
}

.staff-auth-panel button {
  border: 1px solid var(--signal-red);
  background: var(--signal-red);
  color: #f4f4f1;
}

.staff-auth-panel button:hover {
  border-color: var(--signal-red-hover);
  background: var(--signal-red-hover);
}

.staff-auth-error {
  color: var(--signal-red-on-dark);
}

#app.btv2-shell-active[data-btv2-mode="staff"] {
  --btv2-staff-page: #050505;
  --btv2-staff-rail: #080808;
  --btv2-staff-panel: #0b0b0b;
  --btv2-staff-card: #111111;
  --btv2-staff-field: #080808;
  --btv2-staff-hover: #171717;
  --btv2-staff-line: #303030;
  --btv2-staff-line-soft: #242424;
  --btv2-staff-text: #f4f4f1;
  --btv2-staff-body: #c9c9c5;
  --btv2-staff-muted: #92928f;
  --lotus-canvas: var(--btv2-staff-page);
  --lotus-sidebar: var(--btv2-staff-rail);
  --lotus-surface: var(--btv2-staff-card);
  --lotus-surface-2: var(--btv2-staff-panel);
  --lotus-ink: var(--btv2-staff-text);
  --lotus-muted: var(--btv2-staff-muted);
  --lotus-line: var(--btv2-staff-line);
  --lotus-mint: #8f8f8f;
  --lotus-mint-deep: #c9c9c5;
  --lotus-lavender: #6f6f6f;
  --lotus-cream: #a3a3a0;
  --lotus-rose: var(--signal-red-tint);
  --lotus-red: var(--signal-red);
  --lotus-shadow: none;
  --lotus-radius-lg: 0;
  --lotus-radius-md: 0;
  color-scheme: dark;
  background: var(--btv2-staff-page);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(.main, .sidebar) {
  background: var(--btv2-staff-page);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .sidebar {
  gap: 12px;
  border-right-color: var(--btv2-staff-line);
  background: var(--btv2-staff-rail);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .sidebar nav,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-nav-group {
  gap: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-nav-group > span {
  display: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .nav-button {
  border: 0;
  border-left: 3px solid transparent;
  background: transparent;
  color: var(--btv2-staff-body);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .nav-button::before {
  display: none;
  content: none;
  counter-increment: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .nav-button:hover,
#app.btv2-shell-active[data-btv2-mode="staff"] .nav-button.active {
  border-left-color: var(--signal-red);
  background: var(--btv2-staff-hover);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .app-header,
  .demo-mode-indicator,
  .sidebar-note,
  .rc2-role-dashboard,
  .rc2-search-panel,
  .rc2-work-screen,
  .screen-command-header,
  .command-hero-copy,
  .hero-mini-grid,
  .detail-drawer,
  .record-drawer,
  .commercial-workflow-drawer,
  .member-profile-paid-final,
  .member-profile-paid-hero,
  .selected-member-side-rail,
  .save-desk-action-rail,
  .rc2-export-builder,
  .rc2-payments-screen > section,
  .rc2-audit-screen > section
) {
  border-color: var(--btv2-staff-line);
  background: var(--btv2-staff-panel);
  background-image: none;
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  [class$="-panel"],
  [class*="-panel "],
  [class$="-card"],
  [class*="-card "],
  [class$="-tile"],
  [class*="-tile "],
  [class$="-widget"],
  [class*="-widget "],
  .drawer-sections section,
  .drawer-field-list article,
  .drawer-case-strip article,
  .drawer-insight-grid > section,
  .member-profile-command-rail > section,
  .member-profile-stat-grid article,
  .member-profile-status-stack article,
  .member-profile-member-actions article
) {
  border-color: var(--btv2-staff-line);
  background: var(--btv2-staff-card);
  background-image: none;
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .drawer-header,
  .drawer-actions,
  .commercial-drawer-sticky-actions,
  .member-profile-paid-layout,
  .member-profile-visit-bars,
  .member-profile-journey-track,
  .member-profile-module-title span,
  .member-side-signal-grid,
  .member-activity-timeline-spine,
  .member-contact-action-cluster,
  .lead-stage-column,
  .kanban-column,
  .rc2-report-table-head,
  .rc2-directory-head
) {
  border-color: var(--btv2-staff-line);
  background: var(--btv2-staff-panel);
  background-image: none;
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .member-profile-hero-identity strong,
  .member-profile-health-card strong,
  .member-profile-module-title h3,
  .member-profile-command-rail h3,
  .member-profile-stat-grid strong,
  .member-profile-status-stack strong,
  .member-profile-member-actions strong,
  .member-profile-activity-timeline strong,
  .drawer-next-action-panel strong,
  .drawer-consent-panel strong,
  .drawer-owner-history-panel strong,
  .drawer-notes-panel strong,
  .drawer-timeline-panel strong,
  .drawer-source-panel strong,
  .drawer-recent-activity-panel strong
) {
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  [class$="-panel"],
  [class*="-panel "],
  [class$="-card"],
  [class*="-card "],
  [class$="-tile"],
  [class*="-tile "],
  [class$="-widget"],
  [class*="-widget "],
  .detail-drawer
) :is(h1, h2, h3, h4, strong, b) {
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .member-profile-hero-identity span,
  .member-profile-hero-identity em,
  .member-profile-health-card span,
  .member-profile-module-title span,
  .member-profile-journey-labels span,
  .member-profile-stat-grid span,
  .member-profile-status-stack span,
  .member-profile-member-actions span,
  .member-profile-activity-timeline em,
  .member-profile-activity-timeline span,
  .member-profile-next-action-card p,
  .drawer-next-action-panel h3,
  .drawer-consent-panel h3,
  .drawer-owner-history-panel h3,
  .drawer-notes-panel h3,
  .drawer-timeline-panel h3,
  .drawer-next-action-panel span,
  .drawer-consent-panel span,
  .drawer-owner-history-panel span,
  .drawer-notes-panel span,
  .drawer-timeline-panel em
) {
  color: var(--btv2-staff-muted);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .crm-soft-avatar,
  .avatar,
  .member-row-score
) {
  border-color: #3a3a3a;
  background: #181818;
  background-image: none;
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .member-profile-health-card i,
  .member-profile-journey-track i.off
) {
  background: var(--btv2-staff-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .premium-member-row,
  .member-list-table-hybrid,
  .recovery-priority-stage article,
  .recovery-case-row,
  .cancellation-case-row
) {
  border-color: var(--btv2-staff-line);
  background: var(--btv2-staff-card);
  background-image: none;
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
  select,
  textarea
) {
  border-color: #424242;
  border-radius: 0;
  background: var(--btv2-staff-field);
  color: var(--btv2-staff-text);
  caret-color: var(--signal-red);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(input, textarea)::placeholder {
  color: #80807d;
  opacity: 1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] select option {
  background: var(--btv2-staff-field);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(input, select, textarea):focus-visible {
  border-color: var(--signal-red);
  outline: 2px solid var(--signal-red-border);
  outline-offset: 2px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .secondary-action,
  .tertiary-action,
  .drawer-actions button,
  .rc2-row-actions button,
  .rc2-contextual-export-actions button
) {
  border-color: #424242;
  border-radius: 0;
  background: #151515;
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .status-badge,
  .lead-source-chip,
  .lead-offer-chip,
  .save-reason-chip,
  .drawer-record-type
) {
  border-color: #3a3a3a;
  background: #151515;
  background-image: none;
  color: var(--btv2-staff-body);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .status-badge.hot,
  .status-badge.risk,
  .status-badge.watch,
  [data-tone="risk"],
  [data-btv2-tone="risk"]
) {
  border-color: var(--signal-red-border);
  color: var(--signal-red-on-dark);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-payments-screen,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-audit-screen {
  display: grid;
  gap: 12px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-payments-screen > section,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-audit-screen > section {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--btv2-staff-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--btv2-staff-line);
  background: var(--btv2-staff-panel);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline .rc2-search-results {
  min-width: 0;
  margin: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline .rc2-search-results button {
  border-color: var(--btv2-staff-line);
  background: var(--btv2-staff-card);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline .btv2-dashboard-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--btv2-staff-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline .btv2-dashboard-section-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline .btv2-dashboard-section-head span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline > p {
  margin: 0;
  color: var(--btv2-staff-muted);
  font-size: 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline .btv2-dashboard-section-head h2 {
  margin: 0;
  color: var(--btv2-staff-text);
  font-size: 18px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline .btv2-dashboard-section-head button {
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid #424242;
  background: #151515;
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline form button {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--signal-red);
  background: var(--signal-red);
  color: var(--btv2-staff-text);
  font-weight: 800;
}

@media (max-width: 1180px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-nav-group {
    display: contents;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar nav {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

/* Canonical values remain fully legible even when demo aggregates use
   more digits than the current operational evidence. */
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen[data-dashboard-data-mode="canonical"] .btv2-canonical-kpi.v111-kpi > strong {
  font-size: clamp(28px, 2vw, 34px);
  overflow: visible;
  overflow-wrap: normal;
  text-overflow: clip;
  white-space: normal;
}

@media (max-width: 480px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen[data-dashboard-data-mode="canonical"] .btv2-canonical-kpi.v111-kpi > strong {
    font-size: 20px;
  }
}

@media (max-width: 375px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen[data-dashboard-data-mode="canonical"] .btv2-canonical-kpi.v111-kpi > strong {
    font-size: 18px;
  }
}

@media (max-width: 760px) {
  .staff-auth-shell {
    place-items: stretch;
    align-content: center;
  }

  .staff-auth-panel {
    width: 100%;
    padding: 20px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar {
    border-bottom-color: var(--btv2-staff-line);
    background: var(--btv2-staff-rail);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar nav[data-mobile-open="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .rc2-payments-screen > section,
    .rc2-audit-screen > section
  ) {
    padding: 10px;
  }
}

@media (max-width: 700px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline[data-has-query="true"] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding:
      max(16px, env(safe-area-inset-top))
      max(16px, env(safe-area-inset-right))
      max(16px, env(safe-area-inset-bottom))
      max(16px, env(safe-area-inset-left));
    border: 0;
    background: var(--btv2-staff-page);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline[data-has-query="true"] > :is(
    header,
    .rc2-section-heading,
    .btv2-dashboard-section-head
  ) {
    position: sticky;
    z-index: 1;
    top: calc(-1 * max(16px, env(safe-area-inset-top)));
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--btv2-staff-line);
    background: var(--btv2-staff-page);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline form {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-inline form button {
    width: 100%;
    min-height: 44px;
  }
}

@media (max-width: 430px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar nav[data-mobile-open="true"] {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Launch-critical operational components */
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
  margin: 0 0 14px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--btv2-staff-line);
}

/* Operator information architecture: functional structure for the later design pass. */
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation {
  align-items: center;
  background: #0b0b0b;
  border: 1px solid var(--btv2-staff-line);
  display: flex;
  gap: 18px;
  margin: 0 28px 12px;
  min-width: 0;
  padding: 8px 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation > strong {
  color: var(--btv2-staff-muted);
  flex: 0 0 auto;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation > div {
  display: flex;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation button {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--btv2-staff-muted);
  flex: 0 0 auto;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  min-height: 34px;
  padding: 7px 10px;
  white-space: nowrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation button:hover,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation button[aria-current="page"] {
  border-color: var(--btv2-staff-line);
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation button[aria-current="page"] {
  border-left-color: var(--signal-red);
  background: #141414;
}

@media (max-width: 760px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation {
    align-items: stretch;
    display: grid;
    gap: 6px;
    margin-bottom: 8px;
    margin-inline: 14px;
    padding: 8px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-workspace-navigation > strong {
    padding-inline: 2px;
  }
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-safety {
  align-items: baseline;
  border: 1px solid var(--btv2-staff-line);
  border-left-color: var(--signal-red);
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
  padding: 10px 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-safety span {
  color: var(--btv2-staff-muted);
  font-size: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-category + .rc2-provider-category {
  margin-top: 22px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid > article {
  background: #0d0d0d;
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid > article[data-provider-status="action_required"],
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid > article[data-provider-status="requires_credentials"] {
  border-left-color: var(--signal-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid header {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid header > div:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid header span,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid :is(dt, dd) {
  color: var(--btv2-staff-muted);
  font-size: 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-mark {
  align-items: center;
  border: 1px solid var(--btv2-staff-line);
  display: flex;
  font-size: 11px;
  font-weight: 900;
  height: 38px;
  justify-content: center;
  width: 38px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid dl {
  display: grid;
  margin: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid dl > div {
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 7px 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid dd {
  color: var(--btv2-staff-text);
  margin: 0;
  text-align: right;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid button {
  background: #151515;
  border: 1px solid var(--btv2-staff-line);
  border-radius: 0;
  color: var(--btv2-staff-text);
  font-size: 11px;
  font-weight: 800;
  min-height: 36px;
  padding: 7px 10px;
}

@media (max-width: 1100px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-safety {
    align-items: stretch;
    display: grid;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-header > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-header :is(h1, p) {
  margin: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-header h1 {
  color: var(--btv2-staff-text);
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 0.96;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-header p,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-meta {
  color: var(--btv2-staff-muted);
  font-size: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin-top: 3px;
  font-weight: 750;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-meta strong {
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav {
  background: #0b0b0b;
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 0;
  margin-bottom: 14px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav > div {
  display: flex;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 6px;
  scrollbar-width: thin;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--btv2-staff-muted);
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 850;
  min-height: 38px;
  padding: 8px 11px 6px;
  white-space: nowrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav button:is(:hover, :focus-visible),
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav button[aria-current="page"] {
  color: var(--btv2-staff-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav button[aria-current="page"] {
  border-bottom-color: var(--signal-red);
  background: #151515;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav > p {
  align-items: baseline;
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 8px 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav > p strong {
  color: var(--btv2-staff-text);
  font-size: 11px;
  white-space: nowrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav > p span {
  color: var(--btv2-staff-muted);
  font-size: 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-add-member-trigger {
  min-height: 48px;
  padding: 10px 20px;
  border: 1px solid var(--signal-red);
  border-radius: 0;
  background: var(--signal-red);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-add-member-trigger:is(:hover, :focus-visible) {
  border-color: #fff;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-member-filter-bar,
  .rc2-member-toolbar,
  .rc2-directory-ledger,
  .rc2-contextual-exports,
  .rc2-workflow-panel,
  .rc2-attendance-filter,
  .rc2-attendance-corrections,
  .rc2-attendance-sessions
) {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--btv2-staff-line);
  background: var(--btv2-staff-panel);
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar > form {
  display: grid;
  gap: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-search {
  display: grid;
  gap: 6px;
  color: var(--btv2-staff-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-search input {
  width: 100%;
  min-height: 46px;
  padding: 9px 12px;
  border: 1px solid #4a4a4a;
  border-radius: 0;
  background: #050505;
  color: var(--btv2-staff-text);
  font-size: 14px;
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-search input:focus {
  border-color: #fff;
  outline: 1px solid #fff;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-primary {
  display: grid;
  grid-template-columns:
    minmax(110px, 0.75fr) minmax(170px, 1.25fr) minmax(150px, 1fr)
    auto auto auto auto;
  align-items: end;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-active-filters {
  align-items: center;
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-active-filters strong {
  color: var(--btv2-staff-muted);
  font-size: 10px;
  letter-spacing: 0.055em;
  margin-right: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-active-filters span {
  background: #0a0a0a;
  border: 1px solid var(--btv2-staff-line);
  color: var(--btv2-staff-text);
  font-size: 10px;
  padding: 5px 7px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar select:disabled {
  color: #777777;
  cursor: not-allowed;
  opacity: 0.75;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-advanced {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--btv2-staff-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-advanced[hidden] {
  display: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-member-toolbar-primary,
  .rc2-member-toolbar-advanced
) label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--btv2-staff-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-member-toolbar-primary,
  .rc2-member-toolbar-advanced
) :is(input, select) {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #424242;
  border-radius: 0;
  background: #090909;
  color: var(--btv2-staff-text);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-member-toolbar-primary,
  .rc2-member-toolbar-advanced
) :is(input, select):focus {
  border-color: #fff;
  outline: 1px solid #fff;
  outline-offset: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-primary > button {
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid #474747;
  border-radius: 0;
  background: #151515;
  color: var(--btv2-staff-text);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-primary > button[type="submit"] {
  border-color: var(--signal-red);
  background: var(--signal-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-primary > button:is(:hover, :focus-visible) {
  border-color: #fff;
  outline: 1px solid #fff;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 7px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-actions button {
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid #444;
  border-radius: 0;
  background: #151515;
  color: var(--btv2-staff-text);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-actions button[type="submit"],
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-actions .is-primary {
  border-color: var(--signal-red);
  background: var(--signal-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-member-filter-bar label,
  .rc2-attendance-filter label
) {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--btv2-staff-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-search {
  grid-column: span 2;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-actions {
  display: flex;
  align-items: end;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-member-filter-actions button,
  .rc2-attendance-filter button,
  .rc2-attendance-pagination button
) {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #424242;
  border-radius: 0;
  background: #151515;
  color: var(--btv2-staff-text);
  font-weight: 800;
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-member-filter-actions button:last-child,
  .rc2-attendance-filter button
) {
  border-color: var(--signal-red);
  background: var(--signal-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-bar :disabled {
  border-color: #303030;
  background: #171717;
  color: #777772;
  opacity: 1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-table {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--btv2-staff-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-row.rc2-member-directory-row {
  display: grid;
  grid-template-columns:
    minmax(0, 1.85fr) minmax(0, 1.05fr) minmax(0, 0.82fr)
    minmax(0, 1.12fr) minmax(0, 0.76fr) minmax(0, 0.82fr)
    minmax(0, 1.05fr) minmax(0, 1.38fr);
  min-width: 0;
  border-bottom: 1px solid var(--btv2-staff-line);
  background: var(--btv2-staff-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-row:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-row > * {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 8px 9px;
  border-right: 1px solid var(--btv2-staff-line-soft);
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-entry {
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-entry:is(:hover, :focus-visible) {
  border-left: 3px solid var(--signal-red);
  outline: 0;
  background: #171717;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-identity {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-identity > label {
  min-height: 0;
  padding: 0;
  border: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-identity > i {
  display: grid;
  place-items: center;
  position: relative;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: 1px solid #444;
  background: #090909;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  font-style: normal;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-photo-thumbnail > span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-photo-thumbnail > img {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-photo-thumbnail > img[hidden] {
  display: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-identity > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-dates,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-flags,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-actions {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-identity :is(strong, small),
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-dates :is(strong, small),
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-flags :is(strong, small) {
  min-width: 0;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-identity small,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-dates small,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-flags small {
  color: var(--btv2-staff-muted);
  font-size: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-status-badge {
  justify-self: start;
  padding: 3px 6px;
  border: 1px solid #484848;
  color: #d8d8d8;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-status-badge[data-status="active"] {
  border-color: #fff;
  color: #fff;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-status-badge:is(
  [data-status="cancelled"],
  [data-status="lapsed"],
  [data-status="blocked"]
) {
  border-color: var(--signal-red);
  color: var(--signal-red-on-dark);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-actions button {
  min-height: 32px;
  padding: 5px 7px;
  border: 1px solid #464646;
  border-radius: 0;
  background: #111;
  color: #fff;
  font-size: 9px;
  font-weight: 850;
  text-align: center;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-actions button:first-child {
  border-color: var(--signal-red);
  color: var(--signal-red-on-dark);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-row > *:last-child {
  border-right: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-head {
  background: #101010;
  color: var(--btv2-staff-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-row > button {
  justify-content: center;
  border: 0;
  border-right: 0;
  border-radius: 0;
  background: transparent;
  color: var(--signal-red-on-dark);
  font-weight: 800;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-pagination,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-attendance-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  color: var(--btv2-staff-muted);
  font-size: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-contextual-exports {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-contextual-exports > summary {
  cursor: pointer;
  color: var(--btv2-staff-text);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-contextual-exports > div:first-child {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-contextual-exports :is(span, small, p) {
  color: var(--btv2-staff-muted);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-contextual-export-actions {
  display: flex;
  align-content: start;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-profile-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 12px 0;
  border: 1px solid var(--btv2-staff-line);
  background: var(--btv2-staff-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-profile-summary > div {
  min-width: 0;
  padding: 10px;
  background: var(--btv2-staff-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-profile-summary :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-profile-summary dt {
  color: var(--btv2-staff-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-profile-summary dd {
  margin-top: 5px;
  color: var(--btv2-staff-text);
  font-weight: 800;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-operational-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-operational-summary article,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-membership-history article {
  padding: 10px;
  border: 1px solid var(--btv2-staff-line);
  background: var(--btv2-staff-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-operational-summary article {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-operational-summary span,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-membership-history :is(span, small) {
  color: var(--btv2-staff-muted);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-membership-history {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-presale-profile-summary > article {
  border-left: 2px solid var(--v111-red-bright);
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-presale-profile-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-presale-profile-grid > div {
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-presale-profile-grid :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-presale-profile-grid dt {
  color: var(--btv2-staff-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-presale-profile-grid dd {
  color: var(--btv2-staff-text);
  font-size: 12px;
  font-weight: 800;
  margin-top: 4px;
}

@media (max-width: 520px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-presale-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-attendance-filter {
  display: grid;
  grid-template-columns: minmax(180px, 320px) auto;
  align-items: end;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-attendance-corrections,
  .rc2-attendance-sessions
) {
  display: grid;
  gap: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-diary-screen {
  display: grid;
  gap: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-view-switch {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(72px, auto));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-view-switch button {
  background: #080808;
  border: 1px solid var(--btv2-staff-line);
  color: var(--btv2-staff-muted);
  min-height: 40px;
  padding: 8px 13px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-view-switch button + button {
  border-left: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-view-switch button[aria-pressed="true"] {
  background: var(--signal-red);
  border-color: var(--signal-red);
  color: #ffffff;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-session-date,
  .rc2-session-filters label,
  .rc2-session-create label,
  .rc2-session-manage label
) {
  color: var(--btv2-staff-muted);
  display: grid;
  font-size: 10px;
  font-weight: 850;
  gap: 6px;
  letter-spacing: 0.055em;
  min-width: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-date {
  max-width: 260px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-session-date input,
  .rc2-session-filters input,
  .rc2-session-filters select,
  .rc2-session-create input,
  .rc2-session-manage input,
  .rc2-session-manage select
) {
  background: #050505;
  border: 1px solid #454545;
  border-radius: 0;
  color: var(--btv2-staff-text);
  font: inherit;
  min-height: 42px;
  min-width: 0;
  padding: 8px 10px;
  width: 100%;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-filters {
  align-items: end;
  background: var(--btv2-staff-panel);
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(130px, 1fr)) auto;
  padding: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-filters button,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-create button,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-manage button,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-actions button,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-lifecycle-actions button {
  background: #111111;
  border: 1px solid #505050;
  border-radius: 0;
  color: #ffffff;
  font-weight: 850;
  min-height: 42px;
  padding: 8px 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-create {
  background: rgba(9, 9, 9, 0.96);
  border: 1px solid var(--btv2-staff-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 8px 24px rgba(0, 0, 0, 0.24);
  padding: 0 13px 13px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-session-create,
  .rc2-session-manage details
) > summary {
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  min-height: 44px;
  padding-top: 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-create form {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-create small {
  color: var(--btv2-staff-muted);
  grid-column: 1 / -1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-agenda {
  display: grid;
  gap: 12px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card {
  background: rgba(8, 8, 8, 0.97);
  border: 1px solid #363636;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 10px 26px rgba(0, 0, 0, 0.28);
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card[data-session-status="cancelled"] {
  opacity: 0.72;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card-header {
  align-items: start;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card-header > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card-header > div:last-child {
  justify-items: end;
  text-align: right;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card-header > div:first-child > strong {
  font-size: 17px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card-header b {
  border-right: 3px solid var(--signal-red);
  color: var(--btv2-staff-text);
  font-size: 11px;
  padding-right: 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card :is(span, small) {
  color: var(--btv2-staff-muted);
  font-size: 11px;
  overflow-wrap: break-word;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-capacity {
  align-items: center;
  background: #050505;
  border: 1px solid var(--btv2-staff-line-soft);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(120px, auto) minmax(140px, 1fr) minmax(110px, auto);
  padding: 10px 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-capacity > div {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-capacity i {
  background: #242424;
  display: block;
  height: 7px;
  overflow: hidden;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-capacity i u {
  background: var(--signal-red);
  display: block;
  height: 100%;
  text-decoration: none;
  width: var(--rc2-session-occupancy);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-bookings {
  border: 1px solid var(--btv2-staff-line-soft);
  display: grid;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-bookings > p {
  color: var(--btv2-staff-muted);
  margin: 0;
  padding: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-bookings-heading {
  align-items: center;
  background: #111111;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 9px 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking {
  align-items: center;
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(150px, 1fr) minmax(120px, 0.45fr) minmax(190px, auto);
  min-width: 0;
  padding: 9px 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-person,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-state {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-person button {
  background: transparent;
  border: 0;
  color: #ffffff;
  font: inherit;
  font-weight: 850;
  min-height: 28px;
  overflow-wrap: anywhere;
  padding: 0;
  text-align: left;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-state strong {
  color: var(--signal-red-on-dark);
  font-size: 11px;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-actions button {
  font-size: 10px;
  min-height: 34px;
  padding: 6px 9px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-manage {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-manage details {
  background: rgba(12, 12, 12, 0.94);
  border: 1px solid var(--btv2-staff-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  padding: 0 12px 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-manage form {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-manage form > :is(button, small) {
  grid-column: 1 / -1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-lifecycle-actions {
  align-items: center;
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-lifecycle-actions .danger {
  border-color: var(--signal-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-lifecycle-actions small {
  margin-left: auto;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-session-booking-actions,
  .rc2-session-lifecycle-actions,
  .rc2-session-manage
) button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .rc2-session-create,
  .rc2-session-filters,
  .rc2-session-manage,
  .rc2-session-booking-actions,
  .rc2-session-lifecycle-actions
) :is(button, input, select, summary):focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-operator-leads {
  display: grid;
  gap: 14px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-coverage-strip {
  background: var(--btv2-staff-panel);
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-coverage-strip span {
  color: var(--btv2-staff-muted);
  display: grid;
  font-size: 10px;
  gap: 3px;
  min-height: 52px;
  padding: 10px 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-coverage-strip span + span {
  border-left: 1px solid var(--btv2-staff-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-coverage-strip strong {
  color: var(--btv2-staff-text);
  font-size: 15px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-queue {
  background: var(--btv2-staff-panel);
  border: 1px solid var(--btv2-staff-line);
  min-width: 0;
  padding: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows {
  border-top: 1px solid var(--btv2-staff-line);
  display: grid;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(150px, 1.2fr) minmax(110px, 0.7fr) minmax(140px, 0.9fr) minmax(150px, 1fr) 90px 66px;
  min-height: 60px;
  min-width: 0;
  padding: 7px 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article + article {
  border-top: 1px solid var(--btv2-staff-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article > * {
  min-width: 0;
  overflow-wrap: break-word;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article > b {
  color: var(--signal-red-on-dark);
  font-size: 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article > div {
  display: grid;
  gap: 3px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article :is(span, em) {
  color: var(--btv2-staff-muted);
  font-size: 10px;
  font-style: normal;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article > em {
  border-left: 2px solid #555555;
  padding-left: 7px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article[data-priority="3"] > em {
  border-left-color: var(--signal-red);
  color: var(--signal-red-on-dark);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows button {
  background: #111111;
  border: 1px solid #444444;
  border-radius: 0;
  color: #ffffff;
  min-height: 36px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row {
  grid-template-columns: minmax(150px, 1.25fr) minmax(105px, 0.75fr) minmax(100px, 0.7fr) minmax(105px, 0.75fr) minmax(140px, 1fr) minmax(145px, 1fr) minmax(170px, auto);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list {
  display: none;
}

@media (max-width: 1050px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-advanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-actions {
    justify-content: stretch;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-actions button {
    flex: 1 1 auto;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-profile-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article {
    grid-template-columns: 32px minmax(130px, 1fr) minmax(110px, 0.7fr) minmax(130px, 0.9fr) minmax(130px, 1fr) 72px 60px;
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-members-directory-header {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-add-member-trigger {
    width: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-workspace-nav > p {
    align-items: stretch;
    display: grid;
    gap: 4px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .rc2-member-toolbar-primary,
    .rc2-member-toolbar-advanced
  ) {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-toolbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-bar {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-search {
    grid-column: auto;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .rc2-session-filters,
    .rc2-session-create form,
    .rc2-session-card-header,
    .rc2-session-capacity,
    .rc2-session-booking,
    .rc2-session-manage,
    .rc2-session-manage form
  ) {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card {
    padding: 12px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card-header > div:last-child {
    justify-items: start;
    text-align: left;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-card-header b {
    border-left: 3px solid var(--signal-red);
    border-right: 0;
    padding-left: 8px;
    padding-right: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-capacity {
    gap: 8px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-actions {
    justify-content: flex-start;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-booking-actions button {
    flex: 1 1 140px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-lifecycle-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-lifecycle-actions small {
    margin-left: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-date {
    max-width: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-session-view-switch {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-coverage-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-coverage-strip span:nth-child(odd) {
    border-left: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-coverage-strip span:nth-child(n + 3) {
    border-top: 1px solid var(--btv2-staff-line-soft);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article {
    gap: 6px 10px;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    min-height: 0;
    padding: 11px 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article > :is(span, em) {
    grid-column: 2 / -1;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-compact-rows article > button {
    grid-column: 2 / -1;
    width: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-table {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list {
    display: grid;
    gap: 10px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list > article {
    background: var(--btv2-staff-card);
    border: 1px solid var(--btv2-staff-line);
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 13px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list header {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list header em {
    color: var(--signal-red-on-dark);
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list dl {
    display: grid;
    gap: 0;
    margin: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list dl > div {
    border-top: 1px solid var(--btv2-staff-line-soft);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(88px, 0.75fr) minmax(0, 1.25fr);
    padding: 8px 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list :is(dt, dd) {
    margin: 0;
    overflow-wrap: break-word;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list dt {
    color: var(--btv2-staff-muted);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list dd {
    text-align: right;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-card-list .rc2-row-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-filter-actions,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-contextual-export-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-directory-table {
    overflow: visible;
    border: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row.rc2-directory-head,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row.rc2-directory-head {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row:not(.rc2-directory-head),
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row:not(.rc2-directory-head) {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    margin-bottom: 10px;
    border: 1px solid var(--btv2-staff-line);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row:not(.rc2-directory-head) > *,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row:not(.rc2-directory-head) > * {
    justify-content: space-between;
    min-height: 38px;
    border-right: 0;
    border-bottom: 1px solid var(--btv2-staff-line-soft);
    text-align: right;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row:not(.rc2-directory-head) > *::before,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row:not(.rc2-directory-head) > *::before {
    margin-right: 12px;
    color: var(--btv2-staff-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-align: left;
    text-transform: uppercase;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(1)::before { content: "Member"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(2)::before { content: "Membership"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(3)::before { content: "Site"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(4)::before { content: "Joined / expires"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(5)::before { content: "Last seen"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(6)::before { content: "Payment"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(7)::before { content: "Flags / tasks"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-row > :nth-child(8)::before { content: "Actions"; }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row > :nth-child(1)::before { content: "Lead"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row > :nth-child(2)::before { content: "Site"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row > :nth-child(3)::before { content: "Stage"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row > :nth-child(4)::before { content: "Source"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row > :nth-child(5)::before { content: "Owner"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row > :nth-child(6)::before { content: "Next action"; }
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row > :nth-child(7)::before { content: "Actions"; }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row .rc2-row-actions {
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row .rc2-row-actions::before {
    flex-basis: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-lead-directory-row .rc2-row-actions button {
    flex: 1 1 120px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-identity {
    justify-items: end;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-actions {
    width: min(260px, 100%);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-contextual-exports,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-profile-summary,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-operational-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-attendance-filter {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .rc2-pagination,
    .rc2-attendance-pagination
  ) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .rc2-pagination,
    .rc2-attendance-pagination
  ) span {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: center;
  }
}

/* Launch-critical owner-feedback controls */
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-desktop-nav-toggle {
  display: inline-grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--btv2-staff-line);
  border-radius: 0;
  background: var(--btv2-staff-card);
  color: var(--btv2-staff-text);
  font-size: 22px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-sidebar-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-kpi-restricted {
  cursor: not-allowed;
  opacity: .72;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-dashboard-locate-next-action {
  color: var(--btv2-staff-text);
  text-transform: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .btv2-integration-site-status,
  .btv2-review-readiness-summary
) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-integration-site-status article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--btv2-staff-line);
  background: var(--btv2-staff-card);
}

@media (min-width: 1181px) {
  #app.btv2-shell-active[data-btv2-mode="staff"][data-btv2-sidebar-collapsed="true"] {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar[data-sidebar-collapsed="true"] {
    padding-inline: 10px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar[data-sidebar-collapsed="true"] .brand-block > div:last-child,
  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar[data-sidebar-collapsed="true"] nav {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar[data-sidebar-collapsed="true"] .btv2-sidebar-topbar {
    display: grid;
    justify-items: center;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar[data-sidebar-collapsed="true"] .brand-block {
    justify-content: center;
    width: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .sidebar[data-sidebar-collapsed="true"] .btf-brand-logo {
    max-height: 30px;
    max-width: 48px;
    object-position: center;
    width: 100%;
  }
}

@media (max-width: 1180px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-desktop-nav-toggle {
    display: none;
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .btv2-integration-site-status,
    .btv2-review-readiness-summary
  ) {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Kimi K3 production UI integration: approved premium black-on-black visual system.
   Visual source of truth: docs/design/KIMI_PHASE1_VISUAL_SOURCE.md
   (bodytech-crm-kimi-approved-design-reference-20260721.zip, SHA-256 d38d2eec…).
   Functional RC2 behaviour, routes, permissions, contracts and tests are unchanged;
   this layer is scoped to #app.btv2-shell-active.btv2-k3 so every historical layer
   beneath it stays intact. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] {
  --k3-bg: #080809;
  --k3-rail: #08080b;
  --k3-header: #0b0b0f;
  --k3-dock: #0c0c10;
  --k3-input: #0d0d11;
  --k3-tab: #1b1b22;
  --k3-tab-active: #0e0e12;
  --k3-skeleton: #1d1d24;
  --k3-text: #fafafa;
  --k3-zinc-200: #e4e4e7;
  --k3-zinc-300: #d4d4d8;
  --k3-zinc-400: #a1a1aa;
  --k3-zinc-500: #71717a;
  --k3-zinc-600: #52525b;
  /* K3 red stays on the canonical --signal-red contract: the tracked-style
     token test (tests/rc2-style-token-contract.test.js) vetoes any further
     hard-coded red literals, so the approved-prototype hue delta is
     intentionally NOT re-literalised here. */
  --k3-red: var(--signal-red);
  --k3-red-hover: var(--signal-red-pressed);
  --k3-red-bright: var(--signal-red-on-dark);
  --k3-red-rgb: var(--signal-red-rgb);
  --k3-teal: #2dd4bf;
  --k3-amber: #c98f3d;
  --k3-amber-text: #d9a95c;
  --k3-blue: #3b82f6;
  --k3-hairline: rgb(255 255 255 / 8%);
  --k3-divider: rgb(255 255 255 / 7%);
  --k3-font-display: "Barlow Condensed", "Inter", "Aptos Display", "Helvetica Neue", sans-serif;
  --k3-font-body: "Inter", system-ui, "Segoe UI", "Helvetica Neue", sans-serif;
  --k3-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  background: var(--k3-bg);
  color: var(--k3-text);
  font-family: var(--k3-font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] :where(main, section, div, p, span, article, aside, header, nav) {
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] *:focus-visible {
  outline: 2px solid var(--k3-red);
  outline-offset: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] ::-webkit-scrollbar-track {
  background: var(--k3-rail);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] ::-webkit-scrollbar-thumb {
  background: #26262e;
  border: 2px solid var(--k3-rail);
  border-radius: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] ::-webkit-scrollbar-thumb:hover {
  background: #3a3a44;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

/* K3 shared surfaces */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-panel,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-panel,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi {
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-panel-2 {
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-surface {
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6.5%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-float-surface {
  border: 1px solid var(--k3-hairline);
  border-radius: 12px;
  background: linear-gradient(180deg, #1e1e26 0%, #14141a 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 7.5%), 0 32px 72px -16px rgb(0 0 0 / 85%);
}

/* K3 chips */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  padding: 3px 6px;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip[data-tone="white"] { background: #fff; color: #000; }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip[data-tone="neutral"] { background: rgb(255 255 255 / 8%); color: var(--k3-zinc-200); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip[data-tone="dim"] { box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%); color: var(--k3-zinc-500); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip[data-tone="red-line"] { background: rgb(var(--k3-red-rgb) / 10%); color: var(--k3-red-bright); box-shadow: inset 0 0 0 1px rgb(var(--k3-red-rgb) / 40%); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip[data-tone="red"] { background: var(--k3-red); color: #fff; }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip[data-tone="teal"] { background: rgb(45 212 191 / 10%); color: var(--k3-teal); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-chip[data-tone="amber"] { background: rgb(201 143 61 / 7%); color: var(--k3-amber-text); box-shadow: inset 0 0 0 1px rgb(201 143 61 / 40%); }

/* K3 section label + section head */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 2px 0 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-section-head > small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-panel-foot {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-section-label {
  align-items: center;
  display: flex;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-section-label > i {
  background: var(--k3-red);
  display: block;
  height: 3px;
  width: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-section-label > span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* K3 buttons */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-btn-primary {
  align-items: center;
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 11px;
  font-weight: 600;
  gap: 7px;
  letter-spacing: .12em;
  min-height: 40px;
  padding: 0 18px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-btn-primary:hover { background: var(--k3-red-hover); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-btn-primary .k3-icon { width: 13px; height: 13px; }

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-btn-secondary {
  align-items: center;
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6.5%);
  color: var(--k3-zinc-200);
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  gap: 7px;
  letter-spacing: .1em;
  min-height: 40px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-btn-secondary:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

/* K3 skeleton */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-skeleton {
  background: var(--k3-skeleton);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-skeleton::after {
  animation: k3-shimmer 1.1s ease-in-out infinite;
  background: rgb(255 255 255 / 4%);
  content: "";
  inset: 0;
  position: absolute;
}

@keyframes k3-shimmer {
  0%, 100% { opacity: .35; }
  50% { opacity: 1; }
}

/* K3 empty / error / stale / partial states */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-empty-block,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-empty {
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 8px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-empty-block strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-empty strong {
  color: var(--k3-zinc-300);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-empty-block p,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-empty p {
  color: var(--k3-zinc-500);
  font-size: 11.5px;
  line-height: 1.55;
  margin: 6px 0 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-stale-banner {
  align-items: center;
  background: rgb(var(--k3-red-rgb) / 8%);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgb(var(--k3-red-rgb) / 50%);
  color: var(--k3-zinc-200);
  display: flex;
  gap: 10px;
  padding: 10px 14px;
}

/* K3 inputs and selects (dark, branded — never native white) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] input[type="search"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] input[type="text"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] input[type="date"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] input[type="email"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] input[type="tel"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] input[type="number"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] textarea,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] select {
  accent-color: var(--k3-red);
  background-color: var(--k3-input);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-text);
  color-scheme: dark;
  font-family: var(--k3-font-body);
  font-size: 12.5px;
  min-height: 40px;
  padding: 0 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] textarea { padding: 10px; }

#app.btv2-shell-active.btv2-k3[data-btv2-mode] select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8b96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: 30px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] input:focus,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] textarea:focus,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] select:focus {
  border-color: var(--k3-red);
  outline: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] input:focus-visible,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] textarea:focus-visible,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] select:focus-visible {
  outline: 2px solid var(--k3-red);
  outline-offset: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] input::placeholder,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] textarea::placeholder {
  color: var(--k3-zinc-600);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] label {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* K3 shell: sidebar */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] {
  grid-template-columns: 216px minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar {
  background: var(--k3-rail);
  border-right: 1px solid var(--k3-divider);
  gap: 10px;
  padding: 16px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .brand-block {
  align-items: center;
  grid-template-columns: 36px minmax(0, 1fr);
  min-height: 40px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .brand-mark {
  align-items: center;
  background: var(--k3-red);
  border: 0;
  border-radius: 7px;
  box-shadow: 0 8px 20px -8px rgb(var(--k3-red-rgb) / 55%);
  color: #fff;
  display: flex;
  font-family: var(--k3-font-display);
  font-size: 18px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  letter-spacing: .02em;
  width: 36px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .brand-block strong {
  color: #fff;
  display: block;
  font-family: var(--k3-font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .brand-block span {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .16em;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-nav-caption {
  color: var(--k3-zinc-600);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
  margin: 10px 4px 6px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav {
  background: transparent;
  gap: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-nav-group {
  display: grid;
  gap: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button {
  align-items: center;
  border: 0;
  border-left: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--k3-zinc-400);
  display: flex;
  font-family: var(--k3-font-body);
  font-size: 14px;
  gap: 10px;
  min-height: 42px;
  padding: 0 12px;
  position: relative;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button:hover {
  background: rgb(255 255 255 / 3%);
  color: var(--k3-zinc-200);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button.active,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button[aria-current="page"] {
  background: rgb(255 255 255 / 8%);
  color: #fff;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button.active::before,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button[aria-current="page"]::before {
  background: var(--k3-red);
  border-radius: 0 2px 2px 0;
  content: "";
  height: 60%;
  left: 0;
  position: absolute;
  top: 20%;
  width: 3px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button.active .k3-nav-icon,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .nav-button[aria-current="page"] .k3-nav-icon {
  color: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-nav-icon {
  align-items: center;
  display: inline-flex;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-desktop-nav-toggle {
  align-items: center;
  background: transparent;
  border: 1px solid var(--k3-divider);
  border-radius: 7px;
  color: var(--k3-zinc-500);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  width: 28px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-desktop-nav-toggle:hover {
  border-color: rgb(255 255 255 / 20%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .demo-mode-indicator,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar-note,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .dev-note {
  background: rgb(255 255 255 / 3%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  color: var(--k3-zinc-400);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .demo-mode-indicator strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar-note strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .dev-note strong {
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .demo-mode-indicator span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar-note span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .dev-note span {
  color: var(--k3-zinc-500);
  font-size: 11px;
  line-height: 1.5;
}

/* K3 shell: main + header */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .main {
  background: var(--k3-bg);
  overflow-x: clip;
  padding: 20px 24px 28px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .app-header {
  align-items: end;
  background: var(--k3-header);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
  min-height: 72px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-shell-context,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-breadcrumb {
  color: var(--k3-red);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .header-title h1,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-head h1,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-header h1 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  margin: 4px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .header-title p,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-page-strap {
  color: var(--k3-zinc-500);
  font-size: 12.5px;
  margin: 4px 0 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .header-controls button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-controls button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6.5%);
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 36px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .header-controls button:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-controls button:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-breadcrumb {
  color: var(--k3-red);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}

/* K3 shell: local workspace navigation (pill rail) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation {
  align-items: center;
  background: var(--k3-header);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  padding: 8px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation > strong {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation > div {
  background: rgb(255 255 255 / 7%);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  padding: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation button {
  background: var(--k3-tab);
  border: 0;
  border-radius: 8px;
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-body);
  font-size: 12px;
  min-height: 36px;
  padding: 0 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation button:hover {
  background: #222229;
  color: var(--k3-zinc-200);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation button[aria-current="page"] {
  background: var(--k3-tab-active);
  box-shadow: inset 0 2px 0 0 var(--k3-red);
  color: #fff;
  font-weight: 600;
}

/* K3 dashboard: operations page head */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-module {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-head {
  align-items: end;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-controls {
  align-items: center;
  display: flex;
  gap: 8px;
}

/* K3 dashboard V2: approved header control bar — site selector, functional
   global search (real data-rc2-global-search-form contract), period selector
   and staff context in one row at wide desktop; compact wrap below. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -2px 0 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls .rc2-location-control,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls .btv2-owner-period-control > label {
  color: var(--k3-zinc-500);
  display: grid;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  gap: 4px;
  letter-spacing: .12em;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls select {
  appearance: none;
  background: var(--k3-panel, #15151b);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  color: var(--k3-text);
  font-family: var(--k3-font-mono);
  font-size: 11px;
  height: 40px;
  letter-spacing: .04em;
  min-width: 0;
  padding: 0 28px 0 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search {
  align-items: end;
  display: flex;
  flex: 1 1 220px;
  gap: 8px;
  margin: 0;
  max-width: 460px;
  min-width: 180px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search > label {
  color: var(--k3-zinc-500);
  display: grid;
  flex: 1 1 auto;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  gap: 4px;
  letter-spacing: .12em;
  margin: 0;
  min-width: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search input {
  background: var(--k3-panel, #15151b);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  color: var(--k3-text);
  font-size: 12.5px;
  height: 40px;
  min-width: 0;
  outline: none;
  padding: 0 12px;
  width: 100%;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search input::placeholder {
  color: var(--k3-zinc-600, #52525b);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search input:focus {
  border-color: rgb(255 255 255 / 25%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search > button {
  background: var(--k3-panel, #15151b);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  cursor: pointer;
  font-family: var(--k3-font-mono);
  font-size: 11px;
  font-weight: 600;
  height: 40px;
  letter-spacing: .12em;
  padding: 0 16px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search > button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls .btv2-owner-period-control {
  border: 0;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls .rc2-account-menu {
  margin: 0 0 0 auto;
}

/* K3 dashboard V3 owner-gate: More Controls composition. At desktop
   (≥1181px) the More wrapper is transparent (display:contents) so the period
   selector and staff context sit inline in the head-control row exactly as
   before; the toggle, scrim and sheet-only submit stay hidden. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-more,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet {
  display: contents;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-toggle,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-scrim,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-search-submit {
  display: none;
}

/* K3 dashboard V3 owner-gate: compact + tablet control row (≤1180px) — site
   selector, functional inline global search and ONE More control share one
   dense row under the title. The Search submit, period selector and staff
   context move into a dark More Controls bottom sheet with scrim, Escape
   close and focus restoration (wired in app.js). */
@media (max-width: 1180px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls {
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls .rc2-location-control,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search > label {
    font-size: 0;
    gap: 0;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls .rc2-location-control {
    flex: 0 1 108px;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-controls select {
    font-size: 10px;
    height: 40px;
    max-width: none;
    overflow: hidden;
    padding: 0 20px 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search {
    flex: 1 1 80px;
    gap: 6px;
    max-width: none;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search input {
    font-size: 12px;
    height: 40px;
    padding: 0 10px;
  }

  /* Inline submit yields to the More sheet Search action. */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-search > button {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-more {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    position: relative;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-toggle {
    align-items: center;
    background: linear-gradient(180deg, #202028 0%, #18181f 100%);
    border: 1px solid var(--k3-hairline);
    border-radius: 8px;
    color: var(--k3-zinc-200);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--k3-font-mono);
    font-size: 9px;
    font-weight: 600;
    gap: 6px;
    height: 40px;
    letter-spacing: .12em;
    padding: 0 12px;
    text-transform: uppercase;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-toggle:hover {
    border-color: rgb(255 255 255 / 25%);
    color: #fff;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-toggle .k3-icon {
    height: 13px;
    width: 13px;
  }

  /* More Controls sheet: hidden until toggled; dark bottom sheet + scrim. */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-scrim,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-more[data-k3-more-open="true"] .k3-more-scrim {
    background: rgb(0 0 0 / 55%);
    display: block;
    inset: 0;
    position: fixed;
    z-index: 65;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-head-more[data-k3-more-open="true"] .k3-more-sheet {
    background: linear-gradient(180deg, #1e1e26 0%, #14141a 100%);
    border: 1px solid var(--k3-hairline);
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    bottom: 0;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 7.5%), 0 -24px 60px -12px rgb(0 0 0 / 80%);
    display: grid;
    gap: 12px;
    left: 0;
    max-height: 82dvh;
    overflow-y: auto;
    padding: 16px 14px calc(16px + env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 70;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet .k3-more-search-submit {
    background: var(--k3-red);
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: var(--k3-font-mono);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    min-height: 44px;
    text-transform: uppercase;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet .k3-more-search-submit:hover {
    background: var(--k3-red-hover);
  }

  /* Sheet contents: full-width period control with its caption restored, and
     full-width staff context with an in-flow (non-overlay) dropdown. */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet .btv2-owner-period-control {
    border: 0;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet .btv2-owner-period-control > label {
    color: var(--k3-zinc-500);
    display: grid;
    flex: 1 1 auto;
    font-family: var(--k3-font-mono);
    font-size: 9px;
    font-weight: 600;
    gap: 6px;
    letter-spacing: .12em;
    margin: 0;
    text-transform: uppercase;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet select {
    font-size: 11px;
    height: 44px;
    padding: 0 28px 0 10px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet .rc2-account-menu {
    margin: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet .rc2-account-menu > button {
    width: 100%;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-more-sheet .rc2-account-menu > section {
    inset: auto;
    position: static;
    width: 100%;
  }
}

/* K3 dashboard V2: compact commercial section heading — red-dash eyebrow +
   concise title at one edge, current period at the opposite edge, no bordered
   header panel (locked restoration panel chrome is neutralised here). */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-analytics-toolbar {
  align-items: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-analytics-toolbar strong {
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-period-label {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .12em;
  margin-left: auto;
  text-transform: uppercase;
}

/* K3 dashboard V2: KPI tick tag (Current position / period) at label right edge */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi {
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > .k3-kpi-tag {
  color: var(--k3-zinc-600, #52525b);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .1em;
  margin: 0;
  position: absolute;
  right: 16px;
  text-transform: uppercase;
  top: 27px;
}

/* K3 dashboard V2: missing-evidence KPIs keep the populated geometry —
   concise status + coverage copy, no oversized Awaiting typography. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-value-state="unavailable"] > strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-value-state="loading"] > strong {
  font-size: 20px;
  line-height: 1.15;
  margin-top: 10px;
}

/* K3 dashboard V2: truthful blocking owner-decision rows */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-rows {
  display: grid;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-rows > article {
  align-items: center;
  border-bottom: 1px solid rgb(255 255 255 / 7%);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 9px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-rows > article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-rows strong {
  color: var(--k3-zinc-100, #f4f4f5);
  font-size: 13.5px;
  font-weight: 500;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-rows small {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-rows button {
  background: var(--k3-red);
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  height: 32px;
  letter-spacing: .12em;
  padding: 0 16px;
  text-transform: uppercase;
}

/* K3 dashboard V2: ranked action rows carry the approved value column only
   when a populated value exists (truthful queues keep the 3-column rhythm). */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button:has(.k3-action-value) {
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-action-value {
  align-self: center;
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .01em;
  white-space: nowrap;
}

/* K3 dashboard V2: material finish — near-black layer separation, internal
   top highlight and panel elevation on canonical dashboard panels. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-panel {
  background: linear-gradient(180deg, #17171e 0%, #121218 55%, #101015 100%);
  border-color: rgb(255 255 255 / 9%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 16px 32px -22px rgb(0 0 0 / 75%);
}

/* K3 dashboard: operational status tiles */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile {
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  color: var(--k3-text);
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 98px;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 12px 14px 10px;
  position: relative;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] button.btv2-owner-operational-tile {
  cursor: pointer;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] button.btv2-owner-operational-tile:hover {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), inset 0 1px 0 rgb(255 255 255 / 8%), 0 16px 32px -20px rgb(0 0 0 / 75%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-hero {
  background: radial-gradient(140% 120% at 0% 0%, rgb(255 255 255 / 7.5%) 0%, rgb(255 255 255 / 2%) 42%, rgb(255 255 255 / 0%) 70%), linear-gradient(180deg, #1c1c24 0%, #13131a 55%, #101016 100%);
  flex-direction: row;
  align-items: center;
  gap: 16px;
  grid-column: 1 / -1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-left {
  flex: 0 0 auto;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-tick {
  background: rgb(255 255 255 / 85%);
  display: block;
  height: 3px;
  width: 24px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-tick--red {
  background: var(--k3-red);
  width: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile > span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile .k3-tile-left > span {
  color: var(--k3-zinc-300);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile > strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile .k3-tile-left > strong {
  color: #fff;
  display: block;
  font-family: var(--k3-font-display);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1;
  margin-top: 6px;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-left > strong {
  font-size: 36px;
  margin-top: 7px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-hero[data-value-state="unavailable"] .k3-tile-left > strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile[data-value-state="unavailable"] > strong {
  color: var(--k3-zinc-500);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-meta {
  align-items: flex-end;
  border-left: 1px solid rgb(255 255 255 / 9%);
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-left: auto;
  min-width: 0;
  padding-left: 16px;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-scope-chip {
  background: rgb(255 255 255 / 8%);
  border-radius: 6px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 7%);
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: .1em;
  max-width: 100%;
  overflow: hidden;
  padding: 3px 8px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-meta-line {
  color: var(--k3-zinc-300);
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-meta-line b {
  color: #fff;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-meta-import {
  color: var(--k3-zinc-500);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-site-dots {
  display: inline-flex;
  gap: 3px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-site-dots i {
  background: rgb(255 255 255 / 20%);
  border-radius: 1px;
  display: block;
  height: 5px;
  width: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-site-dots i.on {
  background: rgb(255 255 255 / 60%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-foot {
  align-items: baseline;
  display: flex;
  gap: 8px;
  margin-top: auto;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-foot small {
  color: var(--k3-zinc-400);
  font-size: 10.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-foot em {
  display: none;
  color: var(--k3-zinc-600);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .08em;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

/* K3 dashboard: operational status section head + compact actions */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-status {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-head {
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions {
  display: none;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-action {
  align-items: center;
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6.5%);
  color: var(--k3-zinc-200);
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  gap: 7px;
  letter-spacing: .1em;
  min-height: 32px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-action:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-action .k3-icon {
  height: 13px;
  width: 13px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-action--primary {
  background: var(--k3-red);
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-action--primary:hover {
  background: var(--k3-red-hover);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions-mobile {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions-mobile .k3-op-action {
  justify-content: center;
  min-height: 40px;
}

/* K3 dashboard: tile urgency + live pulse (red only for genuine urgency) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile--urgent {
  box-shadow: inset 0 0 0 1px rgb(var(--k3-red-rgb) / 45%), inset 0 1px 0 rgb(255 255 255 / 6%), 0 12px 28px -18px rgb(0 0 0 / 70%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile--urgent > strong {
  color: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile > strong.k3-tile-live {
  align-items: center;
  display: flex;
  gap: 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-pulse {
  animation: k3-tile-pulse 2.4s ease-out infinite;
  background: #fff;
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
  height: 8px;
  width: 8px;
}

@keyframes k3-tile-pulse {
  0% { box-shadow: 0 0 0 0 rgb(255 255 255 / 35%); }
  70% { box-shadow: 0 0 0 7px rgb(255 255 255 / 0%); }
  100% { box-shadow: 0 0 0 0 rgb(255 255 255 / 0%); }
}

@media (prefers-reduced-motion: reduce) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-pulse {
    animation: none;
  }
}

/* K3 dashboard: commercial KPI cards */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > i {
  background: rgb(255 255 255 / 25%);
  display: block;
  height: 3px;
  width: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-alert="true"] > i {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  margin-top: 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1;
  margin-top: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-alert="true"] {
  box-shadow: inset 0 0 0 1px rgb(var(--k3-red-rgb) / 45%), inset 0 1px 0 rgb(255 255 255 / 6%), 0 12px 28px -18px rgb(0 0 0 / 70%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-alert="true"] > strong {
  color: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-value-state="unavailable"] > strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-value-state="loading"] > strong {
  color: var(--k3-zinc-500);
  display: -webkit-box;
  font-size: 24px;
  line-height: 1.1;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi[data-value-state="unavailable"] .btv2-canonical-kpi-state {
  color: var(--k3-red-bright);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > small {
  color: var(--k3-zinc-400);
  display: -webkit-box;
  font-size: 11.5px;
  line-height: 1.45;
  margin-top: auto;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-top: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi-state {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .1em;
  margin-top: 4px;
  text-transform: uppercase;
}

/* K3 dashboard: section spacing + panel heads */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-dashboard {
  background: transparent;
  border: 0;
  gap: 16px;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-commercial-section,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-section {
  display: grid;
  gap: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-analytics-toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-analytics-toolbar span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head span {
  color: var(--k3-zinc-400);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Approved-prototype parity: section eyebrows carry the compact red dash,
   matching .k3-section-label, instead of an oversized display H2. Scoped to
   the title cell so right-aligned controls (period selector, today meta)
   are untouched. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-analytics-toolbar > div:first-child > span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head > div:first-child > span {
  align-items: center;
  display: flex;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-analytics-toolbar > div:first-child > span::before,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head > div:first-child > span::before {
  background: var(--k3-red);
  content: "";
  display: block;
  flex: 0 0 auto;
  height: 3px;
  width: 16px;
}

/* Parity: heading string stays in the DOM but renders as a compact mono
   descriptor under the eyebrow, not a 26px display line. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-analytics-toolbar strong {
  color: var(--k3-zinc-200, #fff);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.3;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

/* Parity: compact mono heading; the red-dash eyebrow is the loud element. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head h2 {
  color: var(--k3-zinc-200, #fff);
  font-family: var(--k3-font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.3;
  margin: 2px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-section-head strong {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-panel {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-command-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-period-control label {
  align-items: center;
  display: flex;
  gap: 8px;
}

/* K3 dashboard: charts */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-chart {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  min-height: 180px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-chart article {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  justify-content: end;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-bars {
  align-items: end;
  display: flex;
  gap: 4px;
  height: 180px;
  justify-content: center;
  width: 100%;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-bars i {
  border-radius: 3px 3px 0 0;
  display: block;
  height: var(--canonical-bar);
  max-width: 26px;
  min-height: 2px;
  width: 38%;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-bars i[data-series="starts"] {
  background: linear-gradient(180deg, #fff 0%, rgb(255 255 255 / 60%) 100%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-bars i[data-series="endings"] {
  background: linear-gradient(180deg, var(--k3-red) 0%, var(--k3-red-hover) 100%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-chart article[data-value-state="unavailable"] .btv2-owner-movement-bars i {
  background: rgb(255 255 255 / 8%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-chart article > strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-chart article > span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-movement-chart article > small {
  color: var(--k3-zinc-600);
  font-size: 9.5px;
  text-align: center;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-legend {
  display: flex;
  gap: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-legend span {
  align-items: center;
  color: var(--k3-zinc-400);
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  gap: 6px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-legend span::before {
  border-radius: 2px;
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-legend span[data-series="starts"]::before { background: #fff; }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-legend span[data-series="endings"]::before { background: var(--k3-red); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-legend span[data-series="churn"]::before { background: rgb(255 255 255 / 85%); }

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-shell > p {
  color: var(--k3-zinc-500);
  font-size: 11px;
  line-height: 1.5;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 28px minmax(0, 1fr) 40px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article > span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article > i {
  background: rgb(255 255 255 / 5%);
  border-radius: 2px;
  display: block;
  height: 10px;
  overflow: hidden;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article > i::after {
  background: rgb(255 255 255 / 85%);
  border-radius: 2px;
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: var(--canonical-churn);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article[data-value-state="unavailable"] > i::after {
  background: rgb(255 255 255 / 15%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article > strong {
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-align: right;
}

/* Dashboard-specific churn-risk highlight: the peak recorded month breaches
   the review threshold and turns controlled red; neutral months stay
   white/grey. No other chart or route renderer is affected. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article[data-churn-risk="peak"] > i::after {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart article[data-churn-risk="peak"] > strong {
  color: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-churn-chart .k3-churn-peak-tag {
  display: block;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-top: 1px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-chart-legend span[data-series="churn-peak"] {
  color: var(--k3-red);
}

/* K3 dashboard: composition (gender split) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-composition {
  display: grid;
  gap: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-composition-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-body {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: 168px minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-donut {
  height: 168px;
  width: 168px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-donut circle[data-segment] {
  transition: opacity .15s ease, stroke-width .15s ease;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-donut-value {
  fill: #fff;
  font-family: var(--k3-font-display);
  font-size: 26px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-donut-caption {
  fill: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend li {
  align-items: center;
  border-bottom: 1px solid rgb(255 255 255 / 6%);
  cursor: pointer;
  display: grid;
  gap: 8px;
  grid-template-columns: 10px minmax(0, 1fr) auto 36px;
  padding: 7px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend li:last-child {
  border-bottom: 0;
}

/* Legend hover focuses the matching donut segment (progressive enhancement) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-body:has(.k3-gender-legend li[data-segment]:hover) .k3-donut circle[data-segment] {
  opacity: .35;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-body:has(.k3-gender-legend li[data-segment="female"]:hover) .k3-donut circle[data-segment="female"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-body:has(.k3-gender-legend li[data-segment="male"]:hover) .k3-donut circle[data-segment="male"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-body:has(.k3-gender-legend li[data-segment="preferNot"]:hover) .k3-donut circle[data-segment="preferNot"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-body:has(.k3-gender-legend li[data-segment="unknown"]:hover) .k3-donut circle[data-segment="unknown"] {
  opacity: 1;
  stroke-width: 12;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend i {
  border-radius: 3px;
  display: block;
  height: 10px;
  width: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend span {
  color: var(--k3-zinc-200);
  font-size: 11.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend b {
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 11px;
  font-weight: 600;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend em {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-style: normal;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-stat-hero {
  align-items: baseline;
  display: flex;
  gap: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-stat-hero strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-stat-hero span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* K3 dashboard: age-band bars (synthetic review fixture state) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-bars {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-row {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 52px minmax(0, 1fr) 52px 40px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-label {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10.5px;
  letter-spacing: .04em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-track {
  background: rgb(255 255 255 / 5%);
  border-radius: 4px;
  display: block;
  height: 12px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-track > i {
  background: rgb(255 255 255 / 45%);
  border-radius: 4px;
  display: block;
  height: 100%;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-track > i[data-tone="largest"] {
  background: linear-gradient(180deg, #fff 0%, rgb(255 255 255 / 75%) 100%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-track > i[data-tone="unknown"] {
  background: rgb(201 143 61 / 50%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-row b {
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-age-row em {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-style: normal;
  text-align: right;
}

/* K3 dashboard: day-pass demand (synthetic review fixture state) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-head {
  align-items: end;
  display: grid;
  gap: 10px 12px;
  grid-template-columns: 158px minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-range {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-range select {
  min-height: 36px;
  width: 100%;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-range-label {
  color: var(--k3-zinc-600);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  justify-self: end;
  letter-spacing: .08em;
  padding-bottom: 4px;
  text-align: right;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-headline {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  grid-column: 1 / -1;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-headline > strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 38px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-histogram {
  align-items: end;
  display: flex;
  gap: 3px;
  height: 92px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-histogram > i {
  background: rgb(59 130 246 / 70%);
  border-radius: 2px 2px 0 0;
  display: block;
  flex: 1 1 0;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-histogram > i:hover {
  background: var(--k3-blue);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-histogram > i.peak,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-histogram > i.peak:hover {
  background: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-axis {
  color: var(--k3-zinc-600);
  display: flex;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  justify-content: space-between;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-metrics {
  background: rgb(255 255 255 / 6%);
  border-radius: 8px;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-metrics > div {
  background: #141419;
  display: grid;
  gap: 2px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-metrics span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-metrics strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-metrics small {
  color: var(--k3-zinc-600);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* K3 dashboard: site comparison */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison {
  display: grid;
  gap: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison > article {
  align-items: center;
  border-bottom: 1px solid var(--k3-divider);
  border-radius: 0;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 56px 72px 68px 56px;
  padding: 10px 6px;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-metric strong[data-tone="red"] {
  color: var(--k3-red-bright, var(--k3-red));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison > article:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison > article[data-selected="true"] {
  background: rgb(255 255 255 / 3%);
  box-shadow: inset 3px 0 0 0 var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison article > i {
  background: rgb(255 255 255 / 6%);
  border-radius: 2px;
  display: block;
  height: 4px;
  overflow: hidden;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison article > i::after {
  background: rgb(255 255 255 / 70%);
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: var(--canonical-site);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison > article[data-selected="true"] > i::after {
  background: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-name strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-name small {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .04em;
  margin-top: 2px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-metric small {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-metric strong {
  color: var(--k3-zinc-200);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 11.5px;
  font-weight: 600;
  margin-top: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-state {
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-state[data-state="stale"] { color: var(--k3-red-bright); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-state[data-state="partial"] { color: var(--k3-amber-text); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-state[data-state="awaiting"] { color: var(--k3-zinc-500); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-state[data-state="fresh"] { color: var(--k3-zinc-300); }

/* K3 dashboard: decisions, exceptions, actions, in-club */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-progress {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  height: 4px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-progress i {
  background: var(--k3-red);
  display: block;
  height: 100%;
  width: var(--canonical-progress, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-panel > p {
  color: var(--k3-zinc-400);
  font-size: 11.5px;
  line-height: 1.55;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-panel > button {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  justify-self: start;
  letter-spacing: .12em;
  min-height: 36px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-panel > button:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-exception-list {
  display: grid;
  gap: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-exception-list article {
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: grid;
  gap: 2px 10px;
  grid-template-columns: 6px minmax(90px, .8fr) minmax(90px, .8fr) minmax(0, 1.4fr);
  padding: 9px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-exception-list article::before {
  background: rgb(255 255 255 / 25%);
  content: "";
  display: block;
  height: 6px;
  margin-top: 5px;
  width: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-exception-list article[data-evidence="attention"]::before {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-exception-list span {
  color: var(--k3-zinc-400);
  font-size: 11.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-exception-list strong {
  color: var(--k3-zinc-200);
  font-size: 11.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-exception-list small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list {
  display: grid;
  gap: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-left: 0;
  border-bottom: 1px solid rgb(255 255 255 / 7%);
  border-radius: 0;
  color: var(--k3-text);
  display: grid;
  gap: 12px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  padding: 10px 4px;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button:hover {
  background: rgb(255 255 255 / 3%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list b {
  color: var(--k3-zinc-600);
  font-family: var(--k3-font-display);
  font-size: 17px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button[data-hot="true"] b {
  color: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list span {
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list span strong {
  color: #fff;
  display: inline;
  font-size: 13.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list span .k3-chip {
  font-style: normal;
  justify-self: start;
  margin-left: 8px;
  vertical-align: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list span small {
  color: var(--k3-zinc-400);
  display: block;
  font-size: 11.5px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list em {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6.5%);
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 32px;
  padding: 8px 16px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button[data-hot="true"] em {
  background: var(--k3-red);
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button:hover em {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-action-list > button[data-hot="true"]:hover em {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-today-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-today-meta .k3-meta-line {
  color: var(--k3-zinc-500);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-in-club > strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}

/* K3 dashboard loading section */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-loading {
  gap: 16px;
}

/* K3 members: directory header */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-header {
  align-items: end;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-meta {
  align-items: center;
  display: flex;
  gap: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-meta > span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-meta > span strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
  margin-right: 4px;
}

/* K3 members: workspace preset rail */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav {
  border: 0;
  background: transparent;
  box-shadow: none;
  display: grid;
  gap: 10px;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav > div {
  background: rgb(255 255 255 / 7%);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  padding: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav button {
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-body);
  font-size: 12px;
  min-height: 34px;
  padding: 0 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav button:hover {
  background: #222229;
  color: var(--k3-zinc-200);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav button[aria-current="page"] {
  background: var(--k3-tab-active);
  box-shadow: inset 0 2px 0 0 var(--k3-red);
  color: #fff;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav > p {
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav > p strong {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  margin-right: 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-workspace-nav > p span {
  color: var(--k3-zinc-500);
  font-size: 11.5px;
}

/* K3 members: toolbar */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar {
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar form {
  display: grid;
  gap: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-primary {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-primary label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-advanced label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-primary button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-advanced button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6.5%);
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 40px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-primary button[type="submit"] {
  background: var(--k3-red);
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-primary button[type="submit"]:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-primary button:hover:not([type="submit"]):not(:disabled) {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-primary button:disabled {
  opacity: .45;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-active-filters {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-active-filters strong {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-active-filters span {
  background: rgb(255 255 255 / 8%);
  border-radius: 6px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .04em;
  padding: 3px 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-toolbar-advanced {
  border-top: 1px solid var(--k3-divider);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  padding-top: 10px;
}

/* K3 members: directory table */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-directory-ledger {
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  overflow: hidden;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-summary {
  align-items: baseline;
  border-bottom: 1px solid var(--k3-divider);
  display: flex;
  gap: 12px;
  padding: 12px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-summary strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .02em;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-summary span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-summary small {
  color: var(--k3-zinc-600);
  font-size: 10px;
  margin-left: auto;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-table {
  display: grid;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-row {
  align-items: center;
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1.6fr) minmax(110px, 1fr) minmax(80px, .7fr) minmax(110px, .9fr) minmax(90px, .8fr) minmax(90px, .8fr) minmax(110px, 1fr) auto;
  padding: 9px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-row.rc2-directory-head {
  border-bottom: 1px solid var(--k3-divider);
  padding-bottom: 8px;
  padding-top: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-directory-head > span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-entry {
  cursor: pointer;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-entry:hover {
  background: rgb(255 255 255 / 3.5%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-entry:focus-visible {
  outline: 2px solid var(--k3-red);
  outline-offset: -2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-entry > span {
  color: var(--k3-zinc-300);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-identity {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-identity > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-identity strong {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-dates small {
  color: var(--k3-zinc-500);
  display: block;
  font-size: 10px;
  line-height: 1.5;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-flags {
  color: var(--k3-zinc-400);
  font-size: 11px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge {
  border-radius: 6px;
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  justify-self: start;
  letter-spacing: .08em;
  padding: 3px 6px;
  text-transform: uppercase;
  width: fit-content;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="active-member"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="active"] {
  background: #fff;
  color: #000;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="frozen"] {
  background: rgb(255 255 255 / 8%);
  color: var(--k3-zinc-200);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="unpaid"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="at-risk"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="cancellation-requested"] {
  background: rgb(var(--signal-red-rgb) / 10%);
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 40%);
  color: var(--k3-red-bright);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="cancelled"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="expired"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-status-badge[data-status="unavailable"] {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
  color: var(--k3-zinc-500);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-actions {
  display: flex;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-actions button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-actions button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 32px;
  padding: 0 10px;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-actions button:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-actions button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-empty-contract {
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 8px;
  margin: 12px 16px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-empty-contract strong {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-empty-contract p {
  color: var(--k3-zinc-500);
  font-size: 11.5px;
  margin: 6px 0 0;
}

/* K3 members: mobile cards hidden on desktop */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-list {
  display: none;
}

/* K3 members: record dock / drawer */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer {
  background: var(--k3-dock);
  border-left: 1px solid var(--k3-divider);
  box-shadow: -24px 0 60px -12px rgb(0 0 0 / 80%);
  color: var(--k3-text);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-paid-hero {
  background: radial-gradient(140% 120% at 0% 0%, rgb(255 255 255 / 7%) 0%, rgb(255 255 255 / 2%) 42%, rgb(255 255 255 / 0%) 70%), linear-gradient(180deg, #1c1c24 0%, #13131a 55%, #101016 100%);
  border-bottom: 1px solid var(--k3-divider);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-hero-identity strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: .95;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-hero-identity span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-hero-identity em {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-next-action-card {
  background: rgb(var(--signal-red-rgb) / 7%);
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 35%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-next-action-card h3,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-module-title h3,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-command-rail h3 {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-next-action-card p {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.1;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-next-action-card .primary-action {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-next-action-card .primary-action:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-health-card {
  background: rgb(255 255 255 / 4%);
  border-radius: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-profile-health-card strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-weight: 700;
}

/* K3 API state panels */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .members-api-state,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .api-state {
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  background: rgb(255 255 255 / 2.5%);
  padding: 10px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .members-api-state strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .api-state strong {
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .members-api-state span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .api-state span {
  color: var(--k3-zinc-400);
  font-size: 11.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .members-api-state em,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .api-state em {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .members-api-state.error,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .api-state.error {
  background: rgb(var(--signal-red-rgb) / 6%);
  box-shadow: inset 3px 0 0 0 var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-empty-state {
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 8px;
  padding: 18px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-empty-state strong {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .member-empty-state span {
  color: var(--k3-zinc-500);
  display: block;
  font-size: 11.5px;
  margin-top: 6px;
}

/* K3 Day 2 — finance recovery command (Payments & Recovery) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .main {
  grid-template-rows: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode="staff"] .btv2-shell-context {
  display: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode="staff"] .btv2-cc-compact-header h2 {
  display: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode="staff"] .btv2-cc-compact-title p {
  font-size: 11.5px;
  margin-top: 3px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list > button > span {
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list span strong {
  overflow-wrap: anywhere;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-finance {
  background: transparent;
  border: 0;
  gap: 22px;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-primary-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list > button {
  align-items: center;
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
  color: var(--k3-text);
  display: grid;
  gap: 12px;
  grid-template-columns: 28px minmax(0, 1.4fr) minmax(150px, .9fr) auto;
  padding: 12px;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list > button:hover {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), inset 0 1px 0 rgb(255 255 255 / 8%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list b {
  color: var(--k3-red);
  font-family: var(--k3-font-display);
  font-size: 18px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list span strong {
  color: #fff;
  display: block;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list span small {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .05em;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-likelihood {
  display: grid;
  gap: 4px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-likelihood > span {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-likelihood > i {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  display: block;
  height: 5px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-likelihood > i > b {
  background: rgb(255 255 255 / 70%);
  display: block;
  height: 100%;
  width: var(--canonical-likelihood, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-likelihood > small {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-case-value {
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-case-value strong {
  color: #fff;
  display: block;
  font-family: var(--k3-font-display);
  font-size: 18px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-case-value small {
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-provider-state {
  align-content: start;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-provider-state article {
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: grid;
  gap: 3px;
  padding: 9px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-provider-state article span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-provider-state article strong {
  color: var(--k3-zinc-200);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-provider-state article small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
  line-height: 1.5;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-boundary {
  background: rgb(var(--signal-red-rgb) / 7%);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 35%);
  margin-top: 10px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-boundary strong {
  color: var(--k3-red-bright);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-boundary p {
  color: var(--k3-zinc-400);
  font-size: 11px;
  line-height: 1.5;
  margin: 5px 0 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-outcome {
  display: grid;
  gap: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-outcome-bar {
  background: rgb(var(--signal-red-rgb) / 55%);
  border-radius: 3px;
  display: block;
  height: 12px;
  overflow: hidden;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-outcome-bar i {
  background: #fff;
  display: block;
  height: 100%;
  width: var(--canonical-recovered, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-outcome > article {
  display: grid;
  gap: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-outcome > article span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-outcome > article strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-outcome > article small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-workflow-links {
  align-content: start;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-workflow-links button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 40px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-workflow-links button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-workflow-links small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
  line-height: 1.5;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-evidence details,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-evidence > section {
  border-top: 1px solid var(--k3-divider);
  padding-top: 12px;
}

/* K3 Day 2 — shared command-centre components (leads / cancellations / accountability / imports / comms) */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-compact-header {
  align-items: end;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-compact-title > .btv2-cc-label {
  color: var(--k3-red);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-compact-title h2 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  margin: 5px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-compact-title p {
  color: var(--k3-zinc-500);
  font-size: 12.5px;
  margin: 5px 0 0;
  max-width: 72ch;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-compact-status {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: end;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-status-lamp {
  align-items: center;
  background: rgb(255 255 255 / 6%);
  border-radius: 6px;
  color: var(--k3-zinc-300);
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  gap: 6px;
  letter-spacing: .08em;
  padding: 4px 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-status-lamp i {
  background: #fff;
  border-radius: 50%;
  display: block;
  height: 6px;
  width: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-status-lamp[data-btv2-state="risk"] i,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-status-lamp[data-btv2-state="blocked"] i {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-status-lamp[data-btv2-state="local"] i {
  background: var(--k3-teal);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-safety-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-safety-strip strong {
  background: rgb(255 255 255 / 6%);
  border-radius: 6px;
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  padding: 4px 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-safety-strip strong[data-btv2-tone="risk"] {
  background: rgb(var(--signal-red-rgb) / 10%);
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 40%);
  color: var(--k3-red-bright);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-safety-strip strong[data-btv2-tone="blocked"] {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
  color: var(--k3-zinc-500);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-card,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-stat-card {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  display: grid;
  gap: 6px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-label {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-number {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-stat-card[data-btv2-alert="true"] .btv2-cc-number {
  color: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-note {
  color: var(--k3-zinc-500);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-queue-row {
  align-items: center;
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
  display: grid;
  gap: 10px;
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-queue-row[data-btv2-urgent="true"] {
  box-shadow: inset 3px 0 0 0 var(--k3-red), inset 0 1px 0 rgb(255 255 255 / 5%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-rank {
  color: var(--k3-red);
  font-family: var(--k3-font-display);
  font-size: 18px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-row-main strong {
  color: #fff;
  display: block;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-row-main em {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .05em;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-row-value {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 17px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-action-button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-action-button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-action-button[data-btv2-variant="primary"] {
  background: var(--k3-red);
  border-color: transparent;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-action-button[data-btv2-variant="primary"]:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-action-button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-meter,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-risk-meter {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-meter-head,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-risk-meter .btv2-cc-meter-head {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-meter-head strong {
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-meter-track,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-risk-track {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  display: block;
  height: 6px;
  overflow: hidden;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-meter-fill {
  background: rgb(255 255 255 / 70%);
  display: block;
  height: 100%;
  width: var(--btv2-cc-meter-value, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-meter-fill[data-btv2-tone="risk"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-risk-fill {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-risk-marker {
  display: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-state-panel {
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 8px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-state-panel strong {
  color: var(--k3-zinc-300);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-state-panel span {
  color: var(--k3-zinc-500);
  display: block;
  font-size: 11.5px;
  margin-top: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-site-comparison,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-safety-popover {
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail header span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-site-comparison h3,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-safety-summary {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail header h3 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .03em;
  margin: 4px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail header p,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-safety-detail {
  color: var(--k3-zinc-500);
  font-size: 11px;
  line-height: 1.5;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail dl {
  display: grid;
  gap: 1px;
  margin: 10px 0 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail dl > div {
  background: rgb(255 255 255 / 4%);
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail dt {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-selected-detail dd {
  color: var(--k3-zinc-200);
  font-size: 11.5px;
  margin: 0;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-progress-blocks {
  display: flex;
  gap: 3px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-progress-blocks span {
  background: rgb(255 255 255 / 10%);
  border-radius: 1px;
  display: block;
  height: 8px;
  width: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-progress-blocks span[data-btv2-done="true"] {
  background: #fff;
}

/* K3 Day 2 — leads staff workspace */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-leads,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellation-save-control,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-lead-conversion-control-room,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-work-screen {
  background: transparent;
  border: 0;
  display: grid;
  gap: 16px;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-api-toolbar,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .cancellation-api-toolbar {
  align-items: center;
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: flex;
  gap: 12px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-api-toolbar label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .cancellation-api-toolbar label {
  align-items: center;
  display: flex;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-api-toolbar > span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .cancellation-api-toolbar > span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  margin-left: auto;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-coverage-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-coverage-strip > span {
  background: rgb(255 255 255 / 6%);
  border-radius: 6px;
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  padding: 4px 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-coverage-strip > span strong {
  color: #fff;
  margin-right: 4px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-queue,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-panel {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  display: grid;
  gap: 12px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-section-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-section-heading > div > span {
  color: var(--k3-zinc-400);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-section-heading h2,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-section-heading h3 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.05;
  margin: 3px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-section-heading > small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-section-heading > b,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-section-heading > em {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article {
  align-items: center;
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 26px minmax(0, 1.4fr) minmax(80px, .5fr) minmax(70px, .4fr) minmax(0, 1fr) auto auto;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article[data-priority="hot"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article[data-priority="overdue"] {
  box-shadow: inset 3px 0 0 0 var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows b {
  color: var(--k3-red);
  font-family: var(--k3-font-display);
  font-size: 17px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > div strong {
  color: #fff;
  display: block;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > div span {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  margin-top: 2px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > em {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-style: normal;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 32px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-feedback {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .06em;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-form {
  display: grid;
  gap: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-form label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-form button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-primary-action {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  justify-self: start;
  letter-spacing: .12em;
  min-height: 38px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-form button:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-primary-action:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-form button:disabled {
  background: rgb(255 255 255 / 8%);
  color: var(--k3-zinc-500);
  cursor: not-allowed;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-grid {
  display: grid;
  gap: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-timeline article,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-membership-history article {
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: grid;
  gap: 3px;
  padding: 8px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-timeline article strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-membership-history article strong {
  color: var(--k3-zinc-200);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-timeline article span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workflow-timeline article small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-membership-history article span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-membership-history article small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-screen-empty-state,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .cancellation-screen-empty-state {
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 10px;
  padding: 20px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-screen-empty-state h3,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .cancellation-screen-empty-state strong {
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-screen-empty-state p,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .cancellation-screen-empty-state em,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .cancellation-screen-empty-state span {
  color: var(--k3-zinc-500);
  font-size: 11.5px;
  font-style: normal;
}

/* K3 Day 2 — cancellations save desk */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-workbench {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-main,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-side-rail {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-saved-risk-band {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-saved-risk-band > article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 8px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-saved-risk-band span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-saved-risk-band strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-case {
  background: radial-gradient(140% 120% at 0% 0%, rgb(255 255 255 / 6%) 0%, rgb(255 255 255 / 2%) 42%, rgb(255 255 255 / 0%) 70%), linear-gradient(180deg, #1c1c24 0%, #13131a 55%, #101016 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 35%), inset 0 1px 0 rgb(255 255 255 / 6%), 0 12px 28px -18px rgb(0 0 0 / 70%);
  display: grid;
  gap: 12px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-top span {
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-top strong {
  color: #fff;
  display: block;
  font-family: var(--k3-font-display);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .03em;
  margin-top: 4px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-top em {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-style: normal;
  letter-spacing: .06em;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-value span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-value strong {
  color: var(--k3-red);
  display: block;
  font-family: var(--k3-font-display);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-value em {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-grid article {
  background: rgb(255 255 255 / 4%);
  display: grid;
  gap: 3px;
  padding: 8px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-grid article span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-grid article strong {
  color: var(--k3-zinc-200);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-case > p {
  color: var(--k3-zinc-400);
  font-size: 11.5px;
  line-height: 1.55;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-case > button {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  justify-self: start;
  letter-spacing: .12em;
  min-height: 38px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-focus-case > button:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-queue-tiles,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-reason-meter,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-offer-panel {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-section-head,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-leads-section-head {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-section-head h3,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-leads-section-head h3 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .04em;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-section-head span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-leads-section-head span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-queue-tiles > div {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-queue-tiles button {
  align-items: center;
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  color: var(--k3-text);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 10px 12px;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-queue-tiles button strong {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-queue-tiles button span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-queue-tiles button b {
  color: var(--k3-red);
  font-family: var(--k3-font-display);
  font-size: 15px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-offer-panel {
  background: rgb(var(--signal-red-rgb) / 7%);
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 35%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-offer-panel > span {
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-offer-panel > strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.1;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-offer-panel > em {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-disabled-actions {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-offer-panel p,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-disabled-actions p {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-reason-meter article {
  display: grid;
  gap: 6px;
  padding: 6px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-reason-meter article > span {
  color: var(--k3-zinc-300);
  font-size: 11.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-empty-card,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-leads-empty-card {
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 8px;
  padding: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-empty-card strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-leads-empty-card strong {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-empty-card span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-leads-empty-card span {
  color: var(--k3-zinc-500);
  display: block;
  font-size: 11px;
  margin-top: 4px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-mobile-action-bar {
  background: linear-gradient(180deg, #1e1e26 0%, #14141a 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 10px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-mobile-action-bar span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-mobile-action-bar strong {
  color: #fff;
  font-size: 13px;
}

/* K3 Day 2 — leads review-mode kanban + cards */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .kanban-board {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .kanban-column {
  background: rgb(255 255 255 / 2.5%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .kanban-column .column-head {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  padding: 2px 4px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .kanban-column .column-head h3 {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .kanban-column .column-head span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-stage-card,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .hot-lead-command-card {
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
  color: var(--k3-text);
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-stage-card.hot,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-stage-card.overdue,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .hot-lead-command-card {
  box-shadow: inset 3px 0 0 0 var(--k3-red), inset 0 1px 0 rgb(255 255 255 / 5%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-stage-card strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .hot-lead-command-card strong {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-card-head {
  align-items: center;
  display: flex;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-timer {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .06em;
  margin-left: auto;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-value-pill {
  background: rgb(255 255 255 / 8%);
  border-radius: 6px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  padding: 3px 7px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-source-chip,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-offer-chip {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-contact-urgency-chip {
  background: rgb(var(--signal-red-rgb) / 10%);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 40%);
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  padding: 4px 7px;
  text-transform: uppercase;
  width: fit-content;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-card-meter {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  height: 5px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .lead-card-meter i {
  background: var(--k3-red);
  display: block;
  height: 100%;
}

/* K3 Day 2 — tasks workspace + manager deck */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .screen-command-header {
  align-items: end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .screen-command-header h2 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .screen-command-header p {
  color: var(--k3-zinc-500);
  font-size: 12.5px;
  margin: 6px 0 0;
  max-width: 72ch;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .hero-mini-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(96px, auto));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .mini-stat {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 4px;
  padding: 10px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .mini-stat span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .mini-stat strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-ledger {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-ledger > article {
  align-items: center;
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.4fr) auto auto;
  padding: 12px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-ledger > article[data-task-due-state="overdue"] {
  box-shadow: inset 3px 0 0 0 var(--k3-red), inset 0 1px 0 rgb(255 255 255 / 5%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-ledger > article > div strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-ledger > article > div span {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-ledger > article > em {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-style: normal;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: end;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions button[data-rc2-task-action="complete"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions button[data-rc2-task-action="start"] {
  background: var(--k3-red);
  border-color: transparent;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions button[data-rc2-task-action="complete"]:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions button[data-rc2-task-action="start"]:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-card {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-card[data-primary="true"] {
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 45%), inset 0 1px 0 rgb(255 255 255 / 6%), 0 12px 28px -18px rgb(0 0 0 / 70%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-rank span {
  color: var(--k3-red);
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-rank em {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .1em;
  margin-left: 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-title span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-title strong {
  color: #fff;
  display: block;
  font-family: var(--k3-font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.05;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-title small {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  margin-top: 4px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-value span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-next span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-value strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-next strong {
  color: #fff;
  display: block;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-top: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-controls {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-controls button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 40px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-controls .btv2-canonical-deck-primary {
  background: var(--k3-red);
  border-color: transparent;
  color: #fff;
  grid-column: 1 / -1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-controls .btv2-canonical-deck-primary:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-position,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-preview {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-deck-preview {
  background: transparent;
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 8px;
  min-height: 40px;
  text-align: left;
  padding: 0 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mobile-deck-safety {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mobile-deck-safety span {
  background: rgb(var(--signal-red-rgb) / 10%);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 40%);
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  padding: 4px 7px;
  text-transform: uppercase;
}

/* K3 Day 2 responsive */
@media (min-width: 1280px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-primary-grid {
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
    align-items: start;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-workbench {
    grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    align-items: start;
  }
}

@media (max-width: 1180px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article {
    grid-template-columns: 26px minmax(0, 1.4fr) minmax(80px, .5fr) auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > span:nth-of-type(2),
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-lead-compact-rows article > span:nth-of-type(3) {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cancellations-saved-risk-band {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .screen-command-header {
    align-items: start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-queue-list > button {
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-finance-likelihood {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-ledger > article {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-task-actions {
    justify-content: start;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .hero-mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-compact-header {
    align-items: start;
    flex-direction: column;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-queue-row {
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-cc-queue-row .btv2-cc-row-value {
    display: none;
  }
}

/* K3 Day 3 — Diary & Sessions / Group Bookings & Classes */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-view-switch {
  background: rgb(255 255 255 / 7%);
  border-radius: 10px;
  display: flex;
  gap: 1px;
  padding: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-view-switch button {
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-body);
  font-size: 12px;
  min-height: 32px;
  padding: 0 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-view-switch button[aria-pressed="true"] {
  background: var(--k3-red);
  color: #fff;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-date {
  align-items: center;
  display: flex;
  gap: 8px;
  width: fit-content;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-filters,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-filter {
  align-items: end;
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-filters label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-filter label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-filters button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-filter button {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 40px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-filters button:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-filter button:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-create,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-manage details {
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-create summary,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-manage summary {
  color: var(--k3-zinc-200);
  cursor: pointer;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 24px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-create form,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-manage form {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-create form label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-manage form label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-create button[type="submit"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-manage button[type="submit"] {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  justify-self: start;
  letter-spacing: .1em;
  min-height: 38px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-agenda {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  display: grid;
  gap: 12px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card-header {
  align-items: start;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card-header strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card-header > div:first-child > strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card-header span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card-header small {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card-header b {
  background: rgb(255 255 255 / 8%);
  border-radius: 6px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  padding: 3px 7px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card[data-session-status="cancelled"] .rc2-session-card-header b {
  background: rgb(var(--signal-red-rgb) / 10%);
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 40%);
  color: var(--k3-red-bright);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-capacity {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-capacity > span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-capacity > small {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-capacity > i {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  display: block;
  height: 6px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-capacity > i > u {
  background: rgb(255 255 255 / 70%);
  display: block;
  height: 100%;
  width: var(--rc2-session-occupancy, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-card[data-session-occupancy-state="full"] .rc2-session-capacity > i > u {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-bookings {
  border-top: 1px solid var(--k3-divider);
  display: grid;
  gap: 6px;
  padding-top: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-bookings-heading {
  align-items: baseline;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-bookings-heading strong {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-bookings-heading span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking {
  align-items: center;
  background: rgb(255 255 255 / 3%);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 1.4fr);
  padding: 8px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking-person button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking-person strong {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  padding: 0;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking-state {
  background: rgb(255 255 255 / 8%);
  border-radius: 6px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  padding: 3px 7px;
  text-transform: uppercase;
  width: fit-content;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking[data-booking-status="no_show"] .rc2-session-booking-state,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking[data-booking-status="cancelled"] .rc2-session-booking-state {
  background: rgb(var(--signal-red-rgb) / 10%);
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 40%);
  color: var(--k3-red-bright);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: end;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking-actions button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 30px;
  padding: 0 10px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking-actions button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-lifecycle-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-lifecycle-actions button {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 36px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-lifecycle-actions button.danger {
  background: transparent;
  border: 1px solid rgb(var(--signal-red-rgb) / 50%);
  color: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-lifecycle-actions button.danger:hover {
  background: var(--k3-red);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-lifecycle-actions small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
}

/* K3 Day 3 — Attendance analysis */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-scope {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-scope > div {
  background: rgb(255 255 255 / 4%);
  display: grid;
  gap: 3px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-scope span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-summary article span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-provider-grid article span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-scope strong {
  color: var(--k3-zinc-200);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-live-gap {
  background: rgb(201 143 61 / 7%);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgb(201 143 61 / 40%);
  padding: 10px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-live-gap strong {
  color: var(--k3-amber-text);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-summary {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-summary article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 4px;
  padding: 12px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-summary article strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-summary article small {
  color: var(--k3-zinc-500);
  font-size: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-provider-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-provider-grid article {
  background: rgb(255 255 255 / 3%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-provider-grid article strong {
  color: var(--k3-zinc-200);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-provider-grid article small {
  color: var(--k3-zinc-500);
  font-size: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-analysis {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-chart {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-chart > article {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(90px, .8fr) minmax(0, 1.6fr) auto;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-chart > article span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-chart > article i {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  display: block;
  height: 8px;
  overflow: hidden;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-chart > article i::after {
  background: rgb(255 255 255 / 75%);
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: var(--rc2-attendance-share, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-chart > article strong {
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10.5px;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-ledger > article {
  align-items: start;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-ledger button[data-open-type] {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  padding: 0;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-ledger button[data-open-type]:disabled {
  color: var(--k3-zinc-500);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-ledger form {
  display: grid;
  gap: 8px;
  grid-column: 1 / -1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-ledger form button {
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  justify-self: start;
  letter-spacing: .1em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-pagination,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-pagination {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 10px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-pagination button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-pagination button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-pagination button:disabled,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-pagination button:disabled {
  opacity: .45;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-pagination span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-pagination span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-corrections,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-sessions {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  padding: 14px 16px;
}

/* K3 Day 3 — Communications */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-kpi-strip,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-kpi-queue-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-kpi-queue-strip article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 5px;
  overflow: hidden;
  padding: 12px 14px;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-kpi-queue-strip article > i {
  background: var(--k3-red);
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--fill, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-kpi-queue-strip article span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-kpi-queue-strip article strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-kpi-queue-strip article em {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
  font-style: normal;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-command-grid,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-command-layout {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-main-stack,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-side-stack,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-command-rail {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 6px;
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue > article {
  align-items: center;
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 26px minmax(0, 1.4fr) auto auto;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue > article[data-btv2-communication-tone="hot"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue > article[data-btv2-communication-tone="overdue"] {
  box-shadow: inset 3px 0 0 0 var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue b {
  color: var(--k3-red);
  font-family: var(--k3-font-display);
  font-size: 17px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue article strong {
  color: #fff;
  display: block;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue article small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue article span {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .05em;
  margin-top: 2px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mailchimp-status,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-consent-tri-band,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-channel-mix,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communication-timeline-thread,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .channel-mix-module,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .consent-state-module,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .next-scheduled-contact-card,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .owner-action-queue {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mailchimp-status strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-consent-tri-band strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-channel-mix strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communication-timeline-thread strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .channel-mix-module strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .consent-state-module strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .next-scheduled-contact-card strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .owner-action-queue strong {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mailchimp-status span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mailchimp-status small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mailchimp-status em,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communication-timeline-thread span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communication-timeline-thread small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communication-timeline-thread em {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .consent-meter {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  display: block;
  height: 8px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .consent-meter i {
  display: block;
  height: 100%;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .failed-contact-warning {
  background: rgb(var(--signal-red-rgb) / 7%);
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 35%);
  display: grid;
  gap: 6px;
  padding: 12px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .failed-contact-warning strong {
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .failed-contact-warning span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .failed-contact-warning p {
  color: var(--k3-zinc-400);
  font-size: 11px;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .grouped-contact-case-card {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .grouped-contact-case-card.hot {
  box-shadow: inset 3px 0 0 0 var(--k3-red), inset 0 1px 0 rgb(255 255 255 / 6%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .avatar-led-inbox-row {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  display: flex;
  gap: 10px;
  padding: 0;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .avatar-led-inbox-row strong {
  color: #fff;
  display: block;
  font-size: 13.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .avatar-led-inbox-row small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .avatar-led-inbox-row span {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  margin-top: 2px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .channel-chip {
  border-radius: 6px;
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  padding: 3px 7px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .channel-chip.mint { background: rgb(45 212 191 / 12%); color: var(--k3-teal); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .channel-chip.lavender { background: rgb(255 255 255 / 8%); color: var(--k3-zinc-200); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .channel-chip.cream { background: rgb(201 143 61 / 10%); color: var(--k3-amber-text); }
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .channel-chip.sky { background: rgb(59 130 246 / 12%); color: var(--k3-blue); }

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .contact-action-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .contact-action-strip button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .communication-linked-context button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 32px;
  padding: 0 10px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .contact-action-strip button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

/* K3 Day 3 — Policies */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 10px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article > header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article > header strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article > header span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article > header small {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article > p {
  color: var(--k3-zinc-400);
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list details {
  border-top: 1px solid var(--k3-divider);
  padding-top: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list details summary {
  color: var(--k3-zinc-300);
  cursor: pointer;
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .1em;
  min-height: 28px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article > footer,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list > article footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list footer button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-editor button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list footer button[type="submit"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-editor button[type="submit"] {
  background: var(--k3-red);
  border-color: transparent;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-list footer button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-editor {
  background: linear-gradient(180deg, #1e1e26 0%, #14141a 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 7.5%), 0 32px 72px -16px rgb(0 0 0 / 85%);
  display: grid;
  gap: 12px;
  padding: 18px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-policy-editor label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-boundary {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  margin: 0;
  text-transform: uppercase;
}

/* K3 Day 3 responsive */
@media (max-width: 1180px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-summary,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-scope {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-provider-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-attendance-analysis,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-kpi-strip,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-kpi-queue-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-command-grid,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .communications-command-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    align-items: start;
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-session-booking-actions {
    justify-content: start;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-communications-contact-queue > article {
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }
}

/* K3 Day 4 — Reporting */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-filter-summary {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-filter-summary > div {
  background: rgb(255 255 255 / 4%);
  display: grid;
  gap: 3px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-filter-summary span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-filter-summary strong {
  color: var(--k3-zinc-200);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index > button {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  color: var(--k3-text);
  display: grid;
  gap: 5px;
  justify-items: start;
  padding: 14px 16px;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index > button:hover {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), inset 0 1px 0 rgb(255 255 255 / 8%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index > button[aria-pressed="true"] {
  box-shadow: inset 3px 0 0 0 var(--k3-red), inset 0 1px 0 rgb(255 255 255 / 6%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index span {
  color: var(--k3-zinc-400);
  font-size: 11px;
  line-height: 1.5;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index small {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-index em {
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  font-style: normal;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-detail,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-visual-grid,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-summary,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-coverage,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-provenance {
  display: grid;
  gap: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-detail {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-provenance {
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-provenance > div,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-coverage > article {
  background: rgb(255 255 255 / 4%);
  display: grid;
  gap: 3px;
  padding: 8px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-provenance span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-coverage span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-provenance strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-coverage strong {
  color: var(--k3-zinc-200);
  font-size: 11.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-coverage {
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-chart {
  display: grid;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-chart > article {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(100px, .8fr) minmax(0, 1.6fr) auto;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-chart > article span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-chart > article i {
  background: rgb(255 255 255 / 7%);
  border-radius: 2px;
  display: block;
  height: 9px;
  overflow: hidden;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-chart > article i::after {
  background: rgb(255 255 255 / 75%);
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: var(--rc2-report-share, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-chart > article[data-negative="true"] i::after {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-chart > article strong {
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 10.5px;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-summary > div {
  align-items: baseline;
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 7px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-summary span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-summary strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-table {
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  display: grid;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-table-row {
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: grid;
  gap: 12px;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  padding: 9px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-table-row > span {
  color: var(--k3-zinc-300);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-table-head > span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-row-actions button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-row-actions button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

/* K3 Day 4 — Membership Plans admin */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-membership-plan-admin {
  display: grid;
  gap: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-header {
  align-items: end;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-header h1 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-header p {
  color: var(--k3-zinc-500);
  font-size: 12.5px;
  margin: 6px 0 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-header button {
  align-items: center;
  background: var(--k3-red);
  border: 0;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 10px;
  font-weight: 600;
  gap: 7px;
  letter-spacing: .12em;
  min-height: 40px;
  padding: 0 16px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-header button:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-status-tabs {
  background: rgb(255 255 255 / 7%);
  border-radius: 10px;
  display: flex;
  gap: 1px;
  padding: 1px;
  width: fit-content;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-status-tabs button {
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-body);
  font-size: 12px;
  min-height: 34px;
  padding: 0 14px;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-status-tabs button[aria-current="page"] {
  background: var(--k3-tab-active);
  box-shadow: inset 0 2px 0 0 var(--k3-red);
  color: #fff;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-list {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 18px 40px -24px rgb(0 0 0 / 85%);
  display: grid;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row {
  align-items: center;
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.3fr) minmax(0, .9fr) minmax(0, .7fr) minmax(0, .6fr) auto;
  padding: 12px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-columns {
  border-bottom: 1px solid var(--k3-divider);
  padding-bottom: 8px;
  padding-top: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-columns > span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-columns > div {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row small {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-status {
  border-radius: 6px;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  padding: 3px 7px;
  text-transform: uppercase;
  width: fit-content;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-status[data-status="ACTIVE"] {
  background: #fff;
  color: #000;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-status[data-status="DRAFT"] {
  background: rgb(201 143 61 / 10%);
  box-shadow: inset 0 0 0 1px rgb(201 143 61 / 40%);
  color: var(--k3-amber-text);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-status[data-status="ARCHIVED"] {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
  color: var(--k3-zinc-500);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: end;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-row-actions button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 30px;
  padding: 0 10px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-row-actions button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-row-actions button[data-membership-plan-list-activate] {
  background: var(--k3-red);
  border-color: transparent;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-imported-plan-mapping {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 12px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-coverage {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-coverage > div {
  background: rgb(255 255 255 / 4%);
  display: grid;
  gap: 3px;
  padding: 8px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-coverage span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-coverage strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 18px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-review-list > article,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-filters {
  background: rgb(255 255 255 / 3%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-review-list form,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-filters {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-review-list form label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-filters label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-review-list form button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-pagination button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

/* K3 Day 4 — Add Membership Plan composer */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-layer {
  inset: 0;
  position: fixed;
  z-index: 80;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-backdrop {
  background: rgb(0 0 0 / 65%);
  border: 0;
  inset: 0;
  padding: 0;
  position: absolute;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-sheet {
  background: linear-gradient(180deg, #1e1e26 0%, #14141a 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 7.5%), 0 32px 72px -16px rgb(0 0 0 / 85%);
  color: var(--k3-text);
  display: grid;
  gap: 14px;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  inset: 24px 24px 24px auto;
  max-height: calc(100dvh - 48px);
  max-width: min(720px, calc(100vw - 48px));
  overflow: hidden;
  padding: 20px;
  position: absolute;
  width: 720px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-sheet > header {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-sheet h2 {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-sheet > header p {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  letter-spacing: .1em;
  margin: 6px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-sheet > header button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-progress {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  padding: 0;
  scrollbar-width: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-progress li {
  align-items: center;
  background: rgb(255 255 255 / 6%);
  border-radius: 6px;
  color: var(--k3-zinc-400);
  display: flex;
  flex: 0 0 auto;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  gap: 6px;
  letter-spacing: .1em;
  padding: 5px 10px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-progress li[data-state="complete"] {
  background: rgb(255 255 255 / 12%);
  color: var(--k3-zinc-200);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-progress li[data-state="current"] {
  background: var(--k3-red);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form {
  display: grid;
  gap: 12px;
  grid-template-rows: minmax(0, 1fr) auto auto;
  min-height: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-scroll {
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form-grid label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-template-grid {
  border: 0;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  margin: 0;
  padding: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-template-grid label {
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  gap: 4px;
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-template-grid label[data-selected="true"] {
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 55%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-template-grid label strong {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-template-grid label span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-template-grid label small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
  line-height: 1.45;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-site-picker,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-payment-methods,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-location-picker,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-capability-picker,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-field-picker {
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-site-picker legend,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-payment-methods legend,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-location-picker legend,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-capability-picker legend,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-field-picker legend {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  padding: 0 4px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-site-picker label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-payment-methods label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-location-picker label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-capability-picker label,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-field-picker label {
  align-items: center;
  color: var(--k3-zinc-200);
  display: flex;
  font-family: var(--k3-font-body);
  font-size: 12px;
  gap: 8px;
  letter-spacing: 0;
  min-height: 28px;
  text-transform: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-boundary {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-review dl,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-review > div {
  display: grid;
  gap: 1px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-review dl > div,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-review > div > div {
  background: rgb(255 255 255 / 4%);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 8px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-review dt {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  overflow-wrap: break-word;
  text-transform: uppercase;
  word-break: normal;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-review dd {
  color: var(--k3-zinc-200);
  font-size: 12px;
  margin: 0;
  overflow-wrap: break-word;
  text-align: right;
  word-break: normal;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer {
  align-items: center;
  border-top: 1px solid var(--k3-divider);
  display: flex;
  gap: 8px;
  padding-top: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 40px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button[type="submit"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button.is-primary,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button[data-membership-plan-activate] {
  background: var(--k3-red);
  border-color: transparent;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button[type="submit"]:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button.is-primary:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer button[data-membership-plan-activate]:hover {
  background: var(--k3-red-hover);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form > footer [data-membership-plan-save-draft] {
  margin-left: auto;
}

/* K3 Day 4 — Data Imports */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip > article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 5px;
  overflow: hidden;
  padding: 12px 14px;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip > article > i {
  background: var(--k3-red);
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--fill, 0%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip em {
  color: var(--k3-zinc-500);
  font-size: 10px;
  font-style: normal;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-kpi-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-workflow-tracker,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-stage-tracker {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .source-map-validate-flow,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-stage-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-stage-card,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-stage-grid > article {
  align-items: center;
  background: rgb(255 255 255 / 4%);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  padding: 9px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-stage-card > span {
  color: var(--k3-red);
  font-family: var(--k3-font-display);
  font-size: 15px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-stage-card strong {
  color: #fff;
  display: block;
  font-size: 11.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-stage-card em,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-stage-grid small {
  color: var(--k3-zinc-500);
  display: block;
  font-size: 9.5px;
  font-style: normal;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-stage-card > b {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .site-import-card-grid,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-site-grid,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-integration-site-status {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .site-import-card,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-site-grid > article,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-integration-site-status > article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 8px;
  padding: 12px 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .site-import-card.not-imported,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-site-grid > article[data-btv2-imported="false"] {
  box-shadow: inset 3px 0 0 0 var(--k3-amber);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .site-import-card-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .site-import-card-head strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-site-grid strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-integration-site-status strong {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .site-import-card small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-site-grid small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-integration-site-status small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-integration-site-status span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-import-health,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-api-summary,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .data-quality-privacy-grid,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-quality-panel,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-issue-queue,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .mapping-panel,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .missing-fields-blocked-insights,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .source-lead-mapping-module {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-import-health dl,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-import-health-list article {
  display: grid;
  gap: 4px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-import-health dl > div {
  align-items: baseline;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-import-health dt {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-import-health dd {
  color: var(--k3-zinc-200);
  font-size: 11px;
  margin: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-import-health-checksum code {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-command-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-main-stack {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-integration-exception-list {
  display: grid;
  gap: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .imports-api-empty-state,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .imports-api-state {
  border: 1px dashed rgb(255 255 255 / 15%);
  border-radius: 8px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .imports-api-empty-state strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .imports-api-state strong {
  color: var(--k3-zinc-300);
  font-family: var(--k3-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .imports-api-empty-state span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .imports-api-state span {
  color: var(--k3-zinc-500);
  display: block;
  font-size: 11.5px;
  margin-top: 5px;
}

/* K3 Day 4 — System readiness / Staff & Permissions / Integrations / Settings / Exports */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-grid > article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 4px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-grid > article span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-grid > article strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-grid > article small {
  color: var(--k3-zinc-500);
  font-size: 10px;
  line-height: 1.45;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-links button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 38px;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-role-contract {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-role-contract > article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 5px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-role-contract strong {
  color: #fff;
  font-family: var(--k3-font-display);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-role-contract span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-role-contract small {
  color: var(--k3-zinc-500);
  font-size: 10.5px;
  line-height: 1.5;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-admin-layout {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-directory,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-workspace > section,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-audit {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-directory button[data-staff-select] {
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  color: var(--k3-text);
  display: grid;
  gap: 3px;
  justify-items: start;
  padding: 10px 12px;
  text-align: left;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-directory button[data-staff-select][aria-pressed="true"] {
  box-shadow: inset 3px 0 0 0 var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-directory button[data-staff-select] strong {
  color: #fff;
  font-size: 12.5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-directory button[data-staff-select] small,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-directory button[data-staff-select] span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-workspace form {
  display: grid;
  gap: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-workspace form label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-form-actions button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-workspace form > button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-directory > button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-gates + footer button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid footer button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-actions button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-history button,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list form button {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  min-height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-form-actions button[type="submit"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-workspace form > button[type="submit"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-actions button[type="submit"],
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list form button[type="submit"] {
  background: var(--k3-red);
  border-color: transparent;
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-form-actions button:hover,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid footer button:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-effective-permissions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-effective-permissions span {
  background: rgb(255 255 255 / 8%);
  border-radius: 6px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .04em;
  padding: 3px 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-safety {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-safety span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-safety strong {
  background: rgb(var(--signal-red-rgb) / 8%);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 30%);
  color: var(--k3-red-bright);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  padding: 4px 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid > article {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid > article > header {
  align-items: center;
  display: flex;
  gap: 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-mark {
  align-items: center;
  background: rgb(255 255 255 / 10%);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-family: var(--k3-font-display);
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  letter-spacing: .04em;
  width: 36px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid > article > header strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid > article > header span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid > article > header small {
  color: var(--k3-zinc-500);
  display: block;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  margin-top: 2px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid dl {
  display: grid;
  gap: 1px;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid dl > div {
  background: rgb(255 255 255 / 4%);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 6px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid dt {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid dd {
  color: var(--k3-zinc-200);
  font-size: 11px;
  margin: 0;
  text-align: right;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-grid footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-provider-editor,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-builder,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-preview,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-boundary,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-history,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-scope-note,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list {
  background: linear-gradient(180deg, #18181f 0%, #121218 56%, #101015 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
  display: grid;
  gap: 12px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list form {
  align-items: end;
  border-bottom: 1px solid var(--k3-divider);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
  padding-bottom: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list form:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list form label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list form > span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-builder {
  gap: 14px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-builder label {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-actions {
  display: flex;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-preview dl {
  display: grid;
  gap: 1px;
  margin: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-export-preview dl > div {
  background: rgb(255 255 255 / 4%);
  display: flex;
  justify-content: space-between;
  padding: 7px 10px;
}

/* K3 Day 4 responsive */
@media (min-width: 1280px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-admin-layout {
    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
    align-items: start;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-command-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    align-items: start;
  }
}

@media (max-width: 1180px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-mapping-coverage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, .7fr) auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row > :nth-child(4),
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row > :nth-child(5) {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-provenance,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-coverage,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-report-filter-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-sheet {
    border-radius: 0;
    inset: 0;
    max-height: 100dvh;
    max-width: 100vw;
    min-height: 100dvh;
    width: 100vw;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-builder-form-grid,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .import-health-status-strip,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-system-readiness-grid,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-staff-role-contract,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-imports-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row {
    grid-template-columns: minmax(0, 1.4fr) auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row > :nth-child(2),
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row > :nth-child(3),
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row > :nth-child(4),
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-row > :nth-child(5) {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-header,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-operator-setting-list form {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-plan-admin-header {
    flex-direction: column;
    align-items: start;
  }
}

/* K3 responsive: wide desktop */
@media (min-width: 1280px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > strong {
    font-size: 40px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-charts-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-charts-grid .btv2-owner-movement {
    grid-column: span 2;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-composition-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1.05fr);
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions {
    display: flex;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .header-title h1,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-head h1,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-header h1 {
    font-size: 38px;
  }
}

@media (min-width: 1024px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .main {
    padding: 20px 32px 28px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions-mobile {
    display: none;
  }
}

@media (min-width: 1366px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-grid {
    grid-template-columns: minmax(0, 1.55fr) repeat(4, minmax(0, 1fr));
  }

  /* Mandatory Active Members correction: the operational status row is ~40%
     shorter than the tall earlier version; cards hold ≈92px (88–94 target,
     never above ~98px) and Active Members is wider but never taller. */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile {
    height: 92px;
    padding: 11px 14px 9px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-hero {
    grid-column: auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-left > strong {
    font-size: 38px;
  }
}

@media (min-width: 1366px) and (max-width: 1535px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-hero[data-value-state="unavailable"] .k3-tile-left > strong {
    font-size: 26px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-hero .k3-tile-meta {
    flex: 0 1 auto;
    max-width: 240px;
    width: auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-hero .k3-meta-line {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Approved-prototype rhythm: composition right-tags yield to density below 1600px */
@media (max-width: 1599px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-composition .btv2-canonical-section-head > small {
    display: none;
  }
}

/* Approved lower-page composition: Location Comparison occupies the left
   workspace; Owner Decisions + Provider/Facility Exceptions stack at right
   from ~1280px up (covers the 1440 parity viewport). */
@media (min-width: 1280px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-section {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    align-items: start;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-decision-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* K3 responsive: tablet */
@media (max-width: 1180px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-composition-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison > article {
    grid-template-columns: minmax(0, 1fr) 64px 74px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison .btv2-owner-site-metric:nth-of-type(3),
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison .btv2-owner-site-metric:nth-of-type(4) {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-head {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-range {
    max-width: 220px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-daypass-range-label {
    padding-bottom: 0;
  }
}

/* K3 responsive: mobile */
@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .main {
    padding: 12px 12px calc(20px + env(safe-area-inset-bottom));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar {
    border-bottom: 1px solid var(--k3-divider);
    border-right: 0;
    padding: 10px 12px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mobile-nav-toggle {
    background: linear-gradient(180deg, #202028 0%, #18181f 100%);
    border: 1px solid var(--k3-hairline);
    border-radius: 8px;
    color: var(--k3-zinc-200);
    font-family: var(--k3-font-mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  /* Mobile navigation: approved bottom-sheet treatment */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] {
    background: linear-gradient(180deg, #1e1e26 0%, #14141a 100%);
    border: 1px solid var(--k3-hairline);
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    bottom: 0;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 7.5%), 0 -24px 60px -12px rgb(0 0 0 / 80%);
    display: grid;
    gap: 2px;
    grid-template-columns: minmax(0, 1fr);
    left: 0;
    max-height: 82dvh;
    overflow-y: auto;
    padding: 14px 12px calc(14px + env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 70;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] .k3-nav-caption {
    margin: 0 4px 8px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] .nav-button {
    font-family: var(--k3-font-display);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .04em;
    min-height: 52px;
    text-transform: uppercase;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] .nav-button .k3-nav-icon {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-page-strap {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operations-head {
    align-items: start;
    flex-direction: column;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile {
    height: 96px;
    padding: 10px 12px 9px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-hero {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-meta .k3-meta-line {
    font-size: 8.5px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi {
    min-height: 128px;
    padding: 12px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > strong {
    font-size: 30px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-body {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-gender-legend {
    width: 100%;
  }

  /* Members directory: table swaps to compact cards */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-directory-table {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-list {
    display: grid;
    gap: 8px;
    padding: 10px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card {
    background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
    border: 1px solid var(--k3-divider);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
    display: grid;
    gap: 10px;
    padding: 12px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card header {
    align-items: center;
    display: flex;
    gap: 10px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-profile {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    display: flex;
    flex: 1 1 auto;
    gap: 10px;
    min-width: 0;
    padding: 0;
    text-align: left;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-profile strong {
    color: #fff;
    display: block;
    font-size: 13.5px;
    font-weight: 600;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-profile small {
    color: var(--k3-zinc-500);
    display: block;
    font-family: var(--k3-font-mono);
    font-size: 9px;
    letter-spacing: .06em;
    margin-top: 2px;
    text-transform: uppercase;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card dl {
    display: grid;
    gap: 6px 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card dt {
    color: var(--k3-zinc-500);
    font-family: var(--k3-font-mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card dd {
    color: var(--k3-zinc-200);
    font-size: 12px;
    margin: 2px 0 0;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-details summary {
    color: var(--k3-zinc-400);
    cursor: pointer;
    font-family: var(--k3-font-mono);
    font-size: 9.5px;
    letter-spacing: .1em;
    min-height: 32px;
    text-transform: uppercase;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-actions {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-member-card-actions button {
    min-height: 44px;
  }

  /* Full-screen mobile member record */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer {
    border-left: 0;
    inset: 0;
    position: fixed;
    z-index: 70;
  }
}

@media (max-width: 390px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-grid {
    gap: 6px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile > span {
    font-size: 9px;
    letter-spacing: .08em;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-left > strong {
    font-size: 30px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-tile-meta {
    gap: 4px;
    padding-left: 10px;
  }
}

/* K3 member record interior: dark hero, identity, journey, visits, timeline, rail */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-paid-hero {
  display: grid;
  gap: 14px;
  padding: 18px 16px 16px;
  position: relative;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-hero-identity {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-hero-identity > div {
  display: grid;
  flex: 1 1 auto;
  gap: 4px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-hero-identity strong {
  overflow-wrap: normal;
  white-space: normal;
  word-break: normal;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .avatar,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .crm-soft-avatar {
  align-items: center;
  background: rgb(255 255 255 / 10%);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--k3-font-display);
  font-size: 15px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  letter-spacing: .04em;
  width: 40px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-hero-identity .avatar,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-hero-identity .crm-soft-avatar {
  font-size: 19px;
  height: 52px;
  width: 52px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .status-badge {
  border-radius: 6px;
  display: inline-flex;
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1;
  padding: 4px 7px;
  text-transform: uppercase;
  width: fit-content;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .status-badge.good {
  background: rgb(255 255 255 / 8%);
  color: var(--k3-zinc-200);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .status-badge.hot {
  background: rgb(var(--signal-red-rgb) / 10%);
  box-shadow: inset 0 0 0 1px rgb(var(--signal-red-rgb) / 40%);
  color: var(--k3-red-bright);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .status-badge.watch {
  background: rgb(201 143 61 / 7%);
  box-shadow: inset 0 0 0 1px rgb(201 143 61 / 40%);
  color: var(--k3-amber-text);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .status-badge.neutral,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .status-badge:not(.good):not(.hot):not(.watch) {
  background: rgb(255 255 255 / 6%);
  color: var(--k3-zinc-300);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-health-card {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-health-card > span {
  color: var(--k3-zinc-400);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-health-card > strong {
  font-size: 30px;
  line-height: 1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-health-card > i {
  background: rgb(255 255 255 / 8%);
  border-radius: 2px;
  display: block;
  height: 5px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-health-card > i > b {
  background: #fff;
  display: block;
  height: 100%;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-paid-hero > .secondary-action,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer #close-drawer {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 34px;
  padding: 0 12px;
  position: absolute;
  right: 12px;
  text-transform: uppercase;
  top: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-main-area,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-command-rail {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-journey,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-visit-panel,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-notes-panel,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-status-stack,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-contact-actions,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-member-actions {
  background: linear-gradient(180deg, #1c1c23 0%, #15151b 100%);
  border: 1px solid var(--k3-divider);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
  display: grid;
  gap: 10px;
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-module-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-module-title span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-journey-track {
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-journey-track i {
  background: rgb(255 255 255 / 70%);
  border-radius: 2px;
  display: block;
  height: 5px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-journey-track i.now {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-journey-track i.off {
  background: rgb(255 255 255 / 8%);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-journey-labels {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-journey-labels span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-visit-bars {
  align-items: end;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  height: 44px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-visit-bars i {
  background: rgb(255 255 255 / 60%);
  border-radius: 2px 2px 0 0;
  display: block;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-visit-bars i:nth-last-child(-n+3) {
  background: var(--k3-red);
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-stat-grid,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-status-stack {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-stat-grid article,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-status-stack article,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-member-actions article {
  background: rgb(255 255 255 / 4%);
  display: grid;
  gap: 3px;
  padding: 8px 10px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-stat-grid article span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-status-stack article span,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-member-actions article span {
  color: var(--k3-zinc-500);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-stat-grid article strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-status-stack article strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-member-actions article strong {
  color: var(--k3-zinc-200);
  font-size: 12px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline article {
  align-items: start;
  border-bottom: 1px solid rgb(255 255 255 / 5%);
  display: flex;
  gap: 10px;
  padding: 8px 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline article:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline article .avatar {
  font-size: 11px;
  height: 26px;
  width: 26px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline article > div {
  flex: 1 1 auto;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline article strong {
  color: var(--k3-zinc-200);
  display: block;
  font-size: 12px;
  font-weight: 600;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline article em {
  color: var(--k3-zinc-500);
  display: block;
  font-size: 11px;
  font-style: normal;
  margin-top: 2px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-activity-timeline article > span {
  color: var(--k3-zinc-600);
  font-family: var(--k3-font-mono);
  font-size: 8.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .drawer-note-panel {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-contact-actions {
  gap: 8px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-contact-actions .secondary-action {
  background: linear-gradient(180deg, #202028 0%, #18181f 100%);
  border: 1px solid var(--k3-hairline);
  border-radius: 8px;
  color: var(--k3-zinc-200);
  font-family: var(--k3-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .1em;
  min-height: 38px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-contact-actions .secondary-action:hover {
  border-color: rgb(255 255 255 / 25%);
  color: #fff;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-next-action-card {
  display: grid;
  gap: 8px;
  padding: 12px;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-next-action-card .primary-action {
  min-height: 40px;
}

/* K3 record dock / drawer responsive treatment:
   ≥1536px persistent dock · 1024–1535px overlay slide-over with scrim ·
   <1024px full-screen record. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-record-scrim {
  display: none;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer {
  max-width: 100vw;
  overflow-y: auto;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer .member-profile-paid-layout {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1024px) and (max-width: 1535px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-record-scrim {
    background: rgb(0 0 0 / 55%);
    display: block;
    inset: 0;
    position: fixed;
    z-index: 65;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer {
    inset: 0 0 0 auto;
    position: fixed;
    width: min(460px, 92vw);
    z-index: 70;
  }
}

@media (min-width: 1536px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer {
    inset: 0 0 0 auto;
    position: fixed;
    width: 420px;
    z-index: 40;
  }
}

@media (min-width: 1920px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer {
    width: 440px;
  }
}

@media (max-width: 1023px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .detail-drawer {
    border-left: 0;
    inset: 0;
    position: fixed;
    width: 100vw;
    z-index: 70;
  }
}

/* K3 tablet shell (761–1180px, covers the 1024 owner-gate viewport): the
   left rail is replaced by a top brand bar with a Menu toggle; primary
   navigation opens as a dark bottom sheet, matching the ≤760px treatment. */
@media (min-width: 761px) and (max-width: 1180px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar {
    border-bottom: 1px solid var(--k3-divider);
    border-right: 0;
    gap: 8px;
    padding: 12px 14px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-sidebar-topbar {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-sidebar-topbar .brand-block {
    flex: 1 1 auto;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-mobile-nav-toggle {
    align-items: center;
    background: linear-gradient(180deg, #202028 0%, #18181f 100%);
    border: 1px solid var(--k3-hairline);
    border-radius: 8px;
    color: var(--k3-zinc-200);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--k3-font-mono);
    font-size: 9px;
    gap: 8px;
    justify-content: center;
    letter-spacing: .12em;
    min-height: 40px;
    padding: 0 12px;
    text-transform: uppercase;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-desktop-nav-toggle,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-nav-caption,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .demo-mode-indicator,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar-note,
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .dev-note {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav {
    display: none;
  }

  /* Tablet navigation: same approved bottom-sheet treatment as mobile */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] {
    background: linear-gradient(180deg, #1e1e26 0%, #14141a 100%);
    border: 1px solid var(--k3-hairline);
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    bottom: 0;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 7.5%), 0 -24px 60px -12px rgb(0 0 0 / 80%);
    display: grid;
    gap: 2px;
    grid-template-columns: minmax(0, 1fr);
    left: 0;
    max-height: 82dvh;
    overflow-y: auto;
    padding: 14px 12px calc(14px + env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 70;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] .k3-nav-caption {
    display: block;
    margin: 0 4px 8px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] .nav-button {
    font-family: var(--k3-font-display);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .04em;
    min-height: 52px;
    text-transform: uppercase;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .sidebar nav[data-mobile-open="true"] .nav-button .k3-nav-icon {
    display: none;
  }
}

/* K3 owner-gate late overrides (≤1180px): the head-row actions stay out of
   the section eyebrow; Add Member / Member Directory render as the compact
   two-up action row immediately after the op-status tiles. Placed late so
   they outrank the earlier ≥1024px / ≥1280px action-visibility rules. */
@media (max-width: 1180px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions-mobile {
    display: grid;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-head {
    order: 1;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-grid {
    order: 2;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-op-actions-mobile {
    order: 3;
  }
}

/* K3 owner-gate 390px op-status flow: hero spans full width, In Club Now +
   Entries Today hold the two-column row, Actions Due stays compact and the
   Welcome Screen tile takes the full width. */
@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-operational-tile[data-owner-tile="welcome-screen"] {
    grid-column: 1 / -1;
  }

  /* Site comparison: keep the freshness chip stacked inside the site-name
     cell so the site name and import status never truncate (the restoration
     layer otherwise pins the chip to an implicit third column at <=760px). */
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison .btv2-owner-site-state {
    grid-column: auto;
    grid-row: auto;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-owner-site-comparison .btv2-owner-site-name small {
    white-space: normal;
  }
}

/* K3 compact navigation + headers below desktop */
@media (max-width: 1023px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-desktop-nav-toggle {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation {
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation > strong {
    padding: 0 4px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation > div {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation > div::-webkit-scrollbar {
    display: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-workspace-navigation button {
    flex: 0 0 auto;
    min-height: 34px;
    white-space: nowrap;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-header {
    align-items: start;
    flex-direction: column;
    gap: 10px;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .rc2-members-directory-meta {
    flex-wrap: wrap;
    gap: 10px;
  }
}

/* K3 reduced motion */
@media (prefers-reduced-motion: reduce) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .k3-skeleton::after {
    animation: none;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] * {
    scroll-behavior: auto !important;
  }
}
/* End Kimi K3 production UI integration */

/* Canonical RC2 dashboard restoration: Claude final-v1 composition. */
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-dashboard {
  --canonical-red: var(--signal-red);
  --canonical-page: #050505;
  --canonical-panel: #0b0b0b;
  --canonical-card: #111111;
  --canonical-raised: #161616;
  --canonical-line: rgb(255 255 255 / 16%);
  --canonical-line-soft: rgb(255 255 255 / 8%);
  --canonical-text: #fff;
  --canonical-body: #c9c9c9;
  --canonical-muted: #8f8f8f;
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: clamp(18px, 2.4vw, 34px);
  border: 1px solid var(--canonical-line);
  border-radius: 0;
  background: var(--canonical-page);
  color: var(--canonical-body);
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-dashboard :is(
  h1,
  h2,
  h3,
  strong,
  b
) {
  color: var(--canonical-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-dashboard :is(
  button,
  article,
  section,
  aside
) {
  border-radius: 0;
  box-shadow: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-dashboard button {
  min-height: 44px;
  border: 1px solid var(--canonical-line);
  background: #0d0d0d;
  color: var(--canonical-text);
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-dashboard button:hover {
  border-color: var(--canonical-red);
  background: var(--canonical-raised);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-module {
  display: grid;
  min-width: 0;
  overflow: visible;
  border: 1px solid var(--canonical-line);
  background: var(--canonical-panel);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  padding: 16px 18px;
  border-bottom: 1px solid var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-head > div:first-child {
  display: grid;
  gap: 4px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-head > div:first-child > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-analytics-toolbar > div > span {
  color: var(--canonical-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-head h1 {
  margin: 0;
  color: var(--canonical-text);
  font-family: "Archivo Black", "Archivo", "Arial Black", sans-serif;
  font-size: clamp(25px, 2.4vw, 34px);
  letter-spacing: -.025em;
  line-height: 1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-controls {
  display: grid;
  grid-template-columns: minmax(190px, 250px) minmax(170px, 230px);
  gap: 12px;
  align-items: end;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-controls > label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--canonical-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-controls select {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--canonical-line);
  border-radius: 0;
  background: var(--canonical-card);
  color: var(--canonical-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-module > .btv2-owner-operational-grid {
  padding: 0;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] :is(
  .btv2-owner-commercial-section,
  .btv2-owner-operational-section
) {
  display: grid;
  gap: 18px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-analytics-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--canonical-line);
  background: var(--canonical-panel);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-analytics-toolbar > div:first-child {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-analytics-toolbar > div > strong {
  font-size: 14px;
  line-height: 1.2;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control {
  display: flex;
  align-items: end;
  justify-content: end;
  gap: 10px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control > label,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control .rc2-custom-dates label {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--canonical-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control :is(select, input) {
  min-height: 44px;
  border: 1px solid var(--canonical-line);
  border-radius: 0;
  background: var(--canonical-card);
  color: var(--canonical-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control .rc2-custom-dates {
  display: grid;
  grid-template-columns: repeat(2, minmax(125px, 1fr)) auto;
  gap: 8px;
  align-items: end;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-compact-operational-header="true"] {
  min-height: 0;
  margin-bottom: 12px;
  padding: 12px 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-compact-operational-header="true"] .header-title {
  gap: 2px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-compact-operational-header="true"] .header-title h1 {
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-compact-operational-header="true"] .header-controls {
  align-items: end;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  padding: 1px;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-tile {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 7px;
  min-width: 0;
  min-height: 142px;
  padding: 17px 18px;
  border: 0;
  background: var(--canonical-card);
  text-align: left;
  text-transform: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-tile > span {
  color: var(--canonical-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-tile > strong {
  max-width: 24ch;
  font-family: "Archivo Black", "Archivo", "Arial Black", sans-serif;
  font-size: clamp(20px, 2vw, 30px);
  letter-spacing: -.025em;
  line-height: 1;
  overflow-wrap: anywhere;
  text-transform: none;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-tile[data-owner-tile="active-members"] > strong {
  font-size: clamp(32px, 3vw, 46px);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-tile > :is(small, em) {
  color: var(--canonical-muted);
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] button.btv2-owner-operational-tile:hover {
  position: relative;
  z-index: 1;
  outline: 1px solid var(--canonical-red);
  outline-offset: -1px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-hero {
  display: grid;
  gap: 9px;
  max-width: 980px;
  padding: 6px 0 10px;
  background: transparent;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-hero > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-section-head span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-title > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-next > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-value > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rules > span {
  color: var(--canonical-red);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-hero h1 {
  max-width: 920px;
  margin: 0;
  color: var(--canonical-text);
  font-family: "Archivo Black", "Archivo", "Arial Black", sans-serif;
  font-size: clamp(34px, 4.4vw, 64px);
  font-weight: 950;
  letter-spacing: -.035em;
  line-height: .94;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--canonical-muted);
  font-size: 13px;
  line-height: 1.5;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  padding: 1px;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  min-height: 176px;
  padding: 22px;
  border: 0;
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi[data-alert="true"] {
  outline: 1px solid var(--signal-red-border);
  outline-offset: -1px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi > i {
  display: block;
  width: 42px;
  height: 3px;
  margin-bottom: 5px;
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi > strong {
  overflow-wrap: anywhere;
  color: var(--canonical-text);
  font-family: "Archivo Black", "Archivo", "Arial Black", sans-serif;
  font-size: clamp(29px, 3.2vw, 46px);
  font-weight: 950;
  letter-spacing: -.035em;
  line-height: .94;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi[data-value-state="unavailable"] > strong {
  overflow-wrap: normal;
  font-size: clamp(34px, 3vw, 42px);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi[data-kpi-label="Known Recurring Income"][data-value-state="unavailable"] > strong {
  max-width: 20ch;
  overflow-wrap: anywhere;
  font-family: "Archivo", Arial, sans-serif;
  font-size: clamp(18px, 1.8vw, 25px);
  letter-spacing: -.015em;
  line-height: 1.08;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi-state {
  color: var(--canonical-body);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi[data-alert="true"] > strong {
  color: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi > small {
  color: var(--canonical-body);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-panel {
  display: grid;
  gap: 15px;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--canonical-line);
  background: var(--canonical-panel);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--canonical-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-section-head > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-section-head h2 {
  margin: 0;
  color: var(--canonical-text);
  font-family: "Archivo Black", "Archivo", "Arial Black", sans-serif;
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-section-head :is(small, strong) {
  color: var(--canonical-muted);
  font-size: 10px;
  line-height: 1.3;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
  gap: 18px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-height: 220px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart article {
  display: grid;
  grid-template-rows: minmax(120px, 1fr) auto auto auto;
  gap: 5px;
  min-width: 0;
  border: 0;
  background: transparent;
  text-align: center;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-bars {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 4px;
  min-height: 120px;
  border-bottom: 1px solid var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-bars i {
  width: min(16px, 36%);
  height: max(3px, var(--canonical-bar));
  background: var(--canonical-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-bars i[data-series="endings"] {
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart article > strong {
  font-size: 20px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart article > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart article > small {
  color: var(--canonical-muted);
  font-size: 9px;
  line-height: 1.25;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-chart-shell {
  display: grid;
  gap: 12px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-chart-shell > p {
  margin: 0;
  color: var(--canonical-muted);
  font-size: 10px;
  line-height: 1.45;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--canonical-muted);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-chart-legend span::before {
  content: "";
  width: 18px;
  height: 3px;
  background: var(--canonical-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-chart-legend span[data-series="endings"]::before,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-chart-legend span[data-series="churn"]::before {
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart article[data-value-state="unavailable"] {
  opacity: .5;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart article[data-value-state="unavailable"] .btv2-owner-movement-bars i {
  background: #242424;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-churn-chart {
  display: grid;
  gap: 12px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-churn-chart article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 74px;
  gap: 10px;
  align-items: center;
  border: 0;
  background: transparent;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-churn-chart article > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-churn-chart article > strong {
  font-size: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-churn-chart article > i {
  position: relative;
  overflow: hidden;
  height: 8px;
  background: #242424;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-churn-chart article > i::before {
  content: "";
  display: block;
  width: var(--canonical-churn);
  height: 100%;
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 1px;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison > article {
  display: grid;
  grid-template-columns: minmax(150px, 1.15fr) minmax(86px, .7fr) 72px minmax(96px, .75fr) 76px;
  gap: 12px;
  align-items: center;
  min-height: 52px;
  min-width: 0;
  padding: 6px 12px;
  border: 0;
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison > article[data-source-state="unavailable"] {
  opacity: .58;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison > article[data-selected="true"] {
  position: relative;
  z-index: 1;
  outline: 1px solid var(--canonical-red);
  outline-offset: -1px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison > article[data-selected="true"] > i::before {
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison .btv2-owner-site-name,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison .btv2-owner-site-metric {
  display: grid;
  gap: 2px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison :is(.btv2-owner-site-name, .btv2-owner-site-metric) small {
  color: var(--canonical-muted);
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison :is(.btv2-owner-site-name, .btv2-owner-site-metric) strong {
  color: var(--canonical-text);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison article > i {
  position: relative;
  overflow: hidden;
  height: 7px;
  background: #242424;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison article > i::before {
  content: "";
  display: block;
  width: var(--canonical-site);
  height: 100%;
  background: var(--canonical-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-state {
  border: 1px solid #454545;
  color: var(--canonical-muted);
  font-size: 9px;
  font-weight: 900;
  justify-self: end;
  padding: 5px 7px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-state[data-state="fresh"] {
  border-color: #6d8f6d;
  color: #d7f0d7;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-state[data-state="partial"] {
  border-color: #8d7a51;
  color: #f0ddb0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-state[data-state="stale"] {
  border-color: var(--canonical-red);
  color: var(--signal-red-on-dark);
}

body:has(.rc2-add-member-layer) {
  overflow: hidden;
}

.rc2-add-member-layer {
  position: fixed;
  z-index: 1600;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

.rc2-add-member-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgb(0 0 0 / 0.86);
  cursor: default;
}

.rc2-add-member-dialog {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(720px, 100%);
  max-height: calc(100dvh - 48px);
  overflow: hidden;
  border: 1px solid #505050;
  border-top: 5px solid var(--signal-red);
  border-radius: 0;
  background: #080808;
  color: #fff;
  box-shadow: 0 24px 80px rgb(0 0 0 / 0.6);
}

:is(.rc2-add-member-header, .rc2-add-member-dialog > header) {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px 16px;
  border-bottom: 1px solid #323232;
}

:is(.rc2-add-member-header, .rc2-add-member-dialog > header) > div {
  display: grid;
  gap: 4px;
}

:is(.rc2-add-member-header, .rc2-add-member-dialog > header) :is(h2, p) {
  margin: 0;
}

:is(.rc2-add-member-header, .rc2-add-member-dialog > header) h2 {
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 0.95;
  text-transform: uppercase;
}

:is(.rc2-add-member-header, .rc2-add-member-dialog > header) :is(p, span) {
  color: #aaa;
  font-size: 11px;
}

:is(.rc2-add-member-header, .rc2-add-member-dialog > header) > button {
  flex: 0 0 auto;
  min-width: 40px;
  min-height: 40px;
  padding: 7px 10px;
  border: 1px solid #4a4a4a;
  border-radius: 0;
  background: #111;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.rc2-add-member-body {
  min-height: 0;
  padding: 20px;
  overflow-y: auto;
}

.rc2-add-member-form,
.rc2-add-member-success {
  display: grid;
  gap: 16px;
}

.rc2-add-member-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.rc2-add-member-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #b5b5b5;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.rc2-add-member-grid label:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.rc2-add-member-grid :is(input, select) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid #4a4a4a;
  border-radius: 0;
  background: #050505;
  color: #fff;
  box-shadow: none;
}

.rc2-add-member-grid :is(input, select):focus,
.rc2-add-member-dialog button:focus-visible {
  border-color: #fff;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.rc2-add-member-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid #303030;
}

.rc2-add-member-actions button,
.rc2-add-member-success button,
.rc2-add-member-success-actions button {
  min-height: 42px;
  padding: 8px 13px;
  border: 1px solid #494949;
  border-radius: 0;
  background: #141414;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.025em;
  box-shadow: none;
}

.rc2-add-member-actions button[type="submit"],
.rc2-add-member-actions .is-primary,
.rc2-add-member-success .is-primary,
.rc2-add-member-success-actions button:is(:first-child, :nth-child(2)) {
  border-color: var(--signal-red);
  background: var(--signal-red);
}

.rc2-add-member-success > header,
.rc2-add-member-success:not(:has(> header)) {
  display: grid;
  gap: 6px;
}

.rc2-add-member-success > header {
  padding: 18px 0;
  border-bottom: 1px solid #303030;
}

.rc2-add-member-success > :is(span, h3, p),
.rc2-add-member-success > header :is(span, h3, p) {
  margin: 0;
}

.rc2-add-member-success > span,
.rc2-add-member-success > header span {
  color: var(--signal-red-on-dark);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rc2-add-member-success > h3,
.rc2-add-member-success > header h3 {
  font-size: clamp(24px, 4vw, 36px);
  line-height: 1;
}

.rc2-add-member-success > p,
.rc2-add-member-success > header p {
  color: #aaa;
}

.rc2-add-member-success dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  border: 1px solid #303030;
  background: #303030;
}

.rc2-add-member-success dl > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
  background: #0d0d0d;
}

.rc2-add-member-success :is(dt, dd) {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.rc2-add-member-success dt {
  color: #888;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.rc2-add-member-success dd {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.rc2-add-member-success-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid #303030;
}

.rc2-add-member-boundary {
  padding: 10px 12px;
  border: 1px solid #393939;
  border-left: 4px solid var(--signal-red);
  background: #101010;
  color: #aaa;
  font-size: 11px;
  line-height: 1.5;
}

.rc2-add-member-boundary strong {
  color: #fff;
}

@media (max-width: 760px) {
  .rc2-add-member-layer {
    padding: 0;
  }

  .rc2-add-member-dialog {
    width: 100%;
    max-height: 100dvh;
    min-height: 100dvh;
    border: 0;
    border-top: 5px solid var(--signal-red);
  }

  :is(.rc2-add-member-header, .rc2-add-member-dialog > header) {
    padding: 15px 16px 13px;
  }

  .rc2-add-member-body {
    padding: 16px;
  }

  .rc2-add-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .rc2-add-member-grid label:last-child:nth-child(odd) {
    grid-column: auto;
  }

  .rc2-add-member-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .rc2-add-member-success dl,
  .rc2-add-member-success-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-decision-progress {
  height: 8px;
  background: #242424;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-decision-progress i {
  display: block;
  width: var(--canonical-progress);
  height: 100%;
  background: var(--canonical-red);
}

.rc2-system-settings-embedded,
.rc2-system-settings-panel {
  min-width: 0;
}

.rc2-system-settings-panel {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.rc2-system-settings-panel > .screen-command-header {
  margin-top: 0;
}

.rc2-membership-plan-admin {
  display: grid;
  gap: 16px;
}

.rc2-plan-admin-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #343434;
}

.rc2-plan-admin-header > div {
  display: grid;
  gap: 5px;
}

.rc2-plan-admin-header :is(h1, p) {
  margin: 0;
}

.rc2-plan-admin-header h1 {
  color: #fff;
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 0.95;
  text-transform: uppercase;
}

.rc2-plan-admin-header p {
  color: #aaa;
  font-size: 12px;
}

.rc2-plan-admin-header button {
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid var(--signal-red);
  border-radius: 0;
  background: var(--signal-red);
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.035em;
}

.rc2-plan-admin-list {
  display: grid;
  min-width: 0;
  border: 1px solid #383838;
  background: #111;
}

.rc2-plan-admin-row {
  display: grid;
  grid-template-columns: minmax(170px, 1.35fr) minmax(160px, 1.15fr) minmax(150px, 1fr) minmax(100px, 0.7fr) minmax(90px, 0.55fr) minmax(215px, 1fr);
  min-width: 0;
  border-bottom: 1px solid #303030;
}

.rc2-plan-admin-row:last-child {
  border-bottom: 0;
}

.rc2-plan-admin-row > :is(div, span) {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
  padding: 13px 12px;
  border-right: 1px solid #292929;
}

.rc2-plan-admin-row > :last-child {
  border-right: 0;
}

.rc2-plan-admin-row :is(strong, span, small) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.rc2-plan-admin-row strong {
  color: #fff;
  font-size: 12px;
}

.rc2-plan-admin-row span {
  color: #aaa;
  font-size: 10px;
}

.rc2-plan-admin-row small {
  color: #777;
  font-size: 9px;
}

.rc2-plan-admin-columns {
  background: #080808;
}

.rc2-plan-admin-columns > span {
  color: #aaa;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.rc2-plan-status[data-status="ACTIVE"] {
  color: #fff;
}

.rc2-plan-status[data-status="DRAFT"] {
  color: var(--signal-red);
}

.rc2-plan-status[data-status="ARCHIVED"] {
  color: #888;
}

.rc2-plan-row-actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}

.rc2-plan-row-actions button {
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #444;
  border-radius: 0;
  background: #151515;
  color: #fff;
  font-size: 10px;
  font-weight: 850;
}

.rc2-plan-row-actions button:last-child:not(:disabled) {
  border-color: var(--signal-red);
}

.rc2-plan-admin-boundary,
.rc2-plan-builder-boundary {
  margin: 0;
  padding: 11px 13px;
  border: 1px solid #393939;
  border-left: 4px solid var(--signal-red);
  background: #0c0c0c;
  color: #aaa;
  font-size: 11px;
  line-height: 1.5;
}

.rc2-plan-admin-boundary strong,
.rc2-plan-builder-boundary strong {
  color: #fff;
}

body:has(.rc2-plan-builder-layer) {
  overflow: hidden;
}

.rc2-plan-builder-layer {
  position: fixed;
  z-index: 1650;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
}

.rc2-plan-builder-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgb(0 0 0 / 0.88);
}

.rc2-plan-builder-sheet {
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  width: min(1040px, 100%);
  max-height: calc(100dvh - 44px);
  overflow: hidden;
  border: 1px solid #505050;
  border-top: 5px solid var(--signal-red);
  border-radius: 0;
  background: #080808;
  color: #fff;
}

.rc2-plan-builder-sheet > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 20px 15px;
  border-bottom: 1px solid #333;
}

.rc2-plan-builder-sheet > header > div {
  display: grid;
  gap: 4px;
}

.rc2-plan-builder-sheet > header :is(h2, p) {
  margin: 0;
}

.rc2-plan-builder-sheet > header h2 {
  font-size: clamp(25px, 4vw, 40px);
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 0.95;
  text-transform: uppercase;
}

.rc2-plan-builder-sheet > header p {
  color: #aaa;
  font-size: 11px;
}

.rc2-plan-builder-sheet > header > button {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #484848;
  border-radius: 0;
  background: #111;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.rc2-plan-builder-progress {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #333;
  list-style: none;
}

.rc2-plan-builder-progress li {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 9px 8px;
  border-right: 1px solid #292929;
  color: #777;
  font-size: 9px;
  font-weight: 850;
}

.rc2-plan-builder-progress li:last-child {
  border-right: 0;
}

.rc2-plan-builder-progress li span {
  display: grid;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 1px solid #444;
  color: inherit;
}

.rc2-plan-builder-progress li[data-state="current"] {
  background: #171717;
  color: #fff;
}

.rc2-plan-builder-progress li[data-state="current"] span,
.rc2-plan-builder-progress li[data-state="complete"] span {
  border-color: var(--signal-red);
  background: var(--signal-red);
  color: #fff;
}

.rc2-plan-builder-progress li[data-state="complete"] {
  color: #bbb;
}

.rc2-plan-builder-form {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  min-height: 0;
}

.rc2-plan-builder-scroll {
  min-height: 0;
  padding: 20px;
  overflow-y: auto;
}

.rc2-plan-builder-form > .rc2-workflow-feedback {
  min-height: 18px;
  margin: 0;
  padding: 0 20px 8px;
  color: var(--signal-red);
}

.rc2-plan-builder-form footer {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto auto;
  gap: 8px;
  padding: 13px 20px;
  border-top: 1px solid #333;
  background: #0d0d0d;
}

.rc2-plan-builder-form footer button {
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid #484848;
  border-radius: 0;
  background: #151515;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.rc2-plan-builder-form footer button:is([type="submit"], .is-primary) {
  border-color: var(--signal-red);
  background: var(--signal-red);
}

.rc2-plan-template-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  border: 1px solid #373737;
  background: #373737;
}

.rc2-plan-template-grid legend,
.rc2-plan-site-picker legend,
.rc2-plan-payment-methods legend {
  width: 100%;
  padding: 0 0 10px;
  background: #080808;
  color: #aaa;
  font-size: 10px;
  font-weight: 850;
}

.rc2-plan-template-grid > label {
  display: flex;
  align-items: start;
  gap: 10px;
  min-height: 90px;
  padding: 14px;
  background: #101010;
}

.rc2-plan-template-grid > label[data-selected="true"] {
  box-shadow: inset 0 -4px var(--signal-red);
}

.rc2-plan-template-grid label span {
  display: grid;
  gap: 5px;
}

.rc2-plan-template-grid label strong {
  color: #fff;
  font-size: 13px;
}

.rc2-plan-template-grid label small {
  color: #888;
  font-size: 10px;
  line-height: 1.4;
}

.rc2-plan-builder-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rc2-plan-builder-form-grid > label {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  color: #b5b5b5;
  font-size: 10px;
  font-weight: 850;
}

.rc2-plan-builder-form-grid .is-wide {
  grid-column: 1 / -1;
}

.rc2-plan-builder-form-grid :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid #494949;
  border-radius: 0;
  background: #050505;
  color: #fff;
  box-shadow: none;
}

.rc2-plan-builder-form-grid textarea {
  resize: vertical;
}

.rc2-plan-builder-form-grid label small {
  color: #777;
  font-size: 9px;
}

.rc2-plan-site-picker,
.rc2-plan-payment-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  border: 1px solid #393939;
  background: #393939;
}

.rc2-plan-site-picker label,
.rc2-plan-payment-methods label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 10px;
  background: #101010;
  color: #ddd;
  font-size: 10px;
}

.rc2-plan-site-picker input,
.rc2-plan-payment-methods input {
  width: 16px;
  min-height: 16px;
}

.rc2-plan-review dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 16px;
  border: 1px solid #363636;
  background: #363636;
}

.rc2-plan-review dl > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 13px;
  background: #0e0e0e;
}

.rc2-plan-review :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

.rc2-plan-review dt {
  color: #777;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.rc2-plan-review dd {
  color: #fff;
  font-size: 12px;
  font-weight: 750;
}

.rc2-plan-builder-sheet :is(button, input, select, textarea):focus-visible,
.rc2-plan-admin-header button:focus-visible,
.rc2-plan-row-actions button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .rc2-plan-admin-columns {
    display: none;
  }

  .rc2-plan-admin-list {
    gap: 1px;
    border: 0;
    background: #333;
  }

  .rc2-plan-admin-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #383838;
    background: #101010;
  }

  .rc2-plan-admin-row > :is(div, span) {
    border-right: 0;
    border-bottom: 1px solid #292929;
  }

  .rc2-plan-row-actions {
    grid-column: 1 / -1;
  }

  .rc2-plan-builder-progress {
    grid-template-columns: repeat(7, minmax(42px, 1fr));
    overflow-x: auto;
  }

  .rc2-plan-builder-progress li {
    justify-content: center;
    font-size: 0;
  }
}

@media (max-width: 700px) {
  .rc2-plan-admin-header {
    display: grid;
    align-items: start;
  }

  .rc2-plan-admin-header button {
    width: 100%;
  }

  .rc2-plan-admin-row,
  .rc2-plan-builder-form-grid,
  .rc2-plan-template-grid,
  .rc2-plan-review dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .rc2-plan-builder-layer {
    padding: 0;
  }

  .rc2-plan-builder-sheet {
    width: 100%;
    min-height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-top: 5px solid var(--signal-red);
  }

  .rc2-plan-builder-sheet > header,
  .rc2-plan-builder-scroll,
  .rc2-plan-builder-form footer {
    padding-right: 15px;
    padding-left: 15px;
  }

  .rc2-plan-builder-form-grid .is-wide {
    grid-column: auto;
  }

  .rc2-plan-site-picker,
  .rc2-plan-payment-methods {
    grid-template-columns: minmax(0, 1fr);
  }

  .rc2-plan-builder-form footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rc2-plan-builder-form footer span {
    display: none;
  }

  .rc2-plan-builder-form footer button {
    width: 100%;
  }
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-decision-grid p,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-in-club p,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-boundary p {
  margin: 0;
  color: var(--canonical-muted);
  font-size: 11px;
  line-height: 1.45;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-exception-list {
  display: grid;
  gap: 1px;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-exception-list article {
  display: grid;
  grid-template-columns: minmax(90px, .7fr) minmax(120px, .8fr) minmax(0, 1.5fr);
  gap: 10px;
  padding: 11px 12px;
  border: 0;
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-exception-list :is(span, strong, small) {
  min-width: 0;
  font-size: 10px;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-exception-list :is(span, small) {
  color: var(--canonical-muted);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-action-list,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list {
  display: grid;
  gap: 1px;
  min-width: 0;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-action-list > button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 0;
  border-left: 3px solid transparent;
  background: var(--canonical-card);
  text-align: left;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-action-list > button:first-child {
  border-left-color: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-action-list button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-action-list button :is(small, em) {
  color: var(--canonical-muted);
  font-size: 9px;
  font-style: normal;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-in-club {
  align-content: start;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-in-club > strong {
  color: var(--canonical-text);
  font-family: "Archivo Black", "Archivo", "Arial Black", sans-serif;
  font-size: clamp(52px, 7vw, 92px);
  letter-spacing: -.05em;
  line-height: .9;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-in-club > :is(strong, p) {
  min-width: 0;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-empty {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-width: 0;
  padding: 18px;
  border: 1px dashed var(--canonical-line);
  background: #090909;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-empty p {
  max-width: 680px;
  margin: 0;
  color: var(--canonical-muted);
  font-size: 11px;
  line-height: 1.45;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-primary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, .7fr);
  gap: 18px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list > button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(118px, auto) minmax(95px, auto);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 13px 14px;
  border: 0;
  border-left: 3px solid transparent;
  background: var(--canonical-card);
  text-align: left;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list > button:first-child,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list > button:nth-child(2) {
  border-left-color: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list button > span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list button :is(small, em) {
  color: var(--canonical-muted);
  font-size: 9px;
  font-style: normal;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-likelihood,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-case-value {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-likelihood > span,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-case-value > strong {
  color: var(--canonical-text);
  font-size: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-likelihood > i {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 4px;
  background: #242424;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-likelihood > i > b {
  display: block;
  width: var(--canonical-likelihood);
  height: 100%;
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-case-value {
  justify-items: end;
  text-align: right;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-case-value > small {
  color: var(--canonical-red);
  font-size: 9px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-provider-state {
  align-content: start;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-provider-state .btv2-cc-provider-health {
  border: 1px solid var(--canonical-line);
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-boundary {
  display: grid;
  gap: 7px;
  padding: 13px;
  border-left: 3px solid var(--canonical-red);
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-outcome {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-outcome-bar {
  grid-column: 1 / -1;
  height: 18px;
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-outcome-bar i {
  display: block;
  width: var(--canonical-recovered);
  height: 100%;
  background: var(--canonical-text);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-outcome article {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 0;
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-outcome :is(span, small) {
  color: var(--canonical-muted);
  font-size: 10px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-workflow-links {
  align-content: start;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-workflow-links button:first-of-type {
  border-color: var(--canonical-red);
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-workflow-links small {
  color: var(--canonical-muted);
  font-size: 10px;
  line-height: 1.4;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-evidence {
  overflow: hidden;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-evidence > :is(
  .btv2-payment-reconciliation,
  .btv2-payment-event-ledger,
  .btv2-payment-review-queue,
  .btv2-payment-delivery-audit
) {
  min-width: 0;
  border: 1px solid var(--canonical-line);
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager .btv2-mobile-manager-action-deck {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
  gap: 14px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--canonical-line);
  background: var(--canonical-panel);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager :is(
  .btv2-mobile-deck-head,
  .btv2-mobile-deck-safety,
  .btv2-mobile-deck-progress,
  .btv2-canonical-deck-nav
) {
  grid-column: 1 / -1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager .btv2-mobile-deck-head strong {
  font-family: "Archivo Black", "Archivo", "Arial Black", sans-serif;
  font-size: clamp(20px, 2.2vw, 32px);
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-mobile-deck-progress {
  display: grid;
  grid-template-columns: auto auto auto minmax(100px, auto);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--canonical-line);
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-mobile-deck-progress :is(span, em) {
  color: var(--canonical-muted);
  font-size: 10px;
  font-style: normal;
  text-transform: uppercase;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager .btv2-mobile-deck-scroll {
  display: grid;
  align-content: start;
  gap: 8px;
  max-height: none;
  min-width: 0;
  overflow: visible;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(100px, auto);
  gap: 12px;
  align-items: start;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--canonical-line);
  border-left: 3px solid var(--canonical-line);
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-card[data-primary="true"] {
  gap: 14px;
  padding: 18px;
  border-left-color: var(--canonical-red);
  outline: 1px solid var(--signal-red-border);
  outline-offset: -1px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rank,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-title,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-value,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-next {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rank span {
  color: var(--canonical-red);
  font-size: 14px;
  font-weight: 900;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rank em,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-title small,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-position {
  color: var(--canonical-muted);
  font-size: 9px;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-title strong {
  font-size: 15px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-value {
  text-align: right;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-next,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-controls,
#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-position {
  grid-column: 2 / -1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(120px, auto));
  gap: 8px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-controls .btv2-canonical-deck-primary {
  border-color: var(--canonical-red);
  background: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-preview {
  grid-column: 2 / -1;
  justify-self: start;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rules {
  display: grid;
  align-content: start;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--canonical-line);
  background: var(--canonical-card);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rules p {
  margin: 0;
  color: var(--canonical-body);
  font-size: 12px;
  line-height: 1.65;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rules p::before {
  content: "— ";
  color: var(--canonical-red);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: var(--canonical-line);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-nav button {
  border: 0;
  background: var(--canonical-card);
}

@media (max-width: 1100px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-grid,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .btv2-owner-command-grid,
    .btv2-finance-primary-grid,
    .btv2-canonical-manager .btv2-mobile-manager-action-deck
  ) {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-rules {
    grid-column: 1;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison > article {
    grid-template-columns: minmax(135px, 1fr) minmax(80px, .65fr) 68px minmax(90px, .75fr) 72px;
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-canonical-role-home="management"] {
    min-height: 0;
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-canonical-role-home="management"] .header-title,
  #app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-canonical-role-home="management"] .header-controls > :not(.rc2-location-control) {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-canonical-role-home="management"] .header-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .app-header[data-canonical-role-home="management"] .rc2-location-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: 0;
    color: var(--canonical-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-dashboard {
    gap: 12px;
    padding: 12px;
    border-inline: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .btv2-owner-operations-head,
    .btv2-owner-analytics-toolbar
  ) {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operations-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control .rc2-custom-dates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-period-control .rc2-custom-dates button {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .btv2-owner-commercial-section,
    .btv2-owner-operational-section
  ) {
    gap: 12px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager > .btv2-canonical-hero {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-hero h1 {
    font-size: clamp(30px, 10vw, 44px);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-operational-grid,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-kpi {
    min-height: 142px;
    padding: 18px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-panel {
    padding: 14px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-section-head {
    align-items: start;
    flex-direction: column;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison > article,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-exception-list article,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list > button,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-outcome,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-mobile-deck-progress {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison article > i,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-outcome-bar,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-next,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-controls,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-position,
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-preview {
    grid-column: 1;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison > article {
    grid-template-columns: minmax(0, 1fr) 68px 72px;
    gap: 8px;
    min-height: 0;
    padding: 9px 10px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison article > i {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-comparison .btv2-owner-site-metric:nth-of-type(3) {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-site-state {
    grid-column: 3;
    grid-row: 1;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-queue-list > button {
    justify-items: start;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-finance-case-value {
    justify-items: start;
    text-align: left;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager .btv2-mobile-manager-action-deck {
    margin: 0;
    padding: 10px;
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager .btv2-mobile-deck-safety span:nth-child(n + 3) {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager .btv2-mobile-deck-progress {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 7px;
    padding: 8px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-manager .btv2-mobile-deck-progress button {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-card {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-card[data-primary="true"] {
    padding: 12px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-value {
    text-align: right;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] :is(
    .btv2-canonical-deck-next,
    .btv2-canonical-deck-controls,
    .btv2-canonical-deck-position,
    .btv2-canonical-deck-preview
  ) {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-controls .btv2-canonical-deck-primary {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-deck-nav {
    position: sticky;
    z-index: 3;
    bottom: 0;
  }
}

@media (max-width: 390px) {
  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-canonical-dashboard {
    padding-inline: 10px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .btv2-owner-movement-chart {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

/* RC2 bounded responsive structure: compact facilities, shared member search and mobile directory cards */
.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-compact {
  align-content: start;
  gap: 10px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-status-line {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-status-line > i {
  background: #8b8b8b;
  border: 1px solid #b9b9b9;
  display: block;
  flex: 0 0 auto;
  height: 9px;
  width: 9px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-status-line[data-facility-state="online"] > i {
  background: #ffffff;
  border-color: #ffffff;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-status-line[data-facility-state="offline"] > i {
  background: var(--btv2-cc-red);
  border-color: var(--btv2-cc-red);
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-status-line > strong {
  font-size: clamp(17px, 2vw, 23px);
  line-height: 1.05;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-review-badge {
  border: 1px solid var(--btv2-cc-border);
  color: var(--btv2-cc-muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.06em;
  padding: 3px 6px;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-timestamp {
  line-height: 1.45;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-disclosure {
  border-top: 1px solid var(--btv2-cc-hairline);
  display: block;
  min-width: 0;
  padding-top: 2px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-disclosure > summary {
  align-items: center;
  color: var(--btv2-cc-text);
  cursor: pointer;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  justify-content: space-between;
  letter-spacing: 0.07em;
  min-height: 44px;
  padding: 8px 0;
  text-transform: uppercase;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-disclosure > summary::after {
  color: var(--btv2-cc-red);
  content: "+";
  font-size: 18px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-disclosure[open] > summary::after {
  content: "−";
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-disclosure > summary:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-facility-disclosure[open] {
  display: grid;
  gap: 10px;
}

.btv2-command-centre.btv2-executive-command-dashboard .btv2-vending-stock-table {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

#app.btv2-shell-active .btv2-member-search-control {
  align-items: end;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
  width: 100%;
}

#app.btv2-shell-active form > .btv2-member-search-control {
  grid-column: 1 / -1;
}

#app.btv2-shell-active .btv2-member-search-field {
  color: #a4a4a4;
  display: grid;
  font-size: 10px;
  font-weight: 850;
  gap: 6px;
  letter-spacing: 0.055em;
  min-width: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active .btv2-member-search-control :is(input, button) {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  min-height: 46px;
}

#app.btv2-shell-active .btv2-member-search-control input {
  background: #050505;
  border: 1px solid #4a4a4a;
  color: #ffffff;
  font-size: 14px;
  min-width: 0;
  padding: 10px 12px;
  width: 100%;
}

#app.btv2-shell-active .btv2-member-search-control input::placeholder {
  color: #8d8d8d;
  opacity: 1;
  text-overflow: ellipsis;
}

#app.btv2-shell-active .btv2-member-search-control input::-webkit-search-cancel-button {
  filter: grayscale(1);
}

#app.btv2-shell-active .btv2-member-search-control button {
  background: var(--signal-red);
  border: 1px solid var(--signal-red);
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.05em;
  min-width: 120px;
  padding: 10px 18px;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-shell-active .btv2-member-search-control :is(input, button):focus-visible {
  border-color: #ffffff;
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

#app.btv2-shell-active .btv2-member-search-control button:disabled {
  background: #242424;
  border-color: #444444;
  color: #a0a0a0;
  cursor: wait;
  opacity: 1;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-summary {
  align-items: baseline;
  display: grid;
  gap: 5px 14px;
  grid-template-columns: auto minmax(0, 1fr);
  margin-bottom: 10px;
  min-width: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .btv2-member-watchlist-command .btv2-members-command-grid {
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-summary > strong {
  color: var(--btv2-staff-text);
  font-size: 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-summary > span {
  color: var(--btv2-staff-body);
  font-size: 11px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-summary > small {
  color: var(--btv2-staff-muted);
  grid-column: 1 / -1;
  line-height: 1.45;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-row {
  grid-template-columns:
    minmax(190px, 1.6fr) minmax(125px, 1fr) minmax(100px, 0.8fr)
    minmax(130px, 1fr) minmax(90px, 0.75fr) minmax(90px, 0.75fr)
    minmax(120px, 1fr) minmax(219px, 1.3fr);
  min-width: 1080px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-row > *,
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-identity :is(strong, small),
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-dates :is(strong, small),
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-flags {
  overflow-wrap: break-word;
  word-break: normal;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-flags {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-actions {
  grid-template-columns: repeat(2, minmax(96px, 1fr));
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table .rc2-member-directory-actions button {
  min-height: 44px;
  white-space: nowrap;
}

#app.btv2-shell-active .rc2-member-card-list {
  display: none;
}

@media (max-width: 760px) {
  .btv2-command-centre.btv2-executive-command-dashboard .btv2-dashboard-movement-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-cc-trend-plot {
    gap: 4px;
    grid-auto-columns: minmax(0, 1fr);
    overflow-x: hidden;
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-cc-trend-point {
    min-width: 0;
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-cc-distribution-track {
    gap: 0;
  }

  .btv2-command-centre.btv2-executive-command-dashboard .btv2-vending-summary-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #app.btv2-shell-active .btv2-member-search-control {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active .btv2-member-search-control input {
    font-size: 16px;
  }

  #app.btv2-shell-active .btv2-member-search-control button {
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-summary > small {
    grid-column: auto;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-directory-table {
    display: none;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-list {
    display: grid;
    gap: 10px;
    min-width: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card {
    background: var(--btv2-staff-card);
    border: 1px solid var(--btv2-staff-line);
    color: var(--btv2-staff-text);
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 14px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card > header {
    align-items: center;
    display: grid;
    gap: 9px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-select {
    align-self: center;
    border: 0;
    min-height: 0;
    padding: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-profile {
    -webkit-appearance: none;
    appearance: none;
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--btv2-staff-text);
    display: grid;
    gap: 9px;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 44px;
    min-width: 0;
    padding: 0;
    text-align: left;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-profile > i {
    align-items: center;
    background: #090909;
    border: 1px solid #444444;
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 34px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-profile > span {
    display: grid;
    gap: 3px;
    min-width: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card :is(strong, small, dt, dd) {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-profile small,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card dt {
    color: var(--btv2-staff-muted);
    font-size: 10px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card > dl,
  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-details dl {
    display: grid;
    gap: 0;
    margin: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card dl > div {
    align-items: baseline;
    border-top: 1px solid var(--btv2-staff-line-soft);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(88px, 0.7fr) minmax(0, 1.3fr);
    padding: 9px 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card :is(dt, dd) {
    margin: 0;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card dd {
    text-align: right;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-details {
    border-top: 1px solid var(--btv2-staff-line);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-details > summary {
    align-items: center;
    color: var(--btv2-staff-text);
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 900;
    justify-content: space-between;
    letter-spacing: 0.06em;
    min-height: 44px;
    text-transform: uppercase;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-details > summary::after {
    color: var(--signal-red-on-dark);
    content: "+";
    font-size: 18px;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-details[open] > summary::after {
    content: "−";
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-actions button {
    -webkit-appearance: none;
    appearance: none;
    background: #111111;
    border: 1px solid #464646;
    border-radius: 0;
    color: #ffffff;
    font-weight: 850;
    min-height: 46px;
    padding: 9px 12px;
    width: 100%;
  }

  #app.btv2-shell-active[data-btv2-mode="staff"] .rc2-member-card-actions button:first-child {
    border-color: var(--signal-red);
    color: var(--signal-red-on-dark);
  }
}

/* Checkpoint 4 read-only integration and import health */
#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-operational-detail {
  color: var(--btv2-staff-muted);
  font-size: 11px;
  line-height: 1.45;
  margin: 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-gates {
  border-top: 1px solid var(--btv2-staff-line-soft);
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-gates > summary {
  color: var(--btv2-staff-text);
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  padding: 9px 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-grid footer > span {
  align-items: center;
  color: var(--btv2-staff-muted);
  display: inline-flex;
  font-size: 10px;
  line-height: 1.25;
  padding: 5px 2px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor-gates {
  display: grid;
  gap: 0;
  margin: 0 0 14px;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor-gates > div {
  border-top: 1px solid var(--btv2-staff-line-soft);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr);
  padding: 8px 0;
}

#app.btv2-shell-active[data-btv2-mode="staff"] .rc2-provider-editor-gates :is(dt, dd) {
  color: var(--btv2-staff-muted);
  font-size: 11px;
  margin: 0;
}

.rc2-import-health {
  background: #0d0d0d;
  border: 1px solid #333333;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

.rc2-import-health > p,
.rc2-import-health > footer {
  color: #a9a9a9;
  font-size: 11px;
  line-height: 1.45;
  margin: 0;
}

.rc2-import-health-list {
  display: grid;
  gap: 10px;
}

.rc2-import-health-list > article {
  border: 1px solid #2d2d2d;
  min-width: 0;
  padding: 12px;
}

.rc2-import-health-list > article > header {
  align-items: baseline;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 8px;
}

.rc2-import-health-list > article > header > span {
  color: #b9b9b9;
  font-size: 11px;
}

.rc2-import-health-list dl {
  display: grid;
  gap: 0 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

.rc2-import-health-list dl > div {
  border-top: 1px solid #242424;
  min-width: 0;
  padding: 7px 0;
}

.rc2-import-health-list :is(dt, dd) {
  font-size: 11px;
  margin: 0;
}

.rc2-import-health-list dt {
  color: #8f8f8f;
  margin-bottom: 3px;
}

.rc2-import-health-list dd {
  color: #f3f3f3;
  overflow-wrap: anywhere;
}

.rc2-import-health-list .rc2-import-health-checksum {
  grid-column: span 2;
}

.rc2-import-health-list code {
  color: inherit;
  font: inherit;
  word-break: break-all;
}

@media (max-width: 980px) {
  .rc2-import-health-list dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .rc2-import-health-list dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .rc2-import-health-list .rc2-import-health-checksum {
    grid-column: auto;
  }
}
/* End Checkpoint 4 read-only integration and import health */

/* Kimi V1 integration gate: keep KPI labels and their context tags in separate
   grid cells so long labels cannot collide at the 1440px review viewport. */
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi:has(> .k3-kpi-tag) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi:has(> .k3-kpi-tag) > i,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi:has(> .k3-kpi-tag) > strong,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi:has(> .k3-kpi-tag) > .btv2-canonical-kpi-state,
#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi:has(> .k3-kpi-tag) > small {
  grid-column: 1 / -1;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi:has(> .k3-kpi-tag) > span {
  grid-column: 1;
  min-width: 0;
}

#app.btv2-shell-active.btv2-k3[data-btv2-mode] .btv2-canonical-kpi > .k3-kpi-tag {
  align-self: end;
  grid-column: 2;
  grid-row: 2;
  margin: 8px 0 0 10px;
  position: static;
}

/* Three-column mobile mini-stats leave too little usable text width for scoped
   location names. Two columns, with an odd final card spanning the row, keep
   values word-safe without increasing page width. */
@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .hero-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .hero-mini-grid > .mini-stat:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active.btv2-k3[data-btv2-mode] .mini-stat strong {
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* Public presale root: independent of the authenticated V11.1 shell layer. */
#app.deeside-presale-root {
  display: block;
  width: 100%;
  min-height: 100vh;
  padding: 0;
  color: #252322;
  background: #f7f4f1;
}

/* ==========================================================================
   Body Tech CRM V11.1 Phase 1
   Authoritative source: corrected V11.1 prototype + primary screenshots.
   This layer owns the five-area shell, Owner Dashboard and explicitly scoped
   convergence workspaces. Other page interiors retain their accepted renderers.
   ========================================================================== */

#app.btv2-v111-shell {
  --v111-bg: #0a0b0e;
  --v111-panel: #121419;
  --v111-panel-2: #121419;
  --v111-surface: #171a21;
  --v111-float: #1e222b;
  --v111-red: var(--action-primary);
  --v111-red-bright: color-mix(in srgb, var(--v111-red) 82%, white);
  --v111-brand-mark-shadow: 0 8px 20px -8px color-mix(in srgb, var(--v111-red) 55%, transparent);
  --v111-state-alert-background: color-mix(in srgb, var(--v111-red) 7%, transparent);
  --v111-state-alert-border: color-mix(in srgb, var(--v111-red) 45%, transparent);
  --v111-negative-tone-background: color-mix(in srgb, var(--v111-red) 10%, transparent);
  --v111-member-endings-gradient: linear-gradient(180deg, #f01a35, #c70d26);
  --v111-action-chip-border: rgba(232, 17, 45, 0.55);
  --v111-payment-queue-hover-background: rgba(232, 17, 45, 0.045);
  --v111-payment-queue-hover-border: rgba(232, 17, 45, 0.38);
  --v111-payment-boundary-background: rgba(232, 17, 45, 0.035);
  --v111-payment-boundary-border: rgba(232, 17, 45, 0.22);
  --v111-cancellation-save-border: rgba(232, 17, 45, 0.36);
  --v111-cancellation-primary-background: linear-gradient(180deg, #ef1734, #b80e24);
  --v111-cancellation-primary-border: rgba(255, 85, 107, 0.45);
  --v111-teal: #4cc9a4;
  --v111-amber: #d6a256;
  --v111-text: #f1f3f6;
  --v111-zinc-100: #f1f3f6;
  --v111-zinc-200: #dfe2e8;
  --v111-zinc-300: #b6bbc6;
  --v111-zinc-400: #b6bbc6;
  --v111-zinc-500: #808694;
  --v111-zinc-600: #808694;
  --v111-hairline: rgba(255, 255, 255, 0.055);
  --v111-divider: rgba(255, 255, 255, 0.055);
  --v111-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --v111-body: "Inter", system-ui, sans-serif;
  --v111-mono: "Inter", system-ui, sans-serif;
  background: var(--v111-bg);
  color: var(--v111-text);
  display: block;
  min-height: 100vh;
  overflow-x: clip;
}

#app.btv2-v111-shell :is(button, input, select, textarea, a):focus-visible {
  outline: 2px solid var(--v111-red);
  outline-offset: 1px;
}

#app.btv2-v111-shell > .main {
  background: var(--v111-bg);
  margin-left: 216px;
  min-height: 100vh;
  overflow-x: clip;
  padding: 0;
  width: auto;
}

#app.btv2-v111-shell > .sidebar {
  background: #08080b;
  border: 0;
  border-right: 1px solid var(--v111-divider);
  bottom: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  transform: none;
  width: 216px;
  z-index: 60;
}

#app.btv2-v111-shell > .sidebar .btv2-sidebar-topbar {
  align-items: center;
  display: flex;
  min-height: 78px;
  padding: 20px;
}

#app.btv2-v111-shell > .sidebar .brand-block {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

#app.btv2-v111-shell > .sidebar .brand-mark {
  align-items: center;
  background: var(--v111-red);
  border: 0;
  border-radius: 0;
  box-shadow: var(--v111-brand-mark-shadow);
  color: white;
  display: flex;
  flex: 0 0 36px;
  font-family: var(--v111-display);
  font-size: 18px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 1;
  width: 36px;
}

#app.btv2-v111-shell > .sidebar .brand-block > div:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

#app.btv2-v111-shell > .sidebar .brand-block strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 0.95;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-shell > .sidebar .brand-block span {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.16em;
  line-height: 1;
  margin-top: 5px;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-shell > .sidebar .btv2-desktop-nav-toggle {
  display: none;
}

#app.btv2-v111-shell > .sidebar .btv2-mobile-nav-toggle {
  display: none;
}

#app.btv2-v111-shell > .sidebar nav {
  display: block;
  flex: 1 1 auto;
  overflow: visible;
  padding: 0 8px 18px;
}

#app.btv2-v111-shell > .sidebar .v111-nav-caption {
  color: var(--v111-zinc-600);
  display: block;
  font-family: var(--v111-mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  padding: 5px 12px 10px;
  text-transform: uppercase;
}

#app.btv2-v111-shell > .sidebar .rc2-nav-group {
  display: contents;
}

#app.btv2-v111-shell > .sidebar .v111-nav-item {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--v111-zinc-500);
  display: flex;
  font-family: var(--v111-body);
  font-size: 14px;
  font-weight: 400;
  gap: 12px;
  min-height: 42px;
  padding: 10px 12px;
  position: relative;
  text-align: left;
  text-transform: none;
  width: 100%;
}

#app.btv2-v111-shell > .sidebar .v111-nav-item:hover {
  background: rgba(255, 255, 255, 0.03);
  color: var(--v111-zinc-200);
}

#app.btv2-v111-shell > .sidebar .v111-nav-item.active {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: white;
  font-weight: 600;
}

#app.btv2-v111-shell > .sidebar .v111-nav-item.active::before {
  background: var(--v111-red);
  border-radius: 0 2px 2px 0;
  content: "";
  height: 60%;
  left: 0;
  position: absolute;
  top: 20%;
  width: 3px;
}

#app.btv2-v111-shell .v111-icon {
  display: block;
  height: 17px;
  width: 17px;
}

#app.btv2-v111-shell .v111-nav-icon {
  color: var(--v111-zinc-600);
  display: flex;
  flex: 0 0 17px;
}

#app.btv2-v111-shell .v111-nav-item.active .v111-nav-icon {
  color: white;
}

/* Owner Dashboard frame */
#app.btv2-v111-owner > .main {
  font-family: var(--v111-body);
}

#app.btv2-v111-owner .v111-owner-dashboard {
  background: var(--v111-bg);
  box-sizing: border-box;
  color: var(--v111-text);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  max-width: none;
  min-width: 0;
  padding: 20px 32px 40px;
  width: 100%;
}

#app.btv2-v111-owner .v111-owner-dashboard :is(section, article, div, p, span, button, label) {
  box-sizing: border-box;
  min-width: 0;
}

#app.btv2-v111-owner .v111-owner-dashboard button,
#app.btv2-v111-owner .v111-owner-dashboard select,
#app.btv2-v111-owner .v111-owner-dashboard input {
  border-radius: 8px;
}

#app.btv2-v111-owner .v111-page-head {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
}

#app.btv2-v111-owner .btv2-owner-operations-head {
  align-items: end;
  display: flex;
  justify-content: space-between;
}

#app.btv2-v111-owner .v111-breadcrumb {
  color: var(--v111-red);
  display: block;
  font-family: var(--v111-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .btv2-owner-operations-head h1 {
  color: white;
  display: inline;
  font-family: var(--v111-display);
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 0.95;
  margin: 7px 0 0;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-page-strap {
  color: var(--v111-zinc-500);
  display: inline;
  font-size: 12.5px;
  margin: 0 0 0 12px;
}

#app.btv2-v111-owner .v111-head-controls {
  align-items: stretch;
  display: flex;
  gap: 8px;
  width: 100%;
}

#app.btv2-v111-owner .v111-head-controls > .rc2-location-control {
  display: block;
  flex: 0 0 155px;
  font-size: 0;
  margin: 0;
}

#app.btv2-v111-owner .v111-head-controls select,
#app.btv2-v111-owner .v111-head-controls input,
#app.btv2-v111-owner .v111-head-controls button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065);
  color: var(--v111-zinc-200);
  height: 40px;
}

#app.btv2-v111-owner .v111-head-controls select {
  appearance: none;
  font-family: var(--v111-body);
  font-size: 12.5px;
  font-weight: 600;
  padding: 0 32px 0 12px;
  width: 100%;
}

#app.btv2-v111-owner .v111-head-search {
  display: flex;
  flex: 1 1 360px;
  gap: 8px;
  margin: 0;
  max-width: 450px;
  min-width: 220px;
}

#app.btv2-v111-owner .v111-head-search label {
  flex: 1 1 auto;
  font-size: 0;
  position: relative;
}

#app.btv2-v111-owner .v111-head-search label > .v111-icon {
  color: var(--v111-zinc-500);
  height: 15px;
  left: 12px;
  pointer-events: none;
  position: absolute;
  top: 13px;
  width: 15px;
  z-index: 1;
}

#app.btv2-v111-owner .v111-head-search input {
  color: white;
  font-family: var(--v111-body);
  font-size: 12.5px;
  padding: 0 12px 0 36px;
  width: 100%;
}

#app.btv2-v111-owner .v111-head-search input::placeholder {
  color: var(--v111-zinc-600);
}

#app.btv2-v111-owner .v111-head-search > button,
#app.btv2-v111-owner .v111-more-search-submit {
  flex: 0 0 auto;
  font-family: var(--v111-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  padding: 0 16px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-head-period {
  flex: 0 0 168px;
}

#app.btv2-v111-owner .btv2-owner-period-control > label {
  display: block;
  font-size: 0;
}

#app.btv2-v111-owner .btv2-owner-period-control .rc2-custom-dates {
  background: var(--v111-float);
  border: 1px solid var(--v111-hairline);
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  margin-top: 6px;
  padding: 10px;
  position: absolute;
  z-index: 70;
}

#app.btv2-v111-owner .v111-head-account {
  margin-left: auto;
}

#app.btv2-v111-owner .v111-head-account .rc2-account-menu > button {
  min-width: 140px;
  padding: 0 14px;
}

#app.btv2-v111-owner .rc2-account-menu > button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.2;
}

#app.btv2-v111-owner .rc2-account-menu > button span {
  color: var(--v111-zinc-100, #f4f4f5);
  font-family: var(--v111-body);
  font-size: 11.5px;
  font-weight: 500;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-v111-owner .rc2-account-menu > button strong {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-head-more {
  display: none;
  position: relative;
}

#app.btv2-v111-owner .v111-more-toggle {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 0 11px;
}

#app.btv2-v111-owner .v111-more-scrim,
#app.btv2-v111-owner .v111-more-sheet {
  display: none;
}

#app.btv2-v111-owner .v111-head-more[data-k3-more-open="true"] .v111-more-scrim {
  background: rgba(0, 0, 0, 0.6);
  display: block;
  inset: 0;
  position: fixed;
  z-index: 78;
}

#app.btv2-v111-owner .v111-head-more[data-k3-more-open="true"] .v111-more-sheet {
  background: var(--v111-float);
  border: 1px solid var(--v111-hairline);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075), 0 32px 72px -16px rgba(0, 0, 0, 0.85);
  display: grid;
  gap: 12px;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 46px;
  width: 300px;
  z-index: 79;
}

#app.btv2-v111-owner .v111-state-banner {
  background: var(--v111-state-alert-background);
  border: 1px solid var(--v111-state-alert-border);
  border-radius: 8px;
  display: flex;
  gap: 12px;
  order: -1;
  padding: 10px 14px;
}

#app.btv2-v111-owner .v111-state-banner strong {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-state-banner p {
  color: var(--v111-zinc-300);
  font-size: 12px;
  margin: 0;
}

/* Shared V11.1 labels and panels */
#app.btv2-v111-owner .v111-section-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 18px;
}

#app.btv2-v111-owner .v111-section-label {
  align-items: center;
  display: flex;
  gap: 9px;
  min-width: 0;
}

#app.btv2-v111-owner .v111-section-label > i {
  background: var(--v111-red);
  flex: 0 0 16px;
  height: 3px;
  width: 16px;
}

#app.btv2-v111-owner .v111-section-label :is(span, strong, h2) {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.35;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-section-head > small,
#app.btv2-v111-owner .v111-panel-head > small {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-panel,
#app.btv2-v111-owner .v111-kpi,
#app.btv2-v111-owner .v111-op-tile {
  background: var(--v111-panel);
  border: 0;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 40px -24px rgba(0, 0, 0, 0.85);
}

#app.btv2-v111-owner .v111-panel {
  min-height: 0;
  padding: 16px;
}

#app.btv2-v111-owner .v111-panel-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 14px;
}

#app.btv2-v111-owner .v111-panel-tags,
#app.btv2-v111-owner .v111-panel-actions,
#app.btv2-v111-owner .v111-kpi-tags {
  align-items: center;
  display: flex;
  gap: 7px;
  justify-content: flex-end;
  min-width: 0;
}

#app.btv2-v111-owner .v111-panel-tags {
  max-width: 58%;
}

#app.btv2-v111-owner .v111-panel-tags > small {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-demo-data-badge {
  align-items: center;
  background: rgba(201, 143, 61, 0.11);
  border: 1px solid rgba(201, 143, 61, 0.52);
  border-radius: 999px;
  color: #e0ad68;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--v111-mono);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  height: 18px;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 0 7px;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-demo-data-badge::before {
  background: currentColor;
  border-radius: 1px;
  content: "";
  height: 4px;
  opacity: 0.88;
  transform: rotate(45deg);
  width: 4px;
}

/* Compact Operational Status */
#app.btv2-v111-owner .v111-operational {
  display: grid;
  gap: 8px;
}

#app.btv2-v111-owner .v111-operational-actions {
  display: flex;
  gap: 8px;
}

#app.btv2-v111-owner .v111-action {
  align-items: center;
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065);
  color: var(--v111-zinc-100, #f4f4f5);
  display: flex;
  font-family: var(--v111-mono);
  font-size: 10px;
  font-weight: 600;
  gap: 7px;
  height: 32px;
  letter-spacing: 0.1em;
  padding: 0 13px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-action--primary {
  background: var(--v111-red);
  border-color: var(--v111-red);
  color: white;
}

#app.btv2-v111-owner .v111-action .v111-icon {
  height: 13px;
  width: 13px;
}

#app.btv2-v111-owner .v111-operational-actions--mobile {
  display: none;
}

#app.btv2-v111-owner .v111-operational-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1.55fr) repeat(4, minmax(0, 1fr));
}

#app.btv2-v111-owner .v111-op-tile {
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 92px;
  min-width: 0;
  padding: 12px 14px 10px;
  position: relative;
  text-align: left;
}

#app.btv2-v111-owner button.v111-op-tile {
  border: 0;
  width: 100%;
}

#app.btv2-v111-owner .v111-op-tile > i,
#app.btv2-v111-owner .v111-op-hero-value > i {
  background: rgba(255, 255, 255, 0.25);
  display: block;
  flex: 0 0 3px;
  height: 3px;
  width: 16px;
}

#app.btv2-v111-owner .v111-op-tile--urgent > i {
  background: var(--v111-red);
}

#app.btv2-v111-owner .v111-op-tile > span,
#app.btv2-v111-owner .v111-op-hero-value > span {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-op-tile > .v111-demo-data-badge {
  margin: 0;
  overflow: visible;
  position: absolute;
  right: 9px;
  text-overflow: clip;
  top: 9px;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-op-tile > strong,
#app.btv2-v111-owner .v111-op-hero-value > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 27px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.95;
  margin-top: 7px;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-op-tile--urgent > strong {
  color: var(--v111-red);
}

#app.btv2-v111-owner .v111-op-tile > small {
  color: var(--v111-zinc-400);
  font-family: var(--v111-body);
  font-size: 10.5px;
  line-height: 1.2;
  margin-top: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-op-tile > strong.is-live {
  align-items: center;
  display: flex;
  gap: 7px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-op-tile > strong.is-live > i {
  background: white;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.07);
  height: 8px;
  width: 8px;
}

#app.btv2-v111-owner .v111-op-hero {
  align-items: center;
  background:
    radial-gradient(140% 120% at 0% 0%, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(180deg, #1c1c24 0%, #13131a 55%, #101016 100%);
  display: flex;
  flex-direction: row;
  gap: 14px;
  overflow: hidden;
}

#app.btv2-v111-owner .v111-op-hero-value {
  flex: 0 0 auto;
  min-width: 105px;
}

/* Ordinary operational evidence needs the accepted three-site totals visible
   without changing the proof/design fixture card. */
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero.v111-op-hero--operational-evidence {
  align-items: stretch;
  flex-direction: column;
  gap: 4px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero--operational-evidence .v111-op-hero-value {
  align-items: center;
  display: flex;
  min-width: 0;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero--operational-evidence .v111-op-hero-value > i {
  margin-right: 8px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero--operational-evidence .v111-op-hero-value > span {
  margin-top: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero--operational-evidence .v111-op-hero-value > strong {
  margin-left: auto;
  margin-top: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero--operational-evidence .v111-op-hero-meta {
  align-items: flex-start;
  border-left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  flex-direction: column;
  gap: 1px;
  padding-left: 0;
  padding-top: 4px;
  text-align: left;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero--operational-evidence .v111-op-hero-meta > span {
  background: transparent;
  flex: 1 1 auto;
  padding: 0;
  white-space: normal;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero--operational-evidence .v111-op-hero-meta > em {
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  white-space: normal;
}

#app.btv2-v111-owner .v111-op-hero-value > i {
  background: rgba(255, 255, 255, 0.85);
  width: 24px;
}

#app.btv2-v111-owner .v111-op-hero-value > strong {
  font-size: 38px;
}

#app.btv2-v111-owner .v111-op-hero-meta {
  align-items: flex-end;
  border-left: 1px solid rgba(255, 255, 255, 0.09);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
  padding-left: 14px;
  text-align: right;
}

#app.btv2-v111-owner .v111-op-hero-meta > span {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: var(--v111-zinc-200);
  font-family: var(--v111-mono);
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 3px 8px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-op-hero-meta :is(b, em, small) {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.07em;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-op-hero-meta > b {
  color: var(--v111-zinc-300);
}

#app.btv2-v111-owner .v111-op-hero-meta > em {
  align-items: center;
  display: flex;
  gap: 6px;
}

#app.btv2-v111-owner .v111-op-hero-meta > em > span {
  display: flex;
  gap: 3px;
}

#app.btv2-v111-owner .v111-op-hero-meta > em i {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1px;
  height: 5px;
  width: 5px;
}

#app.btv2-v111-owner .v111-op-hero-meta > em i.on {
  background: rgba(255, 255, 255, 0.65);
}

/* Commercial cards */
#app.btv2-v111-owner .v111-commercial-section {
  display: grid;
  gap: 8px;
}

#app.btv2-v111-owner .v111-kpi-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#app.btv2-v111-owner .v111-kpi {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  min-height: 120px;
  padding: 16px;
  position: relative;
}

#app.btv2-v111-owner .v111-kpi > i {
  align-self: center;
  background: var(--v111-red);
  grid-column: 1;
  height: 3px;
  width: 16px;
}

#app.btv2-v111-owner .v111-kpi > span {
  align-self: center;
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 9.5px;
  font-weight: 600;
  grid-column: 2;
  letter-spacing: 0.14em;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-kpi-tags {
  grid-column: 1 / -1;
  margin-top: 4px;
}

#app.btv2-v111-owner .v111-kpi-tags > .v111-kpi-tag {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 8px;
  font-style: normal;
  letter-spacing: 0.09em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-kpi > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: clamp(30px, 2.4vw, 40px);
  font-weight: 700;
  grid-column: 1 / -1;
  letter-spacing: -0.02em;
  line-height: 0.95;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-kpi[data-alert="true"] > strong {
  color: var(--v111-red);
}

#app.btv2-v111-owner .v111-kpi > small {
  color: var(--v111-zinc-400);
  display: -webkit-box;
  font-family: var(--v111-body);
  font-size: 11.5px;
  grid-column: 1 / -1;
  line-height: 1.45;
  margin-top: 7px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#app.btv2-v111-owner .v111-kpi .btv2-canonical-kpi-state {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-style: normal;
  grid-column: 1 / -1;
  letter-spacing: 0.1em;
  margin-top: 5px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-field-preview-lead {
  display: grid;
  gap: 7px;
  grid-column: 1 / -1;
  margin-top: 9px;
}

#app.btv2-v111-owner .v111-field-preview-lead-trend {
  align-items: end;
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  height: 30px;
}

#app.btv2-v111-owner .v111-field-preview-lead-trend > i {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.28));
  border-radius: 2px 2px 0 0;
  display: block;
  height: var(--v111-lead);
  min-height: 4px;
}

#app.btv2-v111-owner .v111-field-preview-lead-sources {
  display: grid;
  gap: 4px 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-v111-owner .v111-field-preview-lead-sources > span {
  color: var(--v111-zinc-500);
  display: flex;
  font-family: var(--v111-mono);
  font-size: 7.5px;
  justify-content: space-between;
  min-width: 0;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-field-preview-lead-sources b {
  color: var(--v111-zinc-400);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-field-preview-lead-sources em {
  color: var(--v111-zinc-200);
  font-style: normal;
  margin-left: 4px;
}

/* Member Composition & Demand */
#app.btv2-v111-owner .v111-composition {
  display: grid;
  gap: 8px;
}

#app.btv2-v111-owner .v111-composition-grid {
  display: grid;
  gap: 8px;
}

#app.btv2-v111-owner .v111-composition-grid--primary {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
}

#app.btv2-v111-owner .v111-composition-grid--secondary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-v111-owner .v111-composition-grid--primary > .v111-panel {
  min-height: 390px;
}

#app.btv2-v111-owner .v111-composition-grid--secondary > .v111-panel {
  min-height: 310px;
}

#app.btv2-v111-owner .v111-coverage-chip {
  background: rgba(201, 143, 61, 0.07);
  border: 1px solid rgba(201, 143, 61, 0.4);
  color: #d9a95c;
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  line-height: 1.55;
  margin-bottom: 12px;
  padding: 6px 10px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-gender-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#app.btv2-v111-owner .v111-donut {
  align-self: center;
  height: 168px;
  width: 168px;
}

#app.btv2-v111-owner .v111-donut-value {
  fill: white;
  font-family: var(--v111-display);
  font-size: 24px;
  font-weight: 700;
}

#app.btv2-v111-owner .v111-donut-caption {
  fill: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 7px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-gender-legend {
  list-style: none;
  margin: 0;
  padding: 0;
}

#app.btv2-v111-owner .v111-gender-legend li {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  gap: 9px;
  grid-template-columns: 11px minmax(0, 1fr) auto 44px;
  padding: 7px 0;
}

#app.btv2-v111-owner .v111-gender-legend li > i {
  border-radius: 3px;
  height: 10px;
  width: 10px;
}

#app.btv2-v111-owner .v111-gender-legend li > span {
  color: var(--v111-zinc-200);
  font-size: 12px;
}

#app.btv2-v111-owner .v111-gender-legend li > b,
#app.btv2-v111-owner .v111-gender-legend li > em {
  font-family: var(--v111-mono);
  font-size: 10px;
  font-style: normal;
}

#app.btv2-v111-owner .v111-gender-legend li > b {
  color: white;
}

#app.btv2-v111-owner .v111-gender-legend li > em {
  color: var(--v111-zinc-400);
  text-align: right;
}

#app.btv2-v111-owner .v111-age-bars {
  display: grid;
  gap: 9px;
}

#app.btv2-v111-owner .v111-age-row {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 54px minmax(0, 1fr) 48px 40px;
}

#app.btv2-v111-owner .v111-age-row > span:first-child,
#app.btv2-v111-owner .v111-age-row > b,
#app.btv2-v111-owner .v111-age-row > em {
  font-family: var(--v111-mono);
  font-size: 10px;
  font-style: normal;
}

#app.btv2-v111-owner .v111-age-row > span:first-child {
  color: var(--v111-zinc-300);
}

#app.btv2-v111-owner .v111-age-row > span:nth-child(2) {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  display: block;
  height: 12px;
  overflow: hidden;
}

#app.btv2-v111-owner .v111-age-row > span:nth-child(2) > i {
  background: rgba(255, 255, 255, 0.45);
  border-radius: 4px;
  display: block;
  height: 100%;
}

#app.btv2-v111-owner .v111-age-row > span:nth-child(2) > i[data-tone="largest"] {
  background: linear-gradient(90deg, white, rgba(255, 255, 255, 0.75));
}

#app.btv2-v111-owner .v111-age-row > span:nth-child(2) > i[data-tone="unknown"] {
  background: rgba(201, 143, 61, 0.58);
}

#app.btv2-v111-owner .v111-age-row > b {
  color: white;
  text-align: right;
}

#app.btv2-v111-owner .v111-age-row > em {
  color: var(--v111-zinc-400);
  text-align: right;
}

#app.btv2-v111-owner .v111-daypass-head {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

#app.btv2-v111-owner .v111-daypass-head label {
  font-size: 0;
}

#app.btv2-v111-owner .v111-daypass-head select {
  appearance: none;
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  color: white;
  font-family: var(--v111-body);
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  padding: 0 32px 0 12px;
  width: 158px;
}

#app.btv2-v111-owner .v111-daypass-head > span {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-chart-summary {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

#app.btv2-v111-owner .v111-chart-summary > div small {
  color: var(--v111-zinc-400);
  display: block;
  font-family: var(--v111-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-chart-summary > div strong {
  color: white;
  display: block;
  font-family: var(--v111-display);
  font-size: 38px;
  line-height: 1;
  margin-top: 5px;
}

#app.btv2-v111-owner .v111-chart-summary > b {
  background: rgba(45, 212, 191, 0.1);
  border-radius: 6px;
  color: var(--v111-teal);
  font-family: var(--v111-mono);
  font-size: 10px;
  padding: 5px 8px;
}

#app.btv2-v111-owner .v111-chart-summary > b[data-tone="negative"] {
  background: var(--v111-negative-tone-background);
  color: var(--v111-red-bright);
}

#app.btv2-v111-owner .v111-chart-summary > em {
  color: var(--v111-zinc-500);
  flex: 1 1 180px;
  font-family: var(--v111-mono);
  font-size: 8.5px;
  font-style: normal;
  letter-spacing: 0.09em;
  text-align: right;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-histogram {
  align-items: end;
  display: flex;
  gap: 3px;
  height: 92px;
  margin-top: 14px;
}

#app.btv2-v111-owner .v111-histogram > i {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 2px 2px 0 0;
  flex: 1 1 0;
  min-width: 2px;
}

#app.btv2-v111-owner .v111-histogram > i.blue {
  background: rgba(59, 130, 246, 0.72);
}

#app.btv2-v111-owner .v111-histogram > i.peak {
  background: white;
}

#app.btv2-v111-owner .v111-chart-axis {
  color: var(--v111-zinc-600);
  display: flex;
  font-family: var(--v111-mono);
  font-size: 8.5px;
  justify-content: space-between;
  letter-spacing: 0.06em;
  margin-top: 6px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-chart-axis > span:nth-child(2) {
  color: var(--v111-zinc-400);
}

#app.btv2-v111-owner .v111-mini-metrics {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
  overflow: hidden;
}

#app.btv2-v111-owner .v111-mini-metrics > div {
  background: #141419;
  min-width: 0;
  padding: 10px 12px;
}

#app.btv2-v111-owner .v111-mini-metrics > div > span,
#app.btv2-v111-owner .v111-mini-metrics > div > small {
  color: var(--v111-zinc-500);
  display: block;
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-mini-metrics > div > strong {
  color: white;
  display: block;
  font-family: var(--v111-display);
  font-size: 19px;
  line-height: 1;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-mini-metrics--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-v111-owner .v111-panel-foot {
  border-top: 1px solid var(--v111-divider);
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 8.5px;
  letter-spacing: 0.09em;
  line-height: 1.65;
  margin: 13px 0 0;
  padding-top: 10px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-panel-foot > span {
  float: right;
}

#app.btv2-v111-owner .v111-plan-mix {
  display: grid;
  gap: 10px;
}

#app.btv2-v111-owner .v111-plan-mix > div {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 112px minmax(0, 1fr) 46px 38px 58px;
}

#app.btv2-v111-owner .v111-plan-mix > div > span:first-child {
  color: var(--v111-zinc-200);
  font-size: 11.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-v111-owner .v111-plan-mix > div > span:nth-child(2) {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  height: 12px;
  overflow: hidden;
}

#app.btv2-v111-owner .v111-plan-mix > div > span:nth-child(2) i {
  background: rgba(255, 255, 255, 0.45);
  border-radius: 4px;
  display: block;
  height: 100%;
}

#app.btv2-v111-owner .v111-plan-mix > div:first-child > span:nth-child(2) i {
  background: linear-gradient(90deg, white, rgba(255, 255, 255, 0.75));
}

#app.btv2-v111-owner .v111-plan-mix :is(b, small, em) {
  font-family: var(--v111-mono);
  font-size: 10px;
  font-style: normal;
  text-align: right;
}

#app.btv2-v111-owner .v111-plan-mix b {
  color: white;
}

#app.btv2-v111-owner .v111-plan-mix em {
  color: var(--v111-zinc-400);
}

#app.btv2-v111-owner .v111-plan-mix small {
  color: var(--v111-zinc-500);
}

#app.btv2-v111-owner .v111-visits-histogram {
  height: 74px;
}

#app.btv2-v111-owner .v111-coverage-meters {
  display: grid;
  gap: 13px;
}

#app.btv2-v111-owner .v111-coverage-meters > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

#app.btv2-v111-owner .v111-coverage-meters > div > span:first-child {
  color: var(--v111-zinc-200);
  font-size: 12px;
}

#app.btv2-v111-owner .v111-coverage-meters > div > b {
  color: white;
  font-family: var(--v111-mono);
  font-size: 10.5px;
}

#app.btv2-v111-owner .v111-coverage-meters > div > span:nth-of-type(2) {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  grid-column: 1 / -1;
  height: 6px;
  margin-top: 6px;
  overflow: hidden;
}

#app.btv2-v111-owner .v111-coverage-meters > div > span:nth-of-type(2) i {
  background: linear-gradient(90deg, white, rgba(255, 255, 255, 0.7));
  border-radius: 4px;
  display: block;
  height: 100%;
}

#app.btv2-v111-owner .v111-coverage-meters > div > span:nth-of-type(2) i[data-low="true"] {
  background: rgba(201, 143, 61, 0.75);
}

#app.btv2-v111-owner .v111-coverage-meters > div > small {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 8.5px;
  grid-column: 1 / -1;
  letter-spacing: 0.08em;
  margin-top: 5px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-coverage-meters > p {
  border-top: 1px solid var(--v111-divider);
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8.5px;
  letter-spacing: 0.1em;
  margin: 0;
  padding-top: 11px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-state-block {
  border: 1px dashed rgba(255, 255, 255, 0.15);
  min-height: 170px;
  padding: 22px 16px;
}

#app.btv2-v111-owner .v111-state-block > strong {
  color: var(--v111-zinc-200);
  display: block;
  font-size: 12.5px;
}

#app.btv2-v111-owner .v111-state-block[data-state="error"] > strong {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-state-block > p {
  color: var(--v111-zinc-500);
  font-size: 11px;
  line-height: 1.55;
  margin: 8px 0 0;
}

#app.btv2-v111-owner .v111-state-block > small {
  color: var(--v111-zinc-600);
  display: block;
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  margin-top: 12px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-skeleton-stack {
  display: grid;
  gap: 12px;
  min-height: 170px;
  padding-top: 6px;
}

#app.btv2-v111-owner .v111-skeleton-stack > i {
  animation: v111-shimmer 1.1s ease-in-out infinite;
  background: #1d1d24;
  border-radius: 6px;
  height: 18px;
  width: var(--v111-skeleton-width);
}

@keyframes v111-shimmer {
  0%,
  100% { opacity: 0.45; }
  50% { opacity: 1; }
}

/* Existing functional history/control renderers, re-skinned to the locked
   V11.1 panels without changing their data or actions. */
#app.btv2-v111-owner .v111-history-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
}

#app.btv2-v111-owner .v111-history-panel {
  min-height: 300px;
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-chart-shell {
  margin-top: 0;
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-movement-chart {
  height: 190px;
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-movement-bars {
  min-height: 145px;
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-movement-bars i[data-series="starts"] {
  background: linear-gradient(180deg, white, rgba(255, 255, 255, 0.62));
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-movement-bars i[data-series="endings"] {
  background: var(--v111-member-endings-gradient);
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-churn-chart article > i {
  background: rgba(255, 255, 255, 0.05);
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-churn-chart article > i::after {
  background: rgba(255, 255, 255, 0.85);
}

#app.btv2-v111-owner .v111-history-panel .btv2-owner-churn-chart article[data-churn-risk="peak"] > i::after {
  background: var(--v111-red);
}

#app.btv2-v111-owner .v111-history-panel .v111-churn-peak-tag {
  color: var(--v111-red-bright);
  display: block;
  font-family: var(--v111-mono);
  font-size: 7.5px;
  letter-spacing: 0.08em;
  margin-top: 3px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-owner-operational-section {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.9fr);
}

#app.btv2-v111-owner .v111-owner-operational-section > .v111-location-panel {
  grid-row: span 1;
}

#app.btv2-v111-owner .v111-owner-operational-section > .v111-control-stack {
  align-content: start;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
}

#app.btv2-v111-owner .v111-owner-operational-section .btv2-canonical-section-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

#app.btv2-v111-owner .v111-owner-operational-section .btv2-canonical-section-head > div > span,
#app.btv2-v111-owner .v111-actions-panel .btv2-canonical-section-head > div > span {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 8.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-owner-operational-section .btv2-canonical-section-head h2,
#app.btv2-v111-owner .v111-actions-panel .btv2-canonical-section-head h2 {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  margin: 2px 0 0;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-owner-operational-section .btv2-canonical-section-head button,
#app.btv2-v111-owner .v111-actions-panel .btv2-canonical-section-head button,
#app.btv2-v111-owner .v111-owner-operational-section article button,
#app.btv2-v111-owner .v111-actions-panel button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  color: var(--v111-zinc-200);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1em;
  min-height: 32px;
  padding: 0 12px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-owner-operational-section .btv2-owner-decision-rows article button {
  background: var(--v111-red);
  border-color: var(--v111-red);
  color: white;
}

#app.btv2-v111-owner .v111-actions-panel {
  min-height: 0;
}

#app.btv2-v111-owner .v111-actions-panel .btv2-owner-action-list > button {
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  border-radius: 0;
  min-height: 52px;
  padding: 8px 0;
}

#app.btv2-v111-owner .v111-actions-panel .btv2-owner-action-list > button:last-child {
  border-bottom: 0;
}

#app.btv2-v111-owner .v111-actions-panel .btv2-owner-action-list > button > em {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 8px;
  color: var(--v111-zinc-100, #f4f4f5);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-style: normal;
  padding: 8px 12px;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-actions-panel .btv2-owner-action-list > button[data-hot="true"] > em {
  background: var(--v111-red);
  border-color: var(--v111-red);
}

#app.btv2-v111-owner .v111-actions-panel .v111-meta-line {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-actions-panel .v111-meta-line > b,
#app.btv2-v111-owner .v111-actions-panel .v111-action-value {
  color: var(--v111-zinc-100, #f4f4f5);
  font-family: var(--v111-mono);
  font-size: 10px;
}

#app.btv2-v111-owner .v111-actions-panel .v111-chip {
  border: 1px solid var(--v111-action-chip-border);
  border-radius: 999px;
  color: var(--v111-red-bright);
  display: inline-flex;
  font-family: var(--v111-mono);
  font-size: 7.5px;
  font-style: normal;
  letter-spacing: 0.08em;
  margin-left: 8px;
  padding: 2px 6px;
  text-transform: uppercase;
  vertical-align: 1px;
}

/* Tablet: fixed 216px sidebar, hero + genuine 2x2 support grid. */
@media (min-width: 1024px) and (max-width: 1365px) {
  #app.btv2-v111-owner .v111-owner-dashboard {
    padding: 20px 22px 36px;
  }

  #app.btv2-v111-owner .v111-head-controls {
    flex-wrap: wrap;
  }

  #app.btv2-v111-owner .v111-head-account {
    display: none;
  }

  #app.btv2-v111-owner .v111-head-more {
    display: block;
    margin-left: auto;
  }

  #app.btv2-v111-owner .v111-head-period {
    display: none;
  }

  #app.btv2-v111-owner .v111-operational-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-v111-owner .v111-op-hero {
    grid-column: 1 / -1;
    height: 100px;
  }

  #app.btv2-v111-owner .v111-op-tile:not(.v111-op-hero) {
    height: 92px;
  }

  #app.btv2-v111-owner .v111-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-v111-owner .v111-kpi-grid > .v111-kpi:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  #app.btv2-v111-owner .v111-composition-grid--primary,
  #app.btv2-v111-owner .v111-composition-grid--secondary {
    grid-template-columns: 1fr;
  }

  #app.btv2-v111-owner .v111-composition-grid .v111-panel {
    min-height: 0;
  }

  #app.btv2-v111-owner .v111-history-grid,
  #app.btv2-v111-owner .v111-owner-operational-section {
    grid-template-columns: 1fr;
  }
}

/* Mobile shell and deliberate compact dashboard */
@media (max-width: 1023px) {
  #app.btv2-v111-shell {
    display: block;
  }

  #app.btv2-v111-shell > .main {
    margin-left: 0;
    padding-top: 0;
  }

  #app.btv2-v111-shell > .sidebar {
    border: 0;
    border-bottom: 1px solid var(--v111-divider);
    bottom: auto;
    height: 82px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 90;
  }

  #app.btv2-v111-shell > .sidebar .btv2-sidebar-topbar {
    justify-content: space-between;
    min-height: 82px;
    padding: 14px 18px;
  }

  #app.btv2-v111-shell > .sidebar .brand-mark {
    flex-basis: 42px;
    height: 42px;
    width: 42px;
  }

  #app.btv2-v111-shell > .sidebar .brand-block strong {
    font-size: 24px;
  }

  #app.btv2-v111-shell > .sidebar .btv2-mobile-nav-toggle {
    align-items: center;
    background: var(--v111-surface);
    border: 1px solid var(--v111-hairline);
    border-radius: 8px;
    color: var(--v111-zinc-200);
    display: flex;
    font-family: var(--v111-mono);
    font-size: 10px;
    font-weight: 600;
    gap: 9px;
    height: 46px;
    letter-spacing: 0.14em;
    padding: 0 14px;
    text-transform: uppercase;
  }

  #app.btv2-v111-shell > .sidebar .btv2-mobile-nav-toggle > span {
    border-bottom: 1px solid currentColor;
    border-top: 1px solid currentColor;
    height: 13px;
    position: relative;
    width: 15px;
  }

  #app.btv2-v111-shell > .sidebar .btv2-mobile-nav-toggle > span::after {
    border-top: 1px solid currentColor;
    content: "";
    left: 0;
    position: absolute;
    top: 5px;
    width: 15px;
  }

  #app.btv2-v111-shell > .sidebar nav {
    background: var(--v111-float);
    border-top: 1px solid var(--v111-divider);
    box-shadow: 0 32px 72px -16px rgba(0, 0, 0, 0.9);
    display: none;
    inset: 82px 0 auto;
    max-height: calc(100vh - 82px);
    overflow-y: auto;
    padding: 18px 12px 28px;
    position: fixed;
    z-index: 95;
  }

  #app.btv2-v111-shell > .sidebar nav[data-mobile-open="true"] {
    display: block;
  }

  #app.btv2-v111-shell > .sidebar nav[data-mobile-open="true"]::before {
    background: rgba(0, 0, 0, 0.65);
    content: "";
    inset: 0;
    position: fixed;
    top: 82px;
    z-index: -1;
  }

  #app.btv2-v111-shell > .sidebar .v111-nav-caption {
    padding: 0 8px 12px;
  }

  #app.btv2-v111-shell > .sidebar .v111-nav-item {
    font-family: var(--v111-display);
    font-size: 28px;
    font-weight: 700;
    min-height: 56px;
    text-transform: uppercase;
  }

  #app.btv2-v111-shell > .sidebar .v111-nav-item.active .v111-nav-icon {
    color: var(--v111-red);
  }

  #app.btv2-v111-owner .v111-owner-dashboard {
    gap: 16px;
    padding: 20px 18px 40px;
  }

  #app.btv2-v111-owner .btv2-owner-operations-head h1 {
    display: block;
    font-size: 38px;
    margin-top: 10px;
  }

  #app.btv2-v111-owner .v111-page-strap {
    display: none;
  }

  #app.btv2-v111-owner .v111-head-controls {
    flex-wrap: nowrap;
  }

  #app.btv2-v111-owner .v111-head-controls > .rc2-location-control {
    flex-basis: 158px;
    overflow: hidden;
  }

  #app.btv2-v111-owner .v111-head-controls select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #app.btv2-v111-owner .v111-head-search {
    flex: 1 1 auto;
    min-width: 0;
  }

  #app.btv2-v111-owner .v111-head-search > button,
  #app.btv2-v111-owner .v111-head-period,
  #app.btv2-v111-owner .v111-head-account {
    display: none;
  }

  #app.btv2-v111-owner .v111-head-more {
    display: block;
    flex: 0 0 48px;
  }

  #app.btv2-v111-owner .v111-more-toggle {
    font-size: 0;
    height: 48px;
    width: 48px;
  }

  #app.btv2-v111-owner .v111-more-toggle .v111-icon {
    height: 18px;
    width: 18px;
  }

  #app.btv2-v111-owner .v111-head-more[data-k3-more-open="true"] .v111-more-sheet {
    bottom: 0;
    border-radius: 12px 12px 0 0;
    left: 0;
    position: fixed;
    right: 0;
    top: auto;
    width: 100%;
  }

  #app.btv2-v111-owner .v111-operational-head .v111-operational-actions {
    display: none;
  }

  #app.btv2-v111-owner .v111-operational-actions--mobile {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 10px;
  }

  #app.btv2-v111-owner .v111-operational-actions--mobile .v111-action {
    height: 48px;
    justify-content: center;
  }

  #app.btv2-v111-owner .v111-operational-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-v111-owner .v111-op-hero {
    grid-column: 1 / -1;
    height: 120px;
  }

  #app.btv2-v111-owner .v111-op-tile {
    height: 110px;
  }

  #app.btv2-v111-owner .v111-op-tile:last-child {
    grid-column: 1 / -1;
  }

  #app.btv2-v111-owner .v111-op-hero-value {
    min-width: 145px;
  }

  #app.btv2-v111-owner .v111-op-hero-value > strong {
    font-size: 42px;
  }

  #app.btv2-v111-owner .v111-section-label :is(span, strong, h2) {
    font-size: 9px;
    letter-spacing: 0.1em;
  }

  #app.btv2-v111-owner .v111-section-head > small,
  #app.btv2-v111-owner .v111-panel-head > small {
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #app.btv2-v111-owner .v111-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-v111-owner .v111-kpi {
    min-height: 160px;
  }

  #app.btv2-v111-owner .v111-kpi > strong {
    font-size: 38px;
    white-space: normal;
  }

  #app.btv2-v111-owner .v111-kpi-grid > .v111-kpi:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    min-height: 130px;
  }

  #app.btv2-v111-owner .v111-composition-grid--primary,
  #app.btv2-v111-owner .v111-composition-grid--secondary {
    grid-template-columns: 1fr;
  }

  #app.btv2-v111-owner .v111-composition-grid .v111-panel {
    min-height: 0;
    padding: 18px;
  }

  #app.btv2-v111-owner .v111-donut {
    height: 190px;
    width: 190px;
  }

  #app.btv2-v111-owner .v111-mini-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-v111-owner .v111-mini-metrics--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #app.btv2-v111-owner .v111-plan-mix > div {
    grid-template-columns: minmax(88px, 1.2fr) minmax(72px, 1fr) 46px 36px 58px;
  }

  #app.btv2-v111-owner .v111-history-grid,
  #app.btv2-v111-owner .v111-owner-operational-section {
    grid-template-columns: 1fr;
  }

  #app.btv2-v111-owner .v111-owner-operational-section > .v111-control-stack {
    grid-template-columns: 1fr;
  }

  #app.btv2-v111-owner .v111-actions-panel .btv2-owner-action-list > button {
    grid-template-columns: 26px minmax(0, 1fr) auto auto;
  }
}

@media (max-width: 430px) {
  #app.btv2-v111-owner .v111-owner-dashboard {
    padding-left: 18px;
    padding-right: 18px;
  }

  #app.btv2-v111-owner .v111-head-controls > .rc2-location-control {
    flex-basis: 158px;
  }

  #app.btv2-v111-owner .v111-head-search input {
    font-size: 13px;
    padding-right: 8px;
  }

  #app.btv2-v111-owner .v111-op-hero {
    gap: 10px;
    padding-left: 18px;
    padding-right: 14px;
  }

  #app.btv2-v111-owner .v111-op-hero-value {
    min-width: 145px;
  }

  #app.btv2-v111-owner .v111-op-hero-meta {
    padding-left: 12px;
  }

  #app.btv2-v111-owner .v111-op-hero-meta :is(b, em, small) {
    font-size: 8.5px;
  }

  #app.btv2-v111-owner .v111-kpi {
    padding: 16px;
  }

  #app.btv2-v111-owner .v111-kpi > strong {
    font-size: 35px;
  }

  #app.btv2-v111-owner .v111-plan-mix > div {
    gap: 7px;
    grid-template-columns: minmax(78px, 1.15fr) minmax(56px, 1fr) 42px 32px 50px;
  }

  #app.btv2-v111-owner .v111-plan-mix > div > span:first-child {
    font-size: 11px;
  }

  #app.btv2-v111-owner .v111-plan-mix :is(b, small, em) {
    font-size: 9px;
  }
}

@media (max-width: 380px) {
  #app.btv2-v111-shell > .sidebar .brand-block span {
    display: none;
  }

  #app.btv2-v111-owner .v111-owner-dashboard {
    padding-left: 14px;
    padding-right: 14px;
  }

  #app.btv2-v111-owner .v111-head-controls > .rc2-location-control {
    flex-basis: 145px;
  }

  #app.btv2-v111-owner .v111-op-hero-value {
    min-width: 132px;
  }

  #app.btv2-v111-owner .v111-op-hero-value > strong {
    font-size: 39px;
  }

  #app.btv2-v111-owner .v111-op-hero-meta > em > span {
    display: none;
  }

  #app.btv2-v111-owner .v111-kpi > strong {
    font-size: 32px;
  }

  #app.btv2-v111-owner .v111-age-row {
    gap: 7px;
    grid-template-columns: 48px minmax(0, 1fr) 42px 34px;
  }

  #app.btv2-v111-owner .v111-plan-mix > div {
    grid-template-columns: minmax(72px, 1.15fr) minmax(48px, 1fr) 40px 30px 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #app.btv2-v111-owner .v111-skeleton-stack > i {
    animation: none;
  }
}

/* V11.1 source lock: keep legacy canonical/K3 selectors from regaining layout
   authority through selector specificity. The V11.1 dashboard remains the
   single active visual tree while retaining the functional baseline classes. */
#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] {
  background: var(--v111-bg);
  display: block;
  grid-template-columns: none;
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] > .main {
  background: var(--v111-bg);
  margin-left: 216px;
  max-width: none;
  min-height: 100vh;
  padding: 0;
  width: auto;
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] > .sidebar {
  background: var(--v111-bg);
  width: 216px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen.v111-owner-dashboard {
  background: var(--v111-bg);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  max-width: none;
  padding: 20px 32px 40px;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-operations-module.v111-page-head {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  gap: 14px;
  margin: 0;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-commercial-section.v111-commercial-section {
  background: transparent;
  border: 0;
  gap: 8px;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-commercial-section .btv2-owner-analytics-toolbar.v111-section-head {
  background: transparent;
  border: 0;
  min-height: 18px;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi-grid.v111-kpi-grid {
  background: transparent;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-command-grid.btv2-owner-charts-grid.v111-history-grid {
  gap: 8px;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-operational-section.v111-owner-operational-section {
  gap: 8px;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.9fr);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-command-grid.v111-control-stack {
  align-content: start;
  gap: 8px;
  grid-template-columns: 1fr;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--primary {
  grid-auto-rows: minmax(435px, auto);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--secondary {
  grid-auto-rows: minmax(368px, auto);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel.btv2-owner-movement {
  min-height: 367px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel.btv2-owner-churn {
  min-height: 341px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section {
  min-height: 382px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .v111-state-block {
  min-height: 119px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .v111-skeleton-stack {
  gap: 7px;
  min-height: 113px;
  padding-top: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .v111-skeleton-stack > i {
  height: 13px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode][data-btv2-proof-mode="true"] .v111-control-stack .btv2-canonical-section-head > :is(button, strong) {
  display: none;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel {
  min-height: 352px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-panel.v111-panel,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile {
  background: var(--v111-panel);
  border: 0;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 40px -24px rgba(0, 0, 0, 0.85);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-panel.v111-panel {
  display: block;
  gap: normal;
  padding: 16px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi {
  display: grid;
  gap: 0;
  grid-template-columns: 16px minmax(0, 1fr);
  min-height: 120px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > i {
  align-self: center;
  background: var(--v111-red);
  grid-column: 1;
  height: 3px;
  width: 16px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > span {
  align-self: center;
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 9.5px;
  grid-column: 2;
  letter-spacing: 0.14em;
  margin-left: 8px;
  text-align: left;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: clamp(28px, 2.15vw, 38px);
  grid-column: 1 / -1;
  line-height: 0.95;
  margin-top: 8px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi[data-alert="true"] > strong {
  color: var(--v111-red);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile {
  gap: 0;
  height: 92px;
  padding: 12px 14px 10px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero {
  background:
    radial-gradient(140% 120% at 0% 0%, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(180deg, #1c1c24 0%, #13131a 55%, #101016 100%);
  gap: 14px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile > i,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-value > i {
  height: 3px;
  width: 16px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile > span,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-value > span {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  margin-top: 8px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile > .v111-demo-data-badge {
  color: #e0ad68;
  font-size: 8px;
  letter-spacing: 0.08em;
  margin: 0;
  overflow: visible;
  position: absolute;
  right: 9px;
  text-overflow: clip;
  top: 9px;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile > strong,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-value > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 27px;
  line-height: 0.95;
  margin-top: 7px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-value > strong {
  font-size: 38px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile--urgent > strong {
  color: var(--v111-red);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile > small {
  color: var(--v111-zinc-400);
  font-family: var(--v111-body);
  font-size: 10.5px;
  letter-spacing: 0;
  margin-top: auto;
  text-transform: none;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article {
  align-items: center;
  border-bottom: 1px solid var(--v111-divider);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(140px, 1fr) minmax(90px, 220px) 64px 74px 60px;
  min-height: 48px;
  padding: 7px 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-name > :is(small, span),
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric > small {
  display: none;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-name > strong {
  color: var(--v111-zinc-100, #f4f4f5);
  font-size: 12.5px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article > i {
  background: rgba(255, 255, 255, 0.06);
  height: 4px;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article > i::after {
  background: rgba(255, 255, 255, 0.72);
  height: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric > strong {
  color: var(--v111-zinc-100, #f4f4f5);
  font-family: var(--v111-mono);
  font-size: 11px;
  text-align: right;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-decision-rows {
  display: flex;
  flex-direction: column;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-decision-rows > article {
  align-items: center;
  border-bottom: 1px solid var(--v111-divider);
  display: flex;
  justify-content: space-between;
  min-height: 48px;
  padding: 8px 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-decision-rows > article:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-decision-rows > article button {
  min-height: 32px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode][data-btv2-proof-mode="true"] .v111-owner-operational-section .btv2-owner-exception-list > article {
  align-items: start;
  border: 0;
  display: grid;
  gap: 9px;
  grid-template-columns: 7px minmax(0, 1fr);
  min-height: 0;
  padding: 5px 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode][data-btv2-proof-mode="true"] .v111-owner-operational-section .btv2-owner-exception-list > article::before {
  background: var(--v111-red);
  content: "";
  height: 6px;
  margin-top: 5px;
  width: 6px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode][data-btv2-proof-mode="true"] .v111-owner-operational-section .btv2-owner-exception-list > article > :is(span, strong) {
  display: none;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode][data-btv2-proof-mode="true"] .v111-owner-operational-section .btv2-owner-exception-list > article > small {
  color: var(--v111-zinc-200);
  font-size: 12.5px;
  grid-column: 2;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  display: grid;
  gap: 12px;
  grid-template-columns: 26px minmax(0, 1fr) auto auto;
  min-height: 52px;
  padding: 8px 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > span {
  display: block;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > span > :is(strong, small) {
  display: block;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > span > strong {
  color: white;
  font-size: 13.5px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > span > small {
  color: var(--v111-zinc-400);
  font-size: 11.5px;
  margin-top: 3px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-grid .v111-panel-head {
  align-items: flex-start;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-grid .v111-section-label > h2,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-grid .v111-panel-head > small {
  overflow: visible;
  overflow-wrap: normal;
  text-overflow: clip;
  white-space: normal;
  word-break: normal;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-grid .v111-section-label > h2 {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-grid .v111-panel-head > small {
  max-width: 44%;
  text-align: right;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-grid .v111-panel-tags {
  max-width: 48%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-grid .v111-panel-tags > small {
  overflow: visible;
  overflow-wrap: normal;
  text-align: right;
  text-overflow: clip;
  white-space: normal;
  word-break: normal;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-visits-panel .v111-section-label > span {
  font-size: 9px;
  letter-spacing: 0.05em;
}

@media (min-width: 1366px) and (max-width: 1599px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > span {
    font-size: 8.5px;
    letter-spacing: 0.07em;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-meta :is(b, em, small) {
    font-size: 8px;
    letter-spacing: 0.04em;
  }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen.v111-owner-dashboard {
    padding: 20px 22px 36px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-grid,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi-grid.v111-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi-grid.v111-kpi-grid > .v111-kpi:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--primary,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--secondary,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-command-grid.btv2-owner-charts-grid.v111-history-grid,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-operational-section.v111-owner-operational-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1023px) {
  #app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] > .main {
    margin-left: 0;
    padding: 0;
  }

  #app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] > .sidebar {
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen.v111-owner-dashboard {
    gap: 12px;
    padding: 20px 20px 34px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-state-banner {
    flex-direction: column;
    gap: 4px;
    padding: 9px 11px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-state-banner strong {
    font-size: 8.5px;
    white-space: nowrap;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-state-banner p {
    font-size: 10px;
    line-height: 1.35;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls > .rc2-location-control {
    flex-basis: 132px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-more {
    flex: 0 0 46px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-more-toggle {
    padding: 0;
    width: 46px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-more-toggle > span {
    display: none;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-grid,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi-grid.v111-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-tile:last-child {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi-grid.v111-kpi-grid > .v111-kpi:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi {
    min-height: 160px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > strong {
    font-size: 38px;
    white-space: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--primary,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--secondary,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-command-grid.btv2-owner-charts-grid.v111-history-grid,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-operational-section.v111-owner-operational-section {
    grid-template-columns: 1fr;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--primary,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--secondary {
    grid-auto-rows: auto;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-panel {
    min-height: 420px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-age-panel {
    min-height: 255px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-panel {
    min-height: 547px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-plan-panel {
    min-height: 230px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-visits-panel {
    min-height: 310px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-coverage-panel {
    min-height: 367px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-location-panel {
    min-height: 361px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack > .v111-panel:first-child {
    min-height: 242px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack > .v111-panel:last-child {
    min-height: 192px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel {
    min-height: 393px;
  }
}

@media (max-width: 430px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen.v111-owner-dashboard {
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 380px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .screen.v111-owner-dashboard {
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* Mobile acceptance lock: preserve complete labels without mid-word wrapping. */
@media (max-width: 1023px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-section-head,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-panel-head {
    align-items: flex-start;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-section-label :is(span, strong, h2),
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > span {
    overflow: visible;
    overflow-wrap: normal;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-section-head > small,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-panel-head > small,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-panel-tags > small,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-chart-summary > small {
    line-height: 1.35;
    overflow: visible;
    overflow-wrap: normal;
    text-align: right;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-panel-tags {
    align-items: flex-end;
    flex-direction: column;
    max-width: 52%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-plan-mix > div > span:first-child {
    overflow: visible;
    overflow-wrap: normal;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-mini-metrics > div > :is(span, small) {
    overflow: visible;
    overflow-wrap: normal;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article {
    align-items: center;
    gap: 6px;
    grid-template-columns: minmax(82px, 1fr) 48px 64px 44px;
    min-height: 48px;
    padding: 7px 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-name {
    grid-column: 1;
    grid-row: 1;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article > i {
    align-self: start;
    grid-column: 1;
    grid-row: 2;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric {
    align-self: center;
    display: grid;
    grid-row: 1 / span 2;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric:nth-of-type(2) {
    grid-column: 2;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric:nth-of-type(3) {
    grid-column: 3;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric:nth-of-type(4) {
    grid-column: 4;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric > small {
    color: var(--v111-zinc-500);
    display: block;
    font-family: var(--v111-mono);
    font-size: 7.5px;
    letter-spacing: 0.05em;
    margin-bottom: 3px;
    overflow-wrap: normal;
    text-transform: uppercase;
    white-space: normal;
    word-break: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-metric > strong {
    display: block;
    overflow-wrap: normal;
    text-align: left;
    white-space: normal;
    word-break: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button {
    min-height: 68px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > span > strong {
    overflow: visible;
    overflow-wrap: normal;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > span > small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* V11.1 final convergence: stable Owner header and interactive Gender Split. */
.brand-block .btf-brand-logo {
  display: block;
  grid-column: 1 / -1;
  height: auto;
  max-height: 50px;
  max-width: 140px;
  object-fit: contain;
  object-position: left center;
  width: auto;
}

#app.btv2-v111-shell > .sidebar .btv2-sidebar-topbar {
  padding-bottom: 14px;
  padding-top: 14px;
}

#app.btv2-v111-shell > .sidebar .brand-block {
  flex: 1 1 auto;
  overflow: hidden;
}

#app.btv2-v111-shell > .sidebar .btf-brand-logo {
  max-height: 50px;
  max-width: 132px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-page-title {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-operations-head {
  align-items: center;
  gap: 20px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-operations-head h1,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-page-strap {
  display: block;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-page-strap {
  margin: 8px 0 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-account {
  display: block;
  flex: 0 0 auto;
  margin-left: auto;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-account .rc2-account-menu {
  min-width: 180px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-account .rc2-account-menu > button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065);
  height: 46px;
  max-width: 210px;
  min-width: 180px;
  padding: 0 14px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls > .rc2-location-control {
  align-content: end;
  display: grid;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search {
  align-items: end;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search label {
  align-self: end;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls :is(select, input, button) {
  height: 44px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-visual {
  align-self: center;
  display: grid;
  place-items: center;
  position: relative;
  width: 176px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-donut-segment {
  cursor: pointer;
  opacity: 1;
  outline: none;
  transition: filter 160ms ease, opacity 160ms ease, stroke-width 160ms ease;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-donut-segment.is-active {
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.22));
  stroke-width: 19;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-donut-segment.is-muted {
  opacity: 0.2;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-donut :is(.v111-donut-value, .v111-donut-caption) {
  pointer-events: none;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-tooltip {
  align-items: center;
  background: rgba(8, 8, 11, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 7px;
  box-shadow: 0 14px 30px -16px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 2px;
  left: 50%;
  min-width: 126px;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: calc(50% + 45px);
  transform: translate(-50%, -50%);
  z-index: 2;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-tooltip[hidden] {
  display: none;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-tooltip strong {
  color: white;
  font-family: var(--v111-body);
  font-size: 11px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-tooltip :is(span, em) {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 8px;
  font-style: normal;
  letter-spacing: 0.05em;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend li {
  display: block;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 9px;
  grid-template-columns: 11px minmax(0, 1fr) auto 44px;
  height: auto;
  min-height: 34px;
  padding: 7px 5px;
  text-align: left;
  transition: background-color 160ms ease, opacity 160ms ease;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button:hover,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button:focus-visible,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button.is-active {
  background: rgba(255, 255, 255, 0.055);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button:focus-visible {
  outline: 1px solid var(--v111-red);
  outline-offset: 2px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button.is-muted {
  opacity: 0.38;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button > i {
  border-radius: 3px;
  height: 10px;
  width: 10px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button > span {
  color: var(--v111-zinc-200);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button > :is(b, em) {
  font-family: var(--v111-mono);
  font-size: 10px;
  font-style: normal;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button > b {
  color: white;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button > em {
  color: var(--v111-zinc-400);
  text-align: right;
}

@media (min-width: 1280px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls {
    align-items: stretch;
    display: grid;
    grid-template-columns: 158px minmax(280px, 1fr) 168px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search {
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-period {
    display: block;
    margin-left: 0;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls {
    align-items: stretch;
    display: grid;
    grid-template-areas:
      "site period"
      "search search";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls > .rc2-location-control {
    display: block;
    flex-basis: auto;
    grid-area: site;
    margin: 0;
    overflow: visible;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search {
    display: grid;
    grid-area: search;
    grid-template-columns: minmax(0, 1fr) auto;
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-period {
    display: block;
    grid-area: period;
    margin: 0;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-period select {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  #app.btv2-v111-shell > .sidebar .btf-brand-logo {
    max-height: 50px;
    max-width: 114px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-operations-head {
    align-items: stretch;
    display: grid;
    gap: 12px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-account {
    display: block;
    margin: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-account .rc2-account-menu,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-account .rc2-account-menu > button {
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls > .rc2-location-control,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-period {
    display: grid;
    flex-basis: auto;
    margin: 0;
    max-width: none;
    min-width: 0;
    overflow: visible;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-search > button,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-period,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-period select {
    display: block;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-head {
    align-items: stretch;
    display: grid;
    gap: 10px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-head .v111-operational-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-head .v111-action {
    justify-content: center;
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-actions--mobile {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-donut-segment,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-gender-legend button {
    transition: none;
  }
}

/* V11.1 final convergence: shared Payments and Cancellations workspaces. */
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] > .main {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .app-header {
  background: linear-gradient(180deg, rgba(24, 24, 31, 0.96), rgba(12, 12, 16, 0.96));
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  margin: 0;
  min-width: 0;
  padding: 24px;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-title {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-title :is(.btv2-shell-context, .rc2-breadcrumb) {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-title h1 {
  color: var(--v111-text);
  font-family: var(--v111-display);
  font-size: clamp(34px, 3vw, 46px);
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 0.95;
  margin: 2px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-title p {
  color: var(--v111-zinc-400);
  font-size: 12px;
  margin: 2px 0 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > label,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > form,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > .rc2-account-menu {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  margin: 0;
  min-width: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > label {
  flex: 0 1 168px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > .rc2-header-search {
  display: grid;
  flex: 1 1 300px;
  gap: 7px;
  grid-template-columns: minmax(180px, 1fr) auto;
  max-width: none;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > .rc2-context-search {
  flex-basis: 270px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls :is(input, select, button) {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
  color: var(--v111-zinc-200);
  font-family: var(--v111-body);
  height: 40px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls :is(input, select) {
  padding: 0 12px;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls button {
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  padding: 0 14px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls .rc2-account-menu {
  flex: 0 1 176px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls .rc2-account-menu > button {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0 12px;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls .rc2-account-menu > button > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .screen.v111-workspace {
  background: transparent;
  box-sizing: border-box;
  color: var(--v111-text);
  display: grid;
  gap: 14px;
  margin: 0;
  max-width: none;
  min-width: 0;
  overflow: visible;
  padding: 22px 24px 42px;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace :is(.btv2-canonical-panel, .v111-workspace-panel),
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid > .btv2-canonical-kpi {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 24px 48px -34px rgba(0, 0, 0, 0.92);
  color: var(--v111-text);
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace :is(.btv2-canonical-kpi-grid, .btv2-owner-command-grid, .btv2-finance-primary-grid) {
  background: transparent;
  border: 0;
  box-shadow: none;
  min-width: 0;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid {
  background: transparent;
  border: 0;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid > .btv2-canonical-kpi {
  display: grid;
  gap: 8px;
  min-height: 142px;
  padding: 17px;
  position: relative;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid > .btv2-canonical-kpi > i {
  background: var(--v111-red);
  height: 2px;
  width: 28px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid > .btv2-canonical-kpi > span {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid > .btv2-canonical-kpi > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 34px;
  line-height: 0.95;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid > .btv2-canonical-kpi > small,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace :is(p, small) {
  color: var(--v111-zinc-400);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .btv2-canonical-section-head,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .panel-heading {
  align-items: flex-start;
  border-bottom: 1px solid var(--v111-divider);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 0 0 12px;
  padding: 0 0 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.btv2-canonical-section-head, .panel-heading) :is(span, small) {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.btv2-canonical-section-head, .panel-heading) :is(h2, h3) {
  color: white;
  font-family: var(--v111-display);
  font-size: 22px;
  letter-spacing: 0.025em;
  line-height: 1;
  margin: 4px 0 0;
  text-transform: uppercase;
}

/* Payments & Recovery */
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-primary-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.72fr);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-canonical-panel {
  padding: 17px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list {
  background: transparent;
  display: grid;
  gap: 6px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button {
  align-items: center;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  box-shadow: none;
  color: var(--v111-zinc-200);
  display: grid;
  gap: 10px;
  grid-template-columns: 30px minmax(0, 1fr) minmax(130px, 0.46fr) minmax(104px, auto);
  min-height: 68px;
  min-width: 0;
  padding: 10px 11px;
  text-align: left;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button:hover {
  background: var(--v111-payment-queue-hover-background);
  border-color: var(--v111-payment-queue-hover-border);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button > b {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 10px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button > span > strong {
  color: white;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button > span > small,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-likelihood :is(span, small),
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-case-value small {
  color: var(--v111-zinc-500);
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-likelihood {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-likelihood > i {
  background: rgba(255, 255, 255, 0.065);
  display: block;
  height: 3px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-likelihood > i > b {
  background: var(--v111-red);
  display: block;
  height: 100%;
  width: var(--canonical-likelihood);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-case-value {
  display: grid;
  gap: 3px;
  justify-items: end;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-case-value strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 18px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-provider-state {
  align-content: start;
  display: grid;
  gap: 9px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-provider-state .btv2-cc-provider-health {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  box-shadow: none;
  color: var(--v111-zinc-200);
  min-width: 0;
  padding: 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-boundary {
  background: var(--v111-payment-boundary-background);
  border: 1px solid var(--v111-payment-boundary-border);
  border-radius: 8px;
  color: var(--v111-zinc-300);
  padding: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-owner-command-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-outcome,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-workflow-links {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-workflow-links button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 8px;
  color: var(--v111-zinc-200);
  min-height: 40px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-evidence {
  overflow: hidden;
}

/* Cancellations & Saves */
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellations-visual-save-desk {
  background: transparent;
  color: var(--v111-text);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] :is(.cancellation-api-state, .cancellation-api-toolbar) {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  box-shadow: none;
  color: var(--v111-zinc-300);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-api-state :is(strong, span, em) {
  color: var(--v111-zinc-300);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-api-toolbar :is(label, span) {
  color: var(--v111-zinc-400);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-api-toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 48px;
  padding: 7px 10px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-api-toolbar :is(select, button) {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 7px;
  color: var(--v111-zinc-200);
  min-height: 34px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-kpi-value-strip {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .value-at-risk-tile {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 24px 48px -34px rgba(0, 0, 0, 0.92);
  color: var(--v111-text);
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 16px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .value-at-risk-tile > span {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .value-at-risk-tile > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 34px;
  line-height: 1;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .value-at-risk-tile > :is(b, em) {
  color: var(--v111-zinc-500);
  font-size: 9px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .value-at-risk-tile > em {
  background: rgba(255, 255, 255, 0.065);
  display: block;
  height: 3px;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .value-at-risk-tile > em > i {
  background: var(--v111-red);
  display: block;
  height: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane {
  background: var(--v111-panel);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane > article {
  background: transparent;
  border: 0;
  border-right: 1px solid var(--v111-divider);
  color: var(--v111-zinc-300);
  display: grid;
  gap: 5px;
  min-height: 72px;
  padding: 13px 15px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane > article:last-child {
  border-right: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane > article > span {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane > article > strong {
  color: white;
  font-size: 13px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellations-save-workspace {
  align-items: start;
  background: transparent;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-case-command-column {
  background: transparent;
  display: grid;
  gap: 10px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-desk-board {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-case-card-visual,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] :is(.retained-lost-segmented-bar, .cancellation-reason-meter, .save-offer-widget, .owner-save-queue, .cancellation-status-spine) {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  color: var(--v111-zinc-300);
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .commercial-empty-state {
  background: rgba(255, 255, 255, 0.025);
  border: 1px dashed var(--v111-hairline);
  border-radius: 9px;
  box-shadow: none;
  color: var(--v111-zinc-300);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .commercial-empty-state :is(strong, b) {
  color: white;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .commercial-empty-state :is(p, span, em, small) {
  color: var(--v111-zinc-500);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-case-card-visual {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 14px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-save-hero {
  border-color: var(--v111-cancellation-save-border);
  min-height: 188px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-case-card-visual :is(strong, b) {
  color: white;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-case-card-visual :is(p, span, em) {
  color: var(--v111-zinc-400);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-case-open {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
  min-width: 0;
  padding: 0;
  text-align: left;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-desk-command-rail {
  align-content: start;
  background: var(--v111-panel);
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  position: static;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-desk-command-rail > :is(article, section) {
  margin: 0;
  padding: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] :is(.cancellation-reason-meter, .owner-save-queue, .cancellation-status-spine) article {
  background: transparent;
  border-color: var(--v111-divider);
  color: var(--v111-zinc-300);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-action-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-action-strip button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 7px;
  box-shadow: none;
  color: var(--v111-zinc-200);
  min-height: 38px;
  padding: 0 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-action-strip .primary-action {
  background: var(--v111-cancellation-primary-background);
  border-color: var(--v111-cancellation-primary-border);
  color: white;
}

@media (max-width: 1279px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-kpi-value-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button {
    grid-template-columns: 28px minmax(0, 1fr) minmax(110px, 0.4fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-case-value {
    grid-column: 2 / -1;
    grid-row: 2;
    justify-items: start;
  }
}

@media (max-width: 1023px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .app-header {
    padding: 20px;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .screen.v111-workspace {
    padding: 18px 20px 36px;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-primary-grid,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-owner-command-grid,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellations-save-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-desk-command-rail {
    position: static;
  }
}

@media (max-width: 640px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > label,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > form,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > .rc2-account-menu {
    display: grid;
    flex-basis: auto;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .header-controls > .rc2-header-search {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .screen.v111-workspace {
    padding-left: 16px;
    padding-right: 16px;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace-kpi-grid,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .cancellation-kpi-value-strip,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-desk-board {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-queue-list > button {
    align-items: start;
    grid-template-columns: 24px minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-likelihood,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="payments"] .btv2-finance-case-value {
    grid-column: 2;
    grid-row: auto;
    justify-items: start;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane > article {
    border-bottom: 1px solid var(--v111-divider);
    border-right: 0;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-screen="cancellations"] .save-priority-workflow-lane > article:last-child {
    border-bottom: 0;
  }
}

/* V11.1 final convergence: Attendance evidence hierarchy and containment. */
/* Rapid visual repair pass 1: shared controls and stable workspace geometry. */
/* Rapid visual repair pass 1: complete Operations landing. */
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode].btv2-v111-workspace .v111-operations-overview {
  display: grid;
  gap: 18px;
  padding: 24px 24px 40px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-heading {
  display: grid;
  gap: 5px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-heading > span,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card span {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-heading h2 {
  color: white;
  font-family: var(--v111-display);
  font-size: clamp(28px, 3vw, 40px);
  letter-spacing: 0.025em;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-heading p,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card p {
  color: var(--v111-zinc-400);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card {
  align-content: start;
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 22px 42px -32px rgba(0, 0, 0, 0.95);
  display: grid;
  gap: 15px;
  min-height: 218px;
  min-width: 0;
  padding: 17px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card-icon {
  align-items: center;
  background: color-mix(in srgb, var(--v111-red) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--v111-red) 25%, transparent);
  border-radius: 9px;
  color: var(--v111-red-bright);
  display: flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card-icon .v111-icon {
  height: 19px;
  width: 19px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card h3 {
  color: white;
  font-family: var(--v111-display);
  font-size: 22px;
  letter-spacing: 0.02em;
  line-height: 1;
  margin: 5px 0 8px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card > button {
  align-self: end;
  justify-self: start;
  margin-top: auto;
  min-width: 76px;
}

@media (max-width: 1023px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] > .main > .rc2-workspace-navigation {
    height: auto;
    min-height: 50px;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-card {
    min-height: 176px;
  }

}


/* Rapid visual repair pass 1: compact operational rows. */
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section {
  align-items: start;
  min-height: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-location-panel {
  align-self: start;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] :is(.v111-site-row-labels, .v111-decision-row-labels, .v111-exception-row-labels, .v111-action-row-labels) {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 7.5px;
  letter-spacing: 0.09em;
  margin-top: 13px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-site-row-labels {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(150px, 1.25fr) minmax(70px, 0.5fr) repeat(3, minmax(68px, 0.55fr));
  padding: 0 11px 7px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(150px, 1.25fr) minmax(70px, 0.5fr) repeat(3, minmax(68px, 0.55fr));
  min-height: 64px;
  padding: 9px 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article[data-source-state="unavailable"],
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article[data-freshness-state="awaiting"] {
  background: rgba(255, 255, 255, 0.012);
  color: var(--v111-zinc-500);
  opacity: 0.68;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-decision-row-labels,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1.45fr) minmax(54px, 0.55fr) minmax(48px, 0.5fr) auto;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-decision-row-labels {
  padding: 0 0 6px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-decision-rows > article {
  align-items: center;
  min-height: 46px;
  padding: 7px 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-exception-row-labels,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list > article {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(72px, 0.75fr) minmax(82px, 0.85fr) minmax(0, 1.6fr) auto;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-exception-row-labels {
  padding: 0 0 6px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-exception-list > article {
  align-items: center;
  min-height: 48px;
  padding: 7px 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-action-row-labels {
  display: grid;
  gap: 12px;
  grid-template-columns: 26px minmax(0, 1fr) auto auto;
  padding: 0 0 6px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-action-row-labels > span:first-child {
  grid-column: 1 / 3;
}

@media (max-width: 1023px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] :is(.v111-site-row-labels, .v111-decision-row-labels, .v111-exception-row-labels, .v111-action-row-labels) {
    display: none;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section .btv2-owner-site-comparison > article {
    gap: 6px;
    grid-template-columns: minmax(82px, 1fr) 48px 64px 44px;
    padding: 7px 0;
  }
}

/* Rapid functional UI repair pass 3: shared controls and retained workspaces. */
#app.btv2-v111-shell {
  --v111-primary-action: var(--action-primary);
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] select.v111-control,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] :is(.v111-head-controls, .v111-daypass-head) select,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace select {
  appearance: none;
  background-color: #15151b;
  color: var(--v111-zinc-100);
  font-family: var(--v111-body);
  font-size: 12.5px;
  font-weight: 650;
  line-height: normal;
  opacity: 1;
  -webkit-text-fill-color: var(--v111-zinc-100);
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] select option,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace select option {
  background: #15151b;
  color: #fafafa;
  font-size: 13px;
  -webkit-text-fill-color: #fafafa;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action--primary,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-primary-action,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace button[type="submit"] {
  background: var(--v111-primary-action);
  border-color: var(--v111-primary-action);
  color: #fff;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action--primary:hover,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-primary-action:hover,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-workspace button[type="submit"]:hover {
  background: color-mix(in srgb, var(--v111-primary-action) 88%, white);
  border-color: color-mix(in srgb, var(--v111-primary-action) 88%, white);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi {
  min-height: 146px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-row: 1;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > i {
  grid-row: 1;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-kpi-tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  grid-column: 1 / -1;
  justify-content: flex-end;
  margin-top: 6px;
  min-height: 18px;
  min-width: 0;
  position: static;
  grid-row: 2;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi > strong {
  grid-row: 3;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-kpi-tags > :is(.v111-kpi-tag, .v111-demo-data-badge) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-dashboard-locate-inline {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 10px;
  margin-top: 10px;
  padding: 14px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-dashboard-locate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-dashboard-locate-inline form {
  margin-top: 10px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-dashboard-locate-inline input {
  background: #15151b;
  border: 1px solid var(--v111-hairline);
  color: #fff;
  min-height: 44px;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-operations-workspace {
  align-content: start;
  display: grid;
  gap: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-summary {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--v111-divider);
  border-radius: 9px;
  background: var(--v111-divider);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-summary > * {
  background: var(--v111-panel);
  border: 0;
  border-radius: 0;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-summary strong {
  color: var(--v111-text);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-layout {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.85fr) minmax(280px, 1fr);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.v111-members-directory, .v111-member-context) {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 9px;
  min-width: 0;
  padding: 14px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-directory .rc2-directory-table {
  display: none;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-directory .rc2-member-card-list {
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-directory .rc2-member-card {
  background: #15151b;
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  box-shadow: none;
  color: var(--v111-text);
  padding: 11px;
}

/* Keep the existing photo/name control layout at desktop as well as mobile. */
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-directory .rc2-member-card-profile {
  align-items: center;
  display: inline-grid;
  gap: 9px;
  grid-template-columns: 34px minmax(0, 1fr);
  min-width: 0;
  text-align: left;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-directory .rc2-member-card-profile > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context {
  display: grid;
  gap: 12px;
  position: sticky;
  top: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context-summary {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  background: var(--v111-divider);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context-summary > div {
  background: #15151b;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context-summary :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context-summary dt {
  color: var(--v111-zinc-500);
  font: 8px/1.2 var(--v111-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context-summary dd {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context .rc2-workflow-panel {
  margin: 0;
  max-height: 58vh;
  overflow: auto;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context .rc2-workflow-grid {
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context :is(.rc2-member-profile-summary, .rc2-member-operational-summary) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-staff-context,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up-list,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] :is(.rc2-member-notes, .rc2-member-note-list) {
  display: grid;
  gap: 8px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-notes {
  border-top: 1px solid var(--btv2-staff-line);
  margin-top: 6px;
  padding-top: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-notes > p,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-note :is(span, small) {
  color: var(--btv2-staff-muted);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-note-warning {
  border-left: 2px solid var(--v111-red-bright);
  padding-left: 9px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-note {
  background: var(--btv2-staff-card);
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-note > div,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-note-form-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  justify-content: space-between;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-note > p {
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-note-create textarea {
  max-width: 100%;
  min-width: 0;
  resize: vertical;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-staff-context {
  border-top: 1px solid var(--btv2-staff-line);
  padding-top: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up {
  align-items: center;
  background: var(--btv2-staff-card);
  border: 1px solid var(--btv2-staff-line);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 10px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up :is(span, small),
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-staff-context > p {
  color: var(--btv2-staff-muted);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up button {
  background: transparent;
  border: 1px solid var(--btv2-staff-line);
  color: var(--btv2-staff-text);
  min-height: 36px;
  padding: 7px 10px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up button:disabled {
  color: var(--btv2-staff-muted);
  cursor: not-allowed;
}

@media (max-width: 520px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context :is(.rc2-member-profile-summary, .rc2-member-operational-summary) {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode="staff"] .rc2-member-follow-up button {
    width: 100%;
  }
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-policy-workspace .rc2-plan-admin-boundary,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-attendance-workspace .rc2-attendance-diagnostics {
  display: none;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-settings-workspace .rc2-staff-admin-layout {
  grid-template-columns: minmax(260px, 0.48fr) minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-staff-directory-filters {
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(90px, 0.7fr));
  padding: 10px 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-staff-directory-filters label {
  color: var(--v111-zinc-400);
  display: grid;
  gap: 4px;
  font: 8px/1.2 var(--v111-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-staff-directory-filters button {
  grid-column: 1 / -1;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-staff-directory > button > span:first-child small {
  display: none;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.rc2-staff-location-picker, .rc2-staff-capability-picker) {
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.rc2-staff-location-picker, .rc2-staff-capability-picker) label {
  align-items: center;
  background: #15151b;
  border: 1px solid var(--v111-divider);
  border-radius: 7px;
  display: flex;
  gap: 9px;
  min-height: 38px;
  padding: 7px 9px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-staff-capability-picker .rc2-capability-search {
  align-items: stretch;
  background: transparent;
  border: 0;
  color: var(--v111-zinc-400);
  display: grid;
  font: 9px/1.2 var(--v111-mono);
  gap: 5px;
  letter-spacing: 0.08em;
  padding: 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-capability-search input {
  background: #15151b;
  border: 1px solid var(--v111-divider);
  border-radius: 7px;
  color: var(--v111-zinc-100);
  min-height: 38px;
  padding: 0 10px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.rc2-staff-location-picker, .rc2-staff-capability-picker) input[type="checkbox"],
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-member-card input[type="checkbox"] {
  appearance: none;
  background: #0d0d11;
  border: 1px solid var(--v111-zinc-600);
  border-radius: 4px;
  display: inline-grid;
  flex: 0 0 18px;
  height: 18px;
  margin: 0;
  place-content: center;
  width: 18px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.rc2-staff-location-picker, .rc2-staff-capability-picker) input[type="checkbox"]:checked,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-member-card input[type="checkbox"]:checked {
  background: var(--v111-primary-action);
  border-color: var(--v111-primary-action);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.rc2-staff-location-picker, .rc2-staff-capability-picker) input[type="checkbox"]:checked::after,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-member-card input[type="checkbox"]:checked::after {
  color: #fff;
  content: "✓";
  font-size: 13px;
  font-weight: 900;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-capability-groups {
  display: grid;
  gap: 7px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-capability-groups details {
  background: #111116;
  border: 1px solid var(--v111-divider);
  border-radius: 7px;
  padding: 9px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-capability-groups summary {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 800;
  justify-content: space-between;
  text-transform: capitalize;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-capability-groups details > div {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 8px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-staff-selected .rc2-form-actions {
  background: color-mix(in srgb, var(--v111-panel-2) 92%, transparent);
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 10px 0 0;
  position: sticky;
  z-index: 2;
}

@media (max-width: 900px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] :is(.v111-members-layout, .v111-settings-workspace .rc2-staff-admin-layout) {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context {
    position: static;
  }
}

@media (max-width: 560px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-members-summary,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-member-context-summary,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-capability-groups details > div,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .rc2-staff-directory-filters {
    grid-template-columns: minmax(0, 1fr);
  }
}


#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-control {
  appearance: none;
  background-color: var(--v111-surface);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012));
  border: 1px solid var(--v111-hairline);
  border-radius: 9px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 10px 24px -20px rgba(0, 0, 0, 0.9);
  color: var(--v111-zinc-200);
  min-height: 44px;
  padding-inline: 13px;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] select.v111-control {
  background-image: linear-gradient(45deg, transparent 50%, var(--v111-zinc-400) 50%), linear-gradient(135deg, var(--v111-zinc-400) 50%, transparent 50%), linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012));
  background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%, 0 0;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px, 100% 100%;
  padding-right: 34px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-control:hover {
  background-color: var(--v111-panel-2);
  border-color: rgba(255, 255, 255, 0.22);
  color: white;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-control:focus-visible {
  border-color: var(--v111-red-bright);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--v111-red) 16%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  outline: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .v111-control[aria-current="page"] {
  background-color: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.17);
  box-shadow: inset 3px 0 0 var(--v111-red), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  color: white;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] > .main:has(> .rc2-workspace-navigation) {
  align-content: start;
  grid-template-rows: auto auto minmax(0, 1fr);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] > .main > .rc2-workspace-navigation {
  align-self: start;
  box-sizing: border-box;
  height: auto;
  min-height: 50px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] > .main > .rc2-workspace-navigation button.v111-control {
  border-radius: 8px;
  min-height: 34px;
  padding-inline: 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode].btv2-v111-workspace .screen.v111-system-workspace,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode].btv2-v111-workspace .screen.v111-operations-overview {
  align-self: start;
  min-height: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .btv2-canonical-kpi.v111-kpi {
  align-content: start;
  min-height: 112px;
  padding: 13px 14px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-kpi-tags {
  min-height: 17px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-kpi-tags > .v111-kpi-tag {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--v111-divider);
  border-radius: 999px;
  color: var(--v111-zinc-400);
  display: inline-flex;
  line-height: 1;
  padding: 4px 7px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-field-preview-lead {
  gap: 0;
  margin-top: 5px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-field-preview-lead-trend {
  gap: 2px;
  height: 7px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace.btv2-v111-owner[data-btv2-mode] .v111-field-preview-lead-trend > i {
  border-radius: 1px;
  min-height: 2px;
}


#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-workspace {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-scope {
  background: var(--v111-panel);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-scope > div {
  background: transparent;
  border: 0;
  border-right: 1px solid var(--v111-divider);
  display: grid;
  gap: 4px;
  min-height: 70px;
  min-width: 0;
  padding: 12px 14px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-scope > div:last-child {
  border-right: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-scope span,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) :is(.v111-attendance-current, .v111-attendance-history-metrics, .rc2-attendance-provider-grid) article > span {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-scope strong {
  color: white;
  font-size: 12px;
  overflow-wrap: anywhere;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-scope small {
  color: var(--v111-zinc-500);
  font-size: 9px;
  line-height: 1.35;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-workflow-feedback {
  background: transparent;
  border: 0;
  color: var(--v111-zinc-500);
  font-size: 10px;
  margin: -4px 2px 0;
  min-height: 0;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-live-gap {
  align-items: center;
  background: rgba(201, 143, 61, 0.055);
  border: 1px solid rgba(201, 143, 61, 0.28);
  border-radius: 8px;
  box-shadow: none;
  color: var(--v111-zinc-300);
  display: flex;
  gap: 12px;
  min-height: 44px;
  padding: 9px 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-live-gap strong {
  color: #d9a95c;
  flex: 0 0 auto;
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-live-gap p {
  color: var(--v111-zinc-400);
  font-size: 10px;
  margin: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-current {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-current > article {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 7px;
  min-height: 118px;
  min-width: 0;
  padding: 14px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-current > article > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 32px;
  line-height: 0.95;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-current > article > small {
  color: var(--v111-zinc-500);
  font-size: 9px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) :is(.rc2-attendance-history, .rc2-attendance-diagnostics) {
  padding: 17px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-section-heading {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  color: var(--v111-zinc-300);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 0 0 12px;
  min-width: 0;
  padding: 0 0 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-section-heading > div {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-section-heading span {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-section-heading h2 {
  color: white;
  font-family: var(--v111-display);
  font-size: 23px;
  line-height: 1;
  margin: 4px 0 0;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-total {
  display: grid;
  gap: 4px;
  justify-items: end;
  text-align: right;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-total strong {
  color: white;
  font-family: var(--v111-display);
  font-size: clamp(24px, 2.4vw, 38px);
  line-height: 0.95;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-total small {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-metrics {
  background: rgba(255, 255, 255, 0.018);
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-metrics > article {
  background: transparent;
  border: 0;
  border-right: 1px solid var(--v111-divider);
  display: grid;
  gap: 4px;
  min-height: 70px;
  min-width: 0;
  padding: 11px 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-metrics > article:last-child {
  border-right: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-metrics > article > strong {
  color: white;
  font-family: var(--v111-display);
  font-size: 20px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-metrics > article > small {
  color: var(--v111-zinc-500);
  font-size: 9px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-filter {
  align-items: end;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-filter label {
  color: var(--v111-zinc-500);
  display: grid;
  font-family: var(--v111-mono);
  font-size: 8px;
  gap: 5px;
  letter-spacing: 0.08em;
  min-width: min(280px, 100%);
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-filter :is(select, button),
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-section-heading button,
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-pagination button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 7px;
  box-shadow: none;
  color: var(--v111-zinc-200);
  min-height: 38px;
  padding: 0 12px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-analysis {
  background: transparent;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-chart {
  background: rgba(255, 255, 255, 0.022);
  border: 1px solid var(--v111-divider);
  border-radius: 9px;
  box-shadow: none;
  color: var(--v111-zinc-300);
  min-width: 0;
  padding: 13px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-chart .rc2-section-heading {
  margin-bottom: 10px;
  padding-bottom: 8px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-chart > div:last-child {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-chart article {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--v111-zinc-400);
  display: grid;
  gap: 8px;
  grid-template-columns: 45px minmax(0, 1fr) 38px;
  min-width: 0;
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-chart article > i {
  background: rgba(255, 255, 255, 0.06);
  height: 4px;
  overflow: hidden;
  position: relative;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-chart article > i::after {
  background: var(--v111-red);
  content: "";
  display: block;
  height: 100%;
  width: var(--rc2-attendance-share);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-chart article > strong {
  color: white;
  font-family: var(--v111-mono);
  font-size: 9px;
  text-align: right;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-diagnostics {
  background: var(--v111-panel);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid {
  background: transparent;
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  border-right: 1px solid var(--v111-divider);
  box-shadow: none;
  display: grid;
  gap: 4px;
  min-height: 62px;
  min-width: 0;
  padding: 10px 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-child(3n) {
  border-right: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-last-child(-n + 3) {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article > strong {
  color: var(--v111-zinc-200);
  font-size: 11px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article > small {
  color: var(--v111-zinc-600);
  font-size: 8px;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) :is(.rc2-attendance-ledger, .rc2-attendance-corrections, .rc2-attendance-sessions) {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-ledger {
  background: transparent;
  border: 1px solid var(--v111-divider);
  border-radius: 9px;
  box-shadow: none;
  color: var(--v111-zinc-300);
  min-width: 0;
  overflow: hidden;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-ledger > article {
  background: rgba(255, 255, 255, 0.018);
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  color: var(--v111-zinc-300);
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-ledger > article:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-ledger :is(strong, b) {
  color: white;
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-ledger :is(span, small, em) {
  color: var(--v111-zinc-500);
}

#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-pagination {
  align-items: center;
  color: var(--v111-zinc-500);
  display: flex;
  font-family: var(--v111-mono);
  font-size: 9px;
  gap: 9px;
  justify-content: flex-end;
  min-width: 0;
}

@media (max-width: 1279px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) :is(.rc2-attendance-scope, .v111-attendance-current, .v111-attendance-history-metrics) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) :is(.rc2-attendance-scope, .v111-attendance-history-metrics) > :nth-child(2) {
    border-right: 0;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) :is(.rc2-attendance-scope, .v111-attendance-history-metrics) > :nth-child(-n + 2) {
    border-bottom: 1px solid var(--v111-divider);
  }
}

@media (max-width: 767px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-live-gap {
    align-items: flex-start;
    display: grid;
    gap: 4px;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-analysis {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-child(3n) {
    border-right: 1px solid var(--v111-divider);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-child(2n) {
    border-right: 0;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-last-child(-n + 3) {
    border-bottom: 1px solid var(--v111-divider);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .v111-attendance-history-total {
    justify-items: start;
    text-align: left;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-filter {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-filter label {
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-pagination {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: center;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-pagination span {
    grid-column: 1 / -1;
    grid-row: 1;
  }
}

@media (max-width: 430px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article,
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-child(2n),
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--v111-divider);
    border-right: 0;
  }

  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace:is([data-btv2-screen="attendance"], [data-btv2-screen="visits"]) .rc2-attendance-provider-grid > article:last-child {
    border-bottom: 0;
  }
}

/* Final Owner Dashboard responsive lock. */
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-kpi {
  position: relative;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-kpi-tags {
  position: absolute;
  right: 10px;
  top: 9px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero .v111-op-hero-value > .v111-demo-data-badge {
  position: absolute;
  right: 8px;
  top: 8px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-demo-data-badge {
  font-size: 7px;
  height: 16px;
  letter-spacing: 0.07em;
  padding: 0 6px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-owner-operational-section {
  min-height: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1.25fr) minmax(64px, 0.75fr) minmax(54px, 0.55fr) auto;
  min-height: 44px;
  padding: 6px 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article > strong {
  color: var(--v111-zinc-100);
  font-size: 12px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article > span,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article > small {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list {
  display: grid;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list > article {
  align-items: center;
  border-bottom: 1px solid var(--v111-divider);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(88px, 0.7fr) minmax(112px, 0.8fr) minmax(0, 1.5fr) auto;
  min-height: 42px;
  padding: 5px 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list > article:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list > article > strong {
  align-items: center;
  display: flex;
  gap: 6px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-site-name > .v111-demo-data-badge {
  margin-left: 6px;
  vertical-align: 1px;
}

@media (max-width: 600px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    height: 142px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-value {
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-meta {
    align-items: center;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    flex-direction: row;
    gap: 8px;
    padding-left: 0;
    padding-top: 8px;
    text-align: left;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-meta > span {
    background: transparent;
    flex: 1 1 auto;
    line-height: 1.35;
    padding: 0;
    white-space: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-op-hero-meta > em {
    flex: 0 0 auto;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article > :is(span, small) {
    grid-column: 1;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-decision-rows > article > button {
    grid-column: 2;
    grid-row: 1 / span 3;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list > article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list > article > small {
    grid-column: 1;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-exception-list > article > button {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

/* Active product convergence: one Dark V11.1 language across retained routes. */
.staff-auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  min-height: min(680px, calc(100dvh - 48px));
  overflow: hidden;
  width: min(1040px, 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: #0b0b0f;
}

.staff-auth-brand {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: clamp(32px, 5vw, 64px);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(145deg, #18181f 0%, #101015 62%, #0b0b0f 100%);
}

.staff-auth-brand > img {
  display: block;
  height: auto;
  max-width: 210px;
  object-fit: contain;
  object-position: left center;
  width: 52%;
}

.staff-auth-brand > div {
  display: grid;
  gap: 12px;
  max-width: 520px;
}

.staff-auth-brand span {
  color: var(--signal-red-on-dark);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.staff-auth-brand h1 {
  color: #fafafa;
  font-family: "Barlow Condensed", "Inter", sans-serif;
  font-size: clamp(38px, 5vw, 62px);
  letter-spacing: 0.015em;
  line-height: 0.94;
  margin: 0;
  text-transform: uppercase;
}

.staff-auth-brand p {
  color: #a1a1aa;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-width: 46ch;
}

.staff-auth-layout .staff-auth-panel {
  align-content: center;
  gap: 18px;
  padding: clamp(32px, 5vw, 64px);
  width: auto;
  border: 0;
  background: #0b0b0f;
}

.staff-auth-layout .staff-auth-panel h2 {
  color: #fafafa;
  font-family: "Barlow Condensed", "Inter", sans-serif;
  font-size: 38px;
  letter-spacing: 0.025em;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

.staff-auth-layout .staff-auth-panel > p {
  color: #a1a1aa;
  line-height: 1.5;
  margin: 0;
}

.staff-auth-layout .staff-auth-panel label {
  color: #d4d4d8;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.staff-auth-layout .staff-auth-panel input,
.staff-auth-layout .staff-auth-panel button {
  border-radius: 8px;
  min-height: 46px;
}

.staff-auth-layout .staff-auth-boundary {
  color: #71717a;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-v111-shell > .sidebar .btv2-sidebar-topbar {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
}

#app.btv2-v111-shell > .sidebar :is(.btv2-sidebar-logo, .btv2-sidebar-controls) {
  align-items: center;
  display: flex;
  min-width: 0;
}

#app.btv2-v111-shell > .sidebar .btv2-sidebar-logo {
  overflow: hidden;
}

#app.btv2-v111-shell > .sidebar .btv2-sidebar-controls {
  justify-content: flex-end;
}

#app.btv2-v111-shell > .sidebar .btv2-desktop-nav-toggle {
  align-items: center;
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 7px;
  color: var(--v111-zinc-400);
  display: inline-grid;
  flex: 0 0 32px;
  font-size: 20px;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px;
}

#app.btv2-v111-shell > .main > .rc2-workspace-navigation {
  margin: 14px 24px 0;
  padding: 7px 8px;
  border-color: var(--v111-hairline);
  border-radius: 9px;
  background: var(--v111-panel);
}

#app.btv2-v111-shell > .main > .rc2-workspace-navigation > strong,
#app.btv2-v111-shell > .main > .rc2-workspace-navigation button {
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-v111-shell > .main > .rc2-workspace-navigation button {
  border-radius: 7px;
}

#app.btv2-v111-shell > .main > .rc2-workspace-navigation button[aria-current="page"] {
  border-color: var(--v111-hairline);
  border-left-color: var(--v111-red);
  background: rgba(255, 255, 255, 0.06);
}

#app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .screen-command-header {
  align-items: end;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
  padding: 18px;
  border: 1px solid var(--v111-hairline);
  border-radius: 10px;
  background: var(--v111-panel);
}

#app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .command-hero-copy h2,
#app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .rc2-members-directory-header h1 {
  color: #fff;
  font-family: var(--v111-display);
  font-size: clamp(28px, 3vw, 40px);
  letter-spacing: 0.025em;
  line-height: 0.96;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .command-hero-copy p,
#app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .rc2-members-directory-header p {
  color: var(--v111-zinc-400);
  font-size: 12px;
  line-height: 1.55;
  margin: 7px 0 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .hero-mini-grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  background: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .hero-mini-grid > * {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: var(--v111-panel-2);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-members-workspace .rc2-members-directory-header {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 18px;
  border: 1px solid var(--v111-hairline);
  border-radius: 10px;
  background: var(--v111-panel);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-members-workspace .rc2-members-directory-header > div:first-child > span,
#app.btv2-v111-shell.btv2-v111-workspace .v111-members-workspace .rc2-members-directory-meta {
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-members-workspace :is(.rc2-member-workspace-nav, .rc2-member-toolbar, .btv2-members-main-stack, .rc2-member-card, .rc2-member-workflow-panel),
#app.btv2-v111-shell.btv2-v111-workspace .v111-policy-workspace :is(.rc2-policy-list > article, .rc2-policy-editor),
#app.btv2-v111-shell.btv2-v111-workspace .v111-sessions-workspace :is(.rc2-session-filters, .rc2-session-create, .rc2-session-agenda > article) {
  border-color: var(--v111-hairline);
  border-radius: 9px;
  background: var(--v111-panel);
  box-shadow: none;
  color: var(--v111-text);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-members-workspace .btv2-members-main-stack {
  padding: 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-policy-workspace .rc2-policy-list {
  display: grid;
  gap: 9px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-policy-workspace .rc2-policy-list > article {
  display: grid;
  gap: 11px;
  padding: 16px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-policy-workspace .rc2-policy-list > article > header,
#app.btv2-v111-shell.btv2-v111-workspace .v111-policy-workspace .rc2-policy-list > article > footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-policy-workspace .rc2-policy-list > article > header strong,
#app.btv2-v111-shell.btv2-v111-workspace .v111-sessions-workspace .rc2-session-agenda strong {
  color: #fff;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-sessions-workspace .rc2-session-agenda {
  display: grid;
  gap: 9px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-sessions-workspace .rc2-section-heading {
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-operations-overview .rc2-empty-contract {
  min-height: 260px;
  place-content: center;
  text-align: center;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace .rc2-section-heading {
  align-items: center;
  border-bottom: 1px solid var(--v111-divider);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 0 0 11px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace .rc2-section-heading > div {
  display: grid;
  gap: 4px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace .rc2-section-heading span {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace .rc2-section-heading h2 {
  color: #fff;
  font-family: var(--v111-display);
  font-size: 22px;
  letter-spacing: 0.025em;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace :is(input, select, textarea) {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 7px;
  box-shadow: none;
  color: var(--v111-text);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--v111-red);
  min-height: auto;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace button {
  border-radius: 7px;
  box-shadow: none;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-workspace :is(.rc2-workflow-feedback, .rc2-empty-contract) {
  border-color: var(--v111-divider);
  border-radius: 8px;
  color: var(--v111-zinc-400);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-canonical-hero {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 10px;
  max-width: none;
  padding: 18px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-canonical-hero > span {
  color: var(--v111-red-bright);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.13em;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-canonical-hero h1 {
  color: #fff;
  font-family: var(--v111-display);
  font-size: clamp(30px, 4vw, 48px);
  letter-spacing: 0.025em;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-dashboard-quick-actions {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-cc-quick-action,
#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-dashboard-locate-inline {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 9px;
  color: var(--v111-text);
  padding: 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-cc-quick-action {
  display: grid;
  gap: 5px;
  min-height: 78px;
  text-align: left;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-cc-quick-action strong {
  color: #fff;
  font-family: var(--v111-display);
  font-size: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-cc-quick-action span {
  color: var(--v111-zinc-500);
  font-size: 10px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-dashboard-locate-inline {
  display: grid;
  gap: 10px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-dashboard-locate-inline :is(input, button) {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 7px;
  color: var(--v111-text);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-canonical-panel,
#app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-mobile-manager-action-deck {
  background: var(--v111-panel);
  border-color: var(--v111-hairline);
  border-radius: 9px;
  box-shadow: none;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-finance-primary-grid {
  gap: 12px;
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.72fr);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-finance-queue-list > button {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  color: var(--v111-zinc-200);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-finance-provider-state .btv2-cc-provider-health,
#app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-finance-boundary {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  color: var(--v111-zinc-300);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-owner-command-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-finance-workflow-links button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  border-radius: 8px;
  color: var(--v111-zinc-200);
  min-height: 40px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace :is(
  .rc2-provider-safety,
  .rc2-provider-grid > article,
  .rc2-provider-editor,
  .rc2-operator-scope-note,
  .rc2-operator-setting-list,
  .rc2-staff-role-contract > article,
  .rc2-staff-directory,
  .rc2-staff-workspace > section,
  .rc2-staff-audit,
  .rc2-system-readiness-grid > article,
  .rc2-plan-admin-list,
  .rc2-plan-admin-boundary,
  .rc2-imported-plan-mapping,
  .rc2-mapping-review-list > article
) {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 9px;
  box-shadow: none;
  color: var(--v111-text);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-safety {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 12px 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-safety strong {
  color: var(--v111-red-bright);
  flex: 0 0 auto;
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-safety span {
  color: var(--v111-zinc-400);
  font-size: 11px;
  line-height: 1.5;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid > article {
  align-content: start;
  display: grid;
  gap: 12px;
  padding: 16px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid > article > header {
  align-items: center;
  display: flex;
  gap: 10px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-mark {
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--v111-divider);
  border-radius: 7px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 38px;
  font-family: var(--v111-display);
  font-size: 15px;
  height: 38px;
  justify-content: center;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid dl {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--v111-divider);
  border-radius: 7px;
  background: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid dl > div {
  background: var(--v111-surface);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 7px 9px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid :is(dt, dd) {
  margin: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid dt {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid dd {
  color: var(--v111-zinc-200);
  font-size: 10px;
  text-align: right;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace :is(
  .rc2-provider-grid button,
  .rc2-provider-editor button,
  .rc2-operator-setting-list button,
  .rc2-staff-admin button,
  .rc2-system-readiness-links button,
  .rc2-plan-status-tabs button,
  .rc2-plan-row-actions button,
  .rc2-mapping-filters button,
  .rc2-mapping-review-list button,
  .rc2-mapping-pagination button
) {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  color: var(--v111-zinc-200);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.07em;
  min-height: 36px;
  padding: 7px 11px;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace :is(
  .rc2-operator-setting-list button[type="submit"],
  .rc2-staff-admin button[type="submit"],
  .rc2-plan-admin-header button
) {
  background: var(--v111-red);
  border-color: var(--v111-red);
  color: #fff;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-operator-scope-note {
  border-left: 3px solid var(--v111-red);
  display: grid;
  gap: 4px;
  padding: 13px 15px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-operator-setting-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-operator-setting-list > form {
  align-items: end;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px 15px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-operator-setting-list > form:last-child {
  border-bottom: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-operator-setting-list label,
#app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace form > label {
  color: var(--v111-zinc-300);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-role-contract {
  background: transparent;
  border: 0;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-role-contract > article {
  border: 1px solid var(--v111-hairline);
  padding: 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-role-contract strong {
  color: #fff;
  font-family: var(--v111-display);
  font-size: 20px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-admin-layout {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(260px, 0.65fr) minmax(0, 1.35fr);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace :is(.rc2-staff-directory, .rc2-staff-workspace > section, .rc2-staff-audit) {
  margin: 0;
  padding: 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-directory > button {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--v111-divider);
  border-radius: 0;
  color: var(--v111-text);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-directory > button[aria-pressed="true"] {
  background: rgba(255, 255, 255, 0.04);
  border-left: 3px solid var(--v111-red);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-system-readiness-grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-system-readiness-grid > article {
  display: grid;
  gap: 5px;
  padding: 15px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-system-readiness-grid span {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-system-readiness-grid strong {
  color: #fff;
  font-family: var(--v111-display);
  font-size: 20px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-system-readiness-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-plan-admin-header {
  border-bottom-color: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-plan-admin-header h1 {
  font-family: var(--v111-display);
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: 0.025em;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-plan-admin-list {
  overflow: hidden;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-plan-admin-row,
#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-plan-admin-row > :is(div, span) {
  border-color: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-plan-admin-columns {
  background: var(--v111-surface);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace :is(
  .rc2-report-filter-summary,
  .rc2-report-provenance,
  .rc2-report-coverage,
  .rc2-report-detail,
  .rc2-report-chart,
  .rc2-report-summary,
  .rc2-export-boundary,
  .rc2-export-builder,
  .rc2-export-preview,
  .rc2-export-history
) {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 9px;
  box-shadow: none;
  color: var(--v111-text);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace :is(.rc2-report-filter-summary, .rc2-report-provenance, .rc2-report-coverage) {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--v111-divider);
  background: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace :is(.rc2-report-filter-summary, .rc2-report-provenance, .rc2-report-coverage) > div {
  background: var(--v111-panel);
  border: 0;
  display: grid;
  gap: 4px;
  padding: 11px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace :is(.rc2-report-filter-summary, .rc2-report-provenance, .rc2-report-coverage) span {
  color: var(--v111-zinc-500);
  font-family: var(--v111-mono);
  font-size: 8px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-index {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-index > button {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-radius: 9px;
  color: var(--v111-text);
  min-height: 88px;
  padding: 14px;
  text-align: left;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-index > button[aria-pressed="true"] {
  border-left: 3px solid var(--v111-red);
  background: rgba(255, 255, 255, 0.045);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-index strong {
  color: #fff;
  font-family: var(--v111-display);
  font-size: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-detail {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 16px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-visual-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace :is(.rc2-report-chart, .rc2-report-summary) {
  margin: 0;
  padding: 14px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-table {
  border: 1px solid var(--v111-divider);
  border-radius: 8px;
  margin: 0;
  overflow-x: auto;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-table-row,
#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-table-row > span {
  border-color: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-table-head {
  background: var(--v111-surface);
  color: var(--v111-zinc-400);
  font-family: var(--v111-mono);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-export-boundary {
  margin: 0;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-export-builder {
  gap: 12px;
  margin: 0;
  padding: 16px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-export-field-picker {
  border-color: var(--v111-divider);
  border-radius: 8px;
  overflow: hidden;
  background: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-export-field-picker label {
  background: var(--v111-surface);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-export-actions button,
#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-export-history button,
#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-row-actions button {
  background: var(--v111-surface);
  border: 1px solid var(--v111-hairline);
  color: var(--v111-zinc-200);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-export-actions button[type="submit"] {
  background: var(--v111-red);
  border-color: var(--v111-red);
  color: #fff;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder .rc2-plan-builder-sheet {
  background: var(--v111-panel);
  border: 1px solid var(--v111-hairline);
  border-top: 3px solid var(--v111-red);
  border-radius: 10px;
  color: var(--v111-text);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder .rc2-plan-builder-sheet > header,
#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder .rc2-plan-builder-progress,
#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder .rc2-plan-builder-form footer {
  border-color: var(--v111-divider);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder .rc2-plan-builder-sheet > header h2 {
  font-family: var(--v111-display);
  letter-spacing: 0.025em;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder :is(button, input, select, textarea) {
  border-radius: 7px;
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder :is(.rc2-plan-template-grid > label, .rc2-plan-site-picker label, .rc2-plan-payment-methods label, .rc2-plan-review dl > div) {
  background: var(--v111-surface);
}

#app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder .rc2-plan-template-grid > label[data-selected="true"] {
  box-shadow: inset 3px 0 var(--v111-red);
}

@media (max-width: 1180px) {
  #app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-system-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-admin-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  #app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-grid,
  #app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-staff-role-contract,
  #app.btv2-v111-shell.btv2-v111-workspace .v111-role-dashboard-workspace .btv2-dashboard-quick-actions,
  #app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-owner-command-grid,
  #app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-index,
  #app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace .rc2-report-visual-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .v111-payments-workspace .btv2-finance-primary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .v111-settings-workspace .rc2-operator-setting-list > form,
  #app.btv2-v111-shell.btv2-v111-workspace .v111-admin-workspace .rc2-provider-editor > form {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .v111-system-workspace .rc2-system-readiness-grid,
  #app.btv2-v111-shell.btv2-v111-workspace .v111-reporting-workspace :is(.rc2-report-filter-summary, .rc2-report-provenance, .rc2-report-coverage) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-v111-shell.btv2-v111-workspace .v111-plan-builder .rc2-plan-builder-sheet {
    border-radius: 0;
  }
}

@media (min-width: 1181px) {
  #app.btv2-v111-shell[data-btv2-sidebar-collapsed="true"] > .main {
    margin-left: 72px;
  }

  #app.btv2-v111-shell > .sidebar[data-sidebar-collapsed="true"] {
    width: 72px;
  }

  #app.btv2-v111-shell > .sidebar[data-sidebar-collapsed="true"] .btv2-sidebar-topbar {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding-inline: 10px;
  }

  #app.btv2-v111-shell > .sidebar[data-sidebar-collapsed="true"] :is(.btv2-sidebar-logo, .btv2-sidebar-controls) {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 1180px) {
  #app.btv2-v111-shell > .sidebar .btv2-desktop-nav-toggle {
    display: none;
  }
}

@media (max-width: 760px) {
  .staff-auth-layout {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .staff-auth-brand {
    gap: 30px;
    padding: 28px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    border-right: 0;
  }

  .staff-auth-brand > img {
    max-width: 148px;
    width: 44%;
  }

  .staff-auth-brand h1 {
    font-size: clamp(34px, 12vw, 48px);
  }

  .staff-auth-layout .staff-auth-panel {
    padding: 28px 24px;
  }

  #app.btv2-v111-shell > .main > .rc2-workspace-navigation {
    margin: 10px 14px 0;
  }

  #app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .screen-command-header {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .screen.v111-workspace .hero-mini-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-v111-shell.btv2-v111-workspace .v111-members-workspace .rc2-members-directory-header {
    align-items: stretch;
    display: grid;
  }
}
/* Rapid visual repair pass 1: final shared-control precedence (late cascade). */
#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] :is(.v111-head-controls, .rc2-workspace-navigation) :is(select.v111-control, input.v111-control, button.v111-control) {
  appearance: none;
  background-color: #14141a;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.01));
  border: 1px solid var(--v111-hairline);
  border-radius: 9px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 10px 24px -20px rgba(0, 0, 0, 0.9);
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] .v111-head-controls select.v111-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='m5 7 4 4 4-4' stroke='%23a1a1aa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.01));
  background-position: right 11px center, 0 0;
  background-repeat: no-repeat;
  background-size: 18px 18px, 100% 100%;
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] :is(.v111-head-controls, .rc2-workspace-navigation) .v111-control:hover {
  background-color: var(--v111-panel-2);
  border-color: rgba(255, 255, 255, 0.22);
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] :is(.v111-head-controls, .rc2-workspace-navigation) .v111-control:focus-visible {
  border-color: var(--v111-red-bright);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--v111-red) 16%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  outline: 0;
}

/* Rapid UI repair pass 2: one finished V11.1 control and action language. */
#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] .v111-control {
  appearance: none;
  background-color: #15151b;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.012));
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 9px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 12px 26px -24px rgba(0, 0, 0, 0.96);
  color: var(--v111-zinc-100);
  font: inherit;
  min-height: 44px;
  padding: 0 13px;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease;
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] select.v111-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='m5 7 4 4 4-4' stroke='%23a1a1aa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.012));
  background-position: right 11px center, 0 0;
  background-repeat: no-repeat;
  background-size: 18px 18px, 100% 100%;
  padding-right: 38px;
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] select.v111-control option {
  background: #15151b;
  color: var(--v111-zinc-100);
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] .v111-control::placeholder {
  color: var(--v111-zinc-500);
  opacity: 1;
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] .v111-control:hover {
  background-color: #1a1a22;
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff;
}

#app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] .v111-control:focus-visible {
  border-color: var(--v111-red-bright);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--v111-red) 17%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  outline: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-head select.v111-control {
  background-color: #15151b;
  border-color: rgba(255, 255, 255, 0.11);
  border-radius: 9px;
  min-height: 44px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action {
  align-items: center;
  appearance: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.015)), #15151b;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 9px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075), 0 12px 28px -24px rgba(0, 0, 0, 0.95);
  color: var(--v111-zinc-100);
  display: inline-flex;
  gap: 8px;
  min-height: 44px;
  padding: 0 14px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action--primary {
  background: var(--v111-primary-action);
  border-color: color-mix(in srgb, var(--v111-primary-action) 68%, white);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 14px 28px -22px color-mix(in srgb, var(--v111-primary-action) 75%, transparent);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action:hover {
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-1px);
}

/* Rapid UI repair pass 2: compact operational cards instead of flat tables. */
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-location-panel .btv2-owner-site-comparison,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-decision-rows,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-exception-list {
  display: grid;
  gap: 6px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-location-panel .btv2-owner-site-comparison > article,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-decision-rows > article,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-exception-list > article {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)), #111116;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  margin: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-location-panel .btv2-owner-site-comparison > article {
  min-height: 56px;
  padding: 7px 10px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-location-panel .btv2-owner-site-comparison > article:is([data-source-state="unavailable"], [data-freshness-state="awaiting"]) {
  background: rgba(255, 255, 255, 0.012);
  border-style: dashed;
  color: var(--v111-zinc-500);
  opacity: 0.78;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-decision-rows > article {
  min-height: 42px;
  padding: 6px 8px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-decision-rows > article > button {
  background: #17171e;
  border: 1px solid color-mix(in srgb, var(--v111-red) 42%, transparent);
  border-radius: 7px;
  color: var(--v111-zinc-100);
  min-height: 30px;
  padding: 0 10px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-exception-list > article {
  min-height: 44px;
  padding: 6px 8px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-control-stack .btv2-owner-exception-list > article > button,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-location-panel .v111-panel-actions > button,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-canonical-section-head button {
  background: #17171e;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  color: var(--v111-zinc-200);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .v111-action-row-labels {
  display: none;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)), #111116;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  display: grid;
  gap: 4px 8px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  min-height: 72px;
  padding: 9px 10px;
  text-align: left;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > span {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > :is(.v111-action-value, em) {
  grid-column: 3;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list > button > em {
  align-self: end;
  background: transparent;
  border: 0;
  color: var(--v111-zinc-500);
  grid-row: 2;
  padding: 0;
}

@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-v111-shell[data-btv2-mode] .v111-control {
    max-width: 100%;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-operational-actions--mobile {
    display: none;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action {
    justify-content: center;
    min-width: 0;
    padding-inline: 9px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-owner-action-list {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-location-panel .btv2-owner-site-comparison > article {
    grid-template-columns: minmax(108px, 1fr) 42px 60px 48px;
    min-height: 58px;
  }
}

/* Owner-directed V11.1 Dashboard interaction and action primitives. */
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-histogram {
  overflow: visible;
  position: relative;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-bar {
  align-self: end;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  flex: 1 1 0;
  height: var(--v111-daypass-height);
  min-width: 3px;
  outline: 0;
  padding: 0;
  position: relative;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-bar > span {
  background: rgba(59, 130, 246, 0.72);
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  display: block;
  height: 100%;
  transition: filter 140ms ease, opacity 140ms ease, transform 140ms ease;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-bar.peak > span {
  background: var(--v111-zinc-100);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-bar.is-muted > span {
  opacity: 0.28;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-bar.is-active > span {
  filter: brightness(1.22);
  transform: translateY(-3px);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-bar:is(:focus-visible, [aria-pressed="true"]) {
  box-shadow: 0 0 0 2px var(--v111-panel), 0 0 0 4px var(--v111-zinc-100);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-tooltip {
  background: #0b0b0f;
  border: 1px solid var(--v111-hairline);
  border-radius: 7px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.38);
  color: var(--v111-zinc-200);
  left: 50%;
  min-width: 128px;
  padding: 7px 9px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 6px;
  transform: translateX(-50%);
  z-index: 2;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-tooltip > :is(strong, span) {
  display: block;
  font-family: var(--v111-mono);
  font-size: 9px;
  line-height: 1.45;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-daypass-tooltip > span {
  color: white;
  font-size: 10px;
  font-weight: 700;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-list {
  display: grid;
  gap: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-item {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--v111-divider);
  border-radius: 0;
  color: inherit;
  display: grid;
  gap: 12px;
  grid-template-columns: 30px minmax(0, 1fr) auto auto;
  min-height: 64px;
  padding: 10px 0;
  text-align: left;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-item:last-child {
  border-bottom: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-item:is(:hover, :focus-visible) {
  background: rgba(255, 255, 255, 0.025);
  outline: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-item:focus-visible {
  box-shadow: inset 3px 0 var(--v111-zinc-100);
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-sequence {
  color: var(--v111-zinc-600);
  font-family: var(--v111-mono);
  font-size: 10px;
  text-align: center;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-copy {
  min-width: 0;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-copy > strong {
  color: white;
  display: block;
  font-size: 13.5px;
  line-height: 1.35;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-meta {
  color: var(--v111-zinc-400);
  display: flex;
  flex-wrap: wrap;
  font-size: 10.5px;
  gap: 4px 12px;
  margin-top: 4px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-meta > span + span::before {
  color: var(--v111-zinc-600);
  content: "·";
  margin-right: 12px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-value {
  color: white;
  font-family: var(--v111-mono);
  font-size: 11px;
  text-align: right;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-value > span {
  color: var(--v111-zinc-600);
  display: block;
  font-size: 7.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-cta {
  background: #17171e;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  color: var(--v111-zinc-200);
  font-family: var(--v111-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  padding: 8px 11px;
  text-transform: uppercase;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-item[data-hot="true"] .v111-action-cta {
  border-color: var(--v111-action-chip-border);
  color: var(--v111-red-bright);
}

/* V11.1 completion cascade authority. */
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--period-only {
  display: flex;
  grid-template-columns: none;
  justify-content: flex-end;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--period-only .v111-head-period {
  display: block;
  flex: 0 1 168px;
  margin: 0;
  min-width: 150px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid--primary > :is(.v111-gender-panel, .v111-age-panel),
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel {
  align-self: start;
  min-height: 0;
}

@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--period-only,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--period-only .v111-head-period {
    display: block;
    min-width: 0;
    width: 100%;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-command-grid.btv2-owner-charts-grid.v111-history-grid {
    align-items: start;
    grid-auto-rows: auto;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] :is(.v111-history-panel, .v111-history-panel.btv2-owner-movement, .v111-history-panel.btv2-owner-churn) {
    height: auto;
    min-height: 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-chart-shell,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-movement-chart {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-movement-chart {
    align-items: stretch;
    gap: 14px 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-movement-chart article {
    grid-template-rows: 112px auto auto auto;
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-movement-bars {
    height: 112px;
    min-height: 112px;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-movement-chart article > :is(strong, span, small) {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-churn-chart article {
    align-items: center;
    grid-template-columns: 38px minmax(0, 1fr) minmax(58px, auto);
    min-width: 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-history-panel .btv2-owner-chart-legend {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-actions-panel .btv2-canonical-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-item {
    gap: 8px 10px;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    min-height: 0;
    padding: 12px 0;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-value {
    grid-column: 2;
    text-align: left;
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-action-cta {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}
/* CRM-native Deeside presale. Isolated from the staff Dashboard shell. */
.deeside-presale-page {
  --presale-red: var(--signal-red);
  --presale-red-rgb: var(--signal-red-rgb);
  margin: 0;
  min-width: 320px;
  color: #f5f3ef;
  background: #09090b;
  font-family: "Inter", Arial, sans-serif;
}

.deeside-presale-page::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 70%);
}

.deeside-presale-shell {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.deeside-presale-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 88px;
  border-bottom: 1px solid #29292e;
}

.deeside-presale-header img {
  width: 104px;
  height: auto;
}

.deeside-presale-header span,
.deeside-presale-kicker,
.deeside-presale-section-heading > span {
  color: var(--presale-red);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.deeside-presale-intro {
  padding: 92px 0 72px;
}

.deeside-presale-intro h1,
.deeside-presale-confirmation h1,
.deeside-presale-status h1 {
  max-width: 880px;
  margin: 18px 0 24px;
  color: #171719;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: clamp(68px, 9.5vw, 132px);
  font-weight: 800;
  line-height: .82;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.deeside-presale-lead {
  max-width: 650px;
  margin: 0;
  color: #514d49;
  font-size: 18px;
  line-height: 1.6;
}

.deeside-presale-price {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  gap: 32px;
  align-items: stretch;
  max-width: 760px;
  margin-top: 58px;
  padding: 30px 0;
  border-block: 1px solid #34343a;
}

.deeside-presale-price i { background: #34343a; }
.deeside-presale-price div { display: grid; gap: 7px; }
.deeside-presale-price span { color: #8f8f97; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.deeside-presale-price strong { font-family: "Barlow Condensed", Impact, sans-serif; font-size: 60px; line-height: 1; }
.deeside-presale-price div:first-child strong { color: var(--presale-red); }

.deeside-presale-facts {
  display: flex;
  gap: 38px;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}

.deeside-presale-facts li { display: flex; gap: 10px; align-items: center; color: #4b4743; font-size: 13px; }
.deeside-presale-facts b { color: var(--presale-red); font-family: "JetBrains Mono", monospace; font-size: 10px; }

.deeside-presale-signup {
  display: grid;
  grid-template-columns: minmax(240px, .75fr) minmax(420px, 1.25fr);
  column-gap: 80px;
  padding: 72px 0 88px;
  border-top: 1px solid #29292e;
}

.deeside-presale-section-heading h2 {
  margin: 12px 0 14px;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
}

.deeside-presale-section-heading p {
  color: #5a5551;
  font-size: 14px;
  line-height: 1.6;
}

.deeside-presale-agreement-copy p {
  color: #b8b8bd;
  font-size: 14px;
  line-height: 1.6;
}

.deeside-presale-signup form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.deeside-presale-signup form > label:first-child,
.deeside-presale-agreement-copy,
.deeside-presale-check,
.deeside-presale-signup form > button { grid-column: 1 / -1; }

.deeside-presale-signup label:not(.deeside-presale-check) {
  display: grid;
  gap: 9px;
  color: #3d3936;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.deeside-presale-signup input:not([type="checkbox"]) {
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  padding: 0 15px;
  color: #fff;
  background: #111114;
  border: 1px solid #3b3b42;
  border-radius: 2px;
  font: 500 16px "Inter", sans-serif;
  outline: none;
}

.deeside-presale-signup input:not([type="checkbox"]):focus {
  border-color: var(--presale-red);
  box-shadow: 0 0 0 2px rgb(var(--presale-red-rgb) / .16);
}

.deeside-presale-agreement-copy {
  margin-top: 8px;
  padding: 18px 20px;
  border-left: 3px solid var(--presale-red);
  background: #101013;
}

.deeside-presale-agreement-copy strong { color: #f5f3ef; font-size: 13px; }
.deeside-presale-agreement-copy p { margin: 7px 0 0; }

.deeside-presale-check {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 12px;
  align-items: start;
  color: #383431;
  font-size: 13px;
  line-height: 1.45;
}

.deeside-presale-check input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--presale-red); }
.deeside-presale-check small { display: block; margin-top: 3px; color: #625d58; font-family: "JetBrains Mono", monospace; font-size: 9px; }

.deeside-presale-signup form > button,
.deeside-presale-status button {
  min-height: 54px;
  margin-top: 5px;
  color: #fff;
  background: var(--presale-red);
  border: 1px solid var(--presale-red);
  border-radius: 2px;
  font: 800 15px "Inter", sans-serif;
  cursor: pointer;
}

.deeside-presale-signup form > button:hover:not(:disabled) { background: var(--signal-red-hover); }
.deeside-presale-signup form > button:disabled { cursor: wait; opacity: .65; }

.deeside-presale-error {
  grid-column: 2;
  margin: 0 0 20px;
  padding: 13px 15px;
  color: color-mix(in srgb, var(--presale-red) 22%, white);
  background: color-mix(in srgb, var(--presale-red) 14%, #09090b);
  border-left: 3px solid var(--presale-red);
  font-size: 13px;
}

.deeside-presale-phase-line {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 66px;
  border-block: 1px solid #2f2f35;
}

.deeside-presale-phase-line div {
  display: grid;
  gap: 5px;
  padding: 22px;
  border-right: 1px solid #2f2f35;
}

.deeside-presale-phase-line div:last-child { border-right: 0; }
.deeside-presale-phase-line span { color: #85858d; font-family: "JetBrains Mono", monospace; font-size: 10px; text-transform: uppercase; }
.deeside-presale-phase-line b { font-family: "Barlow Condensed", Impact, sans-serif; font-size: 32px; }
.deeside-presale-phase-line small { color: #77777f; font-size: 11px; }
.deeside-presale-phase-line .is-active { box-shadow: inset 0 3px var(--presale-red); background: #111114; }
.deeside-presale-phase-line .is-active b { color: var(--presale-red); }

.deeside-presale-confirmation,
.deeside-presale-status {
  min-height: calc(100vh - 270px);
  padding: 92px 0;
}

.deeside-presale-confirmation > p:not(.deeside-presale-kicker) { max-width: 650px; color: #514d49; font-size: 17px; line-height: 1.6; }
.deeside-presale-confirmation dl { max-width: 760px; margin: 52px 0 32px; border-top: 1px solid #34343a; }
.deeside-presale-confirmation dl div { display: grid; grid-template-columns: 180px 1fr; gap: 24px; padding: 16px 0; border-bottom: 1px solid #29292e; }
.deeside-presale-confirmation dt { color: #5f5a56; font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.deeside-presale-confirmation dd { margin: 0; color: #312e2b; font-weight: 600; overflow-wrap: anywhere; }
.deeside-presale-confirmation-note { padding: 15px 0 15px 18px; border-left: 3px solid var(--presale-red); }

.deeside-presale-footer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
  align-items: center;
  min-height: 112px;
  color: #5f5a56;
  border-top: 1px solid #29292e;
  font-size: 11px;
}

.deeside-presale-footer strong { color: #312e2b; font-family: "Barlow Condensed", sans-serif; letter-spacing: .05em; }

/* Owner-selected High-Density Pro. Members interior only; the shell and Dashboard
   retain their accepted V11.1 rules. All figures and actions use existing contracts. */
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density { gap: 16px; font-family: var(--v111-body); color: var(--v111-text); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(h1,h2,h3,strong,b,button,input,select,textarea,summary,label,dt,dd,small,em) { font-family: var(--v111-body); letter-spacing: normal; text-transform: none; font-style: normal; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(h1,h2,h3) { line-height: 1.25; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(button,input,select,textarea,summary) { min-width: 0; max-width: 100%; font-size: 12px; line-height: 1.4; border-radius: 5px; box-shadow: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(button,summary) { min-height: 36px; padding: 8px 12px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(input,select,textarea) { background: #121218; border: 1px solid #3a3a43; color: var(--v111-text); padding: 9px 10px; min-height: 38px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density input[type="checkbox"] { width: 15px; height: 15px; min-height: 15px; padding: 0; accent-color: var(--v111-red); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(button,input,select,summary,a):focus-visible { outline: 2px solid var(--v111-red-bright); outline-offset: 2px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density button:hover:not(:disabled) { border-color: var(--v111-zinc-400); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density button:disabled { cursor: not-allowed; opacity: .6; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-header { background: none; border: 0; padding: 10px 0 2px; margin: 0; min-height: 80px; align-items: center; gap: 16px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-header > div > span { display: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-header h1 { font-size: 30px; font-weight: 700; margin: 0 0 6px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-header p { margin: 0; font-size: 13px; color: var(--v111-zinc-300); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 11px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-meta > span { display: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-add-member-trigger { min-height: 40px; padding: 10px 18px; background: var(--v111-red); color: #fff; border: 1px solid var(--v111-red); font-weight: 600; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary { gap: 12px; background: none; border: 0; border-radius: 0; grid-template-columns: repeat(4,minmax(0,1fr)); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary > * { display: flex; flex-direction: column; justify-content: center; gap: 6px; background: #121218; border: 1px solid var(--v111-hairline); border-radius: 6px; padding: 13px 16px; min-height: 76px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary span { font-size: 11px; color: var(--v111-zinc-300); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary strong { font-size: 22px; font-weight: 650; line-height: 1.2; font-variant-numeric: tabular-nums; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary > :last-child strong { font-size: 16px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-layout { grid-template-columns: minmax(0,1.35fr) minmax(360px,1fr); gap: 16px; align-items: start; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.v111-members-directory,.v111-member-context) { padding: 16px; background: #111116; border: 1px solid var(--v111-hairline); border-radius: 7px; box-shadow: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-directory-title { margin: 0 0 14px; font-size: 18px; font-weight: 650; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar { padding: 0 0 10px; margin: 0; background: none; border: 0; border-bottom: 1px solid var(--v111-divider); border-radius: 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar form { display: grid; gap: 9px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar label { font-size: 11px; color: var(--v111-zinc-300); font-weight: 500; min-width: 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar :is(input,select) { width: 100%; font-size: 12px; font-weight: 400; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar-primary { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); align-items: end; gap: 8px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar-primary > label { grid-column: span 4; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar-primary > button { grid-column: span 3; width: auto; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar-primary > button[type="submit"] { background: var(--v111-red); color: white; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar-advanced { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding-top: 10px; border-top: 1px solid var(--v111-divider); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-active-filters { font-size: 10px; line-height: 1.5; gap: 6px; padding-top: 2px; border: 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-active-filters :is(strong,span) { font-size: 10px; font-weight: 400; color: var(--v111-zinc-300); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-directory { border: 0; padding: 0; margin: 0; background: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-directory-columns { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.65fr) 42px; gap: 9px; padding: 12px 8px; color: var(--v111-zinc-400); font-size: 10px; border-bottom: 1px solid var(--v111-divider); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-entry { border-bottom: 1px solid var(--v111-divider); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-entry[data-selected="true"] { background: color-mix(in srgb,var(--v111-red) 11%,#111116); box-shadow: inset 3px 0 var(--v111-red); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-row { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.65fr) 42px; align-items: center; gap: 9px; padding: 11px 8px; min-height: 70px; cursor: pointer; font-size: 11px; line-height: 1.45; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-row:hover { background: rgba(255,255,255,.025); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-row > * { min-width: 0; overflow-wrap: anywhere; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-identity { display: grid; grid-template-columns: 15px 30px minmax(0,1fr); gap: 7px; align-items: center; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-identity > span { display: grid; gap: 4px; justify-items: start; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-identity strong { font-size: 12px; font-weight: 600; line-height: 1.4; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-photo-thumbnail { width: 30px; height: 30px; border: 0; border-radius: 50%; background: #343740; color: #fff; font: 500 11px/1 var(--v111-body); display: grid; place-items: center; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-status-badge { border: 1px solid var(--v111-divider); border-radius: 4px; padding: 2px 6px; font-size: 10px; line-height: 1.4; color: var(--v111-zinc-200); background: #292930; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-status-badge[data-status="active-member"] { color: #86e2be; background: #143a2e; border-color: #245541; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-presale-profile-grid .rc2-member-status-badge:is([data-status="paid"],[data-status="completed"]) { color: #86e2be; background: #143a2e; border-color: #245541; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-presale-profile-grid .rc2-member-status-badge[data-status="pending"] { color: #efd39d; background: #3b301c; border-color: #584526; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density select:disabled { cursor: not-allowed; color: var(--v111-zinc-400); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-status-badge:is([data-status="prospect"],[data-status="frozen"]) { color: #efd39d; background: #3b301c; border-color: #584526; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-status-badge:is([data-status="cancelled"],[data-status="expired"],[data-status="suspended"]) { color: var(--signal-red-on-dark); background: var(--signal-red-tint); border-color: var(--signal-red-border); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.hd-member-plan,.hd-member-site,.hd-member-payment) > small { display: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details { position: relative; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details summary { padding: 8px 2px; font-size: 10px; cursor: pointer; color: var(--v111-zinc-300); background: none; border: 0; list-style: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details[open] { grid-column: 1 / -1; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details[open] summary { width: fit-content; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 10px; margin: 0; background: #18181f; border: 1px solid var(--v111-divider); border-radius: 4px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details :is(dt,dd) { margin: 0; font-size: 11px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details dt { color: var(--v111-zinc-400); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-directory-foot { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; padding: 13px 0 5px; font-size: 11px; color: var(--v111-zinc-300); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-directory-foot small { font-size: 10px; color: var(--v111-zinc-400); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context { gap: 14px; position: sticky; top: 12px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-context-heading { align-items: start; gap: 10px; border-bottom: 1px solid var(--v111-divider); padding-bottom: 14px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-context-heading h2 { margin: 5px 0 0; font-size: 20px; font-weight: 650; overflow-wrap: anywhere; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-context-heading > div > span { font-size: 11px; color: var(--v111-zinc-400); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context-summary { background: none; border: 0; border-radius: 0; gap: 12px 16px; grid-template-columns: repeat(2,minmax(0,1fr)); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context-summary > div { background: none; padding: 0; gap: 5px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context-summary dt { color: var(--v111-zinc-400); font-size: 11px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context-summary dd { font-size: 12px; font-weight: 500; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context .rc2-workflow-panel { max-height: none; overflow: visible; padding: 0; background: none; border: 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-section-heading { margin: 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-panel .rc2-section-heading { padding: 8px 0; gap: 10px; align-items: center; border-bottom: 1px solid var(--v111-divider); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-panel .rc2-section-heading :is(h2,h3) { font-size: 15px; margin: 0; font-weight: 600; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-panel .rc2-section-heading > div > span { display: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-feedback { font-size: 11px; line-height: 1.6; color: var(--v111-zinc-300); margin: 10px 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-grid > section > strong { font-size: 14px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-grid > section > span { font-size: 11px; color: var(--v111-zinc-400); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.rc2-member-profile-summary,.rc2-presale-profile-grid) { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin: 12px 0; background: none; border: 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.rc2-member-profile-summary,.rc2-presale-profile-grid) > div { display: grid; grid-template-columns: minmax(95px,.8fr) minmax(0,1.2fr); gap: 12px; padding: 9px 0; border: 0; border-bottom: 1px solid var(--v111-divider); background: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.rc2-member-profile-summary,.rc2-presale-profile-grid) dt { font-size: 11px; color: var(--v111-zinc-300); margin: 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.rc2-member-profile-summary,.rc2-presale-profile-grid) dd { font-size: 12px; font-weight: 500; margin: 0; overflow-wrap: anywhere; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-membership-history { padding: 10px 0; margin: 0; background: none; border: 0; border-top: 1px solid var(--v111-divider); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-membership-history > article { background: none; border: 0; padding: 8px 0; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-membership-history :is(p,small) { font-size: 11px; line-height: 1.6; color: var(--v111-zinc-300); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-operational-summary { gap: 8px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-operational-summary article { background: #18181f; padding: 9px; border-radius: 4px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-operational-summary span { font-size: 10px; color: var(--v111-zinc-300); }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-operational-summary strong { font-size: 17px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-form { padding: 12px; border: 1px solid var(--v111-divider); border-radius: 5px; background: none; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-form :is(p,label) { font-size: 12px; line-height: 1.6; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-stack { gap: 12px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-stack h3 { font-size: 15px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-stack :is(p,span,small) { font-size: 11px; line-height: 1.6; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-stack strong { font-size: 12px; }
#app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-exports { background: none; border-color: var(--v111-divider); }
@media (max-width: 1100px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-layout { grid-template-columns: minmax(0,1fr); }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context { position: static; }
}
@media (max-width: 600px) {
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density { gap: 12px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-header { padding: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 62px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-header h1 { font-size: 24px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-members-directory-header p { font-size: 11px; line-height: 1.5; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-add-member-trigger { padding: 10px; min-height: 44px; font-size: 11px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary > * { min-height: 66px; padding: 10px 12px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-members-summary strong { font-size: 20px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.v111-members-directory,.v111-member-context) { padding: 12px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(button,summary,input,select) { min-height: 44px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar-primary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-member-toolbar-primary > :is(label,button) { grid-column: auto; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-directory-columns { display: none; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; padding: 12px 8px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-identity { grid-column: 1 / -1; grid-template-columns: 18px 34px minmax(0,1fr); }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-identity strong { font-size: 13px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details { grid-column: 2; grid-row: 3; text-align: right; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details[open] { grid-column: 1 / -1; grid-row: auto; text-align: left; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-details summary { display: inline-flex; align-items: center; font-size: 12px; padding: 8px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density :is(.hd-member-plan,.hd-member-site,.hd-member-payment) > small { display: block; color: var(--v111-zinc-400); font-size: 10px; margin-bottom: 3px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .hd-member-row > span { font-size: 12px; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density[data-profile-active="false"] .v111-member-context { display: none; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density[data-profile-active="true"] :is(.v111-members-directory,.v111-members-summary,.rc2-member-exports) { display: none; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .v111-member-context .rc2-workflow-panel { max-height: none; overflow: visible; }
  #app.btv2-shell-active.btv2-v111-shell.btv2-v111-workspace[data-btv2-mode] .members-high-density .rc2-workflow-panel .rc2-section-heading { flex-wrap: wrap; }
}

.deeside-presale-footer small { max-width: 430px; text-align: right; }

@media (max-width: 760px) {
  .deeside-presale-shell { width: min(100% - 32px, 560px); }
  .deeside-presale-header { min-height: 70px; }
  .deeside-presale-header img { width: 84px; }
  .deeside-presale-header span { font-size: 9px; }
  .deeside-presale-intro { padding: 58px 0 48px; }
  .deeside-presale-intro h1,
  .deeside-presale-confirmation h1,
  .deeside-presale-status h1 { margin-top: 15px; font-size: clamp(58px, 19vw, 78px); }
  .deeside-presale-lead { font-size: 15px; line-height: 1.55; }
  .deeside-presale-price { grid-template-columns: 1fr 1px 1fr; gap: 18px; margin-top: 38px; padding: 22px 0; }
  .deeside-presale-price strong { font-size: 43px; }
  .deeside-presale-price span { font-size: 9px; }
  .deeside-presale-facts { display: grid; gap: 12px; margin-top: 25px; }
  .deeside-presale-signup { display: block; padding: 48px 0 64px; }
  .deeside-presale-section-heading h2 { font-size: 40px; }
  .deeside-presale-signup form { grid-template-columns: 1fr; margin-top: 32px; }
  .deeside-presale-signup form > * { grid-column: 1 !important; }
  .deeside-presale-error { margin: 24px 0 -12px; }
  .deeside-presale-phase-line { margin-top: 48px; }
  .deeside-presale-phase-line div { padding: 15px 9px; }
  .deeside-presale-phase-line b { font-size: 25px; }
  .deeside-presale-phase-line small { font-size: 9px; }
  .deeside-presale-confirmation,
  .deeside-presale-status { min-height: calc(100vh - 240px); padding: 64px 0; }
  .deeside-presale-confirmation dl div { grid-template-columns: 110px 1fr; gap: 14px; }
  .deeside-presale-footer { grid-template-columns: 1fr; gap: 8px; padding: 25px 0; }
  .deeside-presale-footer small { text-align: left; }
}

/* Package 1 (19 Sep 2026): Dashboard scope + period controls. Restores the
   permitted-site selector beside the historical period control inside the
   accepted V11.1 head. Geometry mirrors the period-only layout; no shared
   search strip, no location comparison. */
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-template-columns: none;
  justify-content: flex-end;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period .v111-head-scope,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period .v111-head-period {
  display: block;
  flex: 0 1 200px;
  margin: 0;
  min-width: 150px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period .v111-head-scope .rc2-location-control {
  display: block;
  font-size: 0;
  margin: 0;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period .v111-head-scope select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period select:disabled {
  color: var(--v111-zinc-400, #a1a1aa);
  cursor: not-allowed;
  opacity: 0.85;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period .v111-head-period--snapshot {
  flex: 0 1 280px;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-period--snapshot .btv2-owner-period-control {
  align-items: stretch;
  display: block;
  justify-content: flex-start;
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-period-note {
  color: var(--v111-zinc-400, #a1a1aa);
  display: block;
  font-family: var(--v111-body);
  font-size: 11px;
  letter-spacing: 0.02em;
  line-height: 1.35;
  margin-top: 6px;
}

@media (max-width: 760px) {
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period .v111-head-scope,
  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-head-controls.v111-head-controls--scope-period .v111-head-period {
    display: block;
    min-width: 0;
    width: 100%;
  }
}

/* Owner review (19 Sep 2026): composition rows hold only panels that carry
   authoritative data. Fewer panels share the full row; a row of compact
   historical summaries does not reserve tall chart height; omitted panels are
   named once in a single compact source note. */
#app.btv2-v111-owner .v111-composition-grid[data-v111-panel-count="1"] {
  grid-template-columns: minmax(0, 1fr);
}

#app.btv2-v111-owner .v111-composition-grid[data-v111-panel-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid[data-v111-row-density="compact"] {
  grid-auto-rows: auto;
}

#app.btv2-v111-owner .v111-composition-grid[data-v111-row-density="compact"] > .v111-panel,
#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid[data-v111-row-density="compact"] > .v111-panel {
  min-height: 0;
}

#app.btv2-v111-owner .v111-composition-grid--compact[data-v111-panel-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .btv2-owner-command-grid.btv2-owner-charts-grid.v111-history-grid[data-v111-churn-shown="false"],
#app.btv2-v111-owner .v111-history-grid[data-v111-churn-shown="false"] {
  grid-template-columns: minmax(0, 1fr);
}

/* Launch blocker (20 Sep 2026): single-site historical commercial evidence is a
   compact labelled strip, never a headline KPI card. */
#app.btv2-v111-owner .v111-historical-evidence {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  margin: 8px 0 0;
  padding: 10px 12px;
}

#app.btv2-v111-owner .v111-historical-evidence header {
  align-items: baseline;
  color: rgba(255, 255, 255, 0.62);
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  gap: 4px 12px;
}

#app.btv2-v111-owner .v111-historical-evidence header strong {
  color: rgba(255, 255, 255, 0.82);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-historical-evidence dl {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 28px;
  margin: 8px 0 0;
}

#app.btv2-v111-owner .v111-historical-evidence dt {
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#app.btv2-v111-owner .v111-historical-evidence dd {
  color: rgba(255, 255, 255, 0.86);
  font-size: 15px;
  font-weight: 600;
  margin: 2px 0 0;
}

#app.btv2-v111-owner .v111-historical-evidence small {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  font-size: 10px;
}

#app.btv2-v111-owner .v111-kpi-grid[hidden] {
  display: none;
}

#app.btv2-v111-owner .v111-source-note {
  align-items: baseline;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.62);
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  gap: 4px 12px;
  line-height: 1.5;
  margin: 8px 0 0;
  padding: 8px 12px;
}

#app.btv2-v111-owner .v111-source-note strong {
  color: rgba(255, 255, 255, 0.82);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  #app.btv2-v111-owner .v111-composition-grid[data-v111-panel-count="2"],
  #app.btv2-v111-owner .v111-composition-grid--compact[data-v111-panel-count="3"] {
    grid-template-columns: minmax(0, 1fr);
  }

  #app.btv2-shell-active.btv2-v111-owner[data-btv2-mode] .v111-composition-grid[data-v111-row-density="compact"] > .v111-panel {
    min-height: 0;
  }
}

/* Members material (glass, gradients, red reflections) retired by Presentation V12: Members uses the shared V12 surfaces. */
} /* end @layer legacy */