/**
 * Showcase brand pack (P16) — cooler global SaaS healthcare look for US/AU/EU demos.
 * Activated via html[data-brand="showcase"]. Does not replace BSS India defaults.
 */

[data-brand="showcase"] {
  --color-bg-app: #f7f8fa;
  --color-bg-muted: #eef1f6;
  --color-bg-hero: #0a1628;

  --color-brand-primary: #0b5fff;
  --color-brand-primary-hover: #0047d4;
  --color-brand-soft: #e8f0ff;

  --color-accent-care: #0d9488;
  --color-accent-care-hover: #0f766e;
  --color-accent-care-soft: #ccfbf1;

  --color-focus: #0b5fff;

  --bss-blue: var(--color-brand-primary);
  --bss-blue-dark: var(--color-brand-primary-hover);
  --bss-blue-soft: var(--color-brand-soft);
  --bss-green: var(--color-accent-care);
  --bss-green-dark: var(--color-accent-care-hover);
  --bss-green-soft: var(--color-accent-care-soft);
  --admin-blue: var(--color-brand-primary);
  --admin-green: var(--color-accent-care);
}

[data-brand="showcase"][data-theme="dark"] {
  --color-brand-primary: #3b82f6;
  --color-brand-primary-hover: #60a5fa;
  --color-brand-soft: rgba(59, 130, 246, 0.18);
  --color-accent-care: #2dd4bf;
  --color-accent-care-hover: #5eead4;
  --color-accent-care-soft: rgba(45, 212, 191, 0.16);
  --color-focus: #3b82f6;
}

/* Density hooks for ops shells */
[data-density="compact"] {
  --touch-dense: 32px;
  --header-height: 48px;
  --space-section: 20px;
}

[data-density="compact"] .bss-shell__content,
[data-density="compact"] .clinic-main,
[data-density="compact"] .vendor-main,
[data-density="compact"] .b2b-main,
[data-density="compact"] .admin-card .card-body {
  --bs-gutter-x: 0.75rem;
}

[data-density="compact"] .admin-card .card-header,
[data-density="compact"] .page-header,
[data-density="compact"] .bss-panel__head {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

[data-density="compact"] .vendor-pipeline-col__body {
  max-height: 440px;
}

[data-density="compact"] .vendor-pipe-card {
  padding: 10px;
}

[data-density="compact"] .vendor-crm-metric {
  padding: 0.75rem;
}