/* BZ Consultants Group theme over Tabler.
   Palette + type taken from bzconsultantsgroup.com (2026-11-13): Poppins; primary #489fed, primary-dark #0b4374,
   primary-medium #1786e8, primary-light #b9dbf8, neutral #1a1a1a; logo navy #353f74, logo gray #9c9b9b. */
:root {
  --bz-primary: #489fed;
  --bz-primary-medium: #1786e8;
  --bz-primary-dark: #0b4374;
  --bz-primary-light: #b9dbf8;
  --bz-navy: #353f74;
  --bz-gray: #9c9b9b;
  --bz-ink: #1a1a1a;
  --bz-ink-soft: #404040;
  --bz-line: #d9d9d9;
  --bz-bg: #f4f7fb;
  --bz-ok: #1f9d6b;
  --bz-warn: #c98a12;
  --bz-bad: #c2413b;

  --tblr-primary: #1786e8;
  --tblr-primary-rgb: 23, 134, 232;
  --tblr-font-sans-serif: "Poppins", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --tblr-body-color: var(--bz-ink);
  --tblr-body-bg: var(--bz-bg);
  --tblr-link-color: #1170c6;
  --tblr-link-color-rgb: 17, 112, 198;
  --tblr-border-radius: 8px;
}
body { font-family: var(--tblr-font-sans-serif); background: var(--bz-bg); color: var(--bz-ink); font-size: .9rem; }
h1, h2, h3, h4, .page-title { font-family: "Poppins", sans-serif; font-weight: 700; letter-spacing: -.01em; }

/* sidebar */
.bz-sidebar { background: linear-gradient(180deg, var(--bz-primary-dark) 0%, #08345a 100%) !important; }
.bz-sidebar .navbar-brand { padding: 1.1rem 0 .4rem; display: flex; align-items: center; gap: .65rem; }
.bz-sidebar .navbar-brand img { width: 46px; height: 46px; }
.bz-brand-name { color: #fff; font-weight: 700; font-size: 1rem; line-height: 1.15; }
.bz-brand-sub { color: var(--bz-primary-light); font-weight: 500; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.bz-sidebar .nav-link { color: rgba(255,255,255,.82) !important; border-radius: 8px; margin: 1px 0; font-weight: 500; }
.bz-sidebar .nav-link:hover { color: #fff !important; background: rgba(255,255,255,.08); }
.bz-sidebar .nav-link.active { color: #fff !important; background: rgba(72,159,237,.28); box-shadow: inset 3px 0 0 var(--bz-primary); }
.bz-sidebar .nav-section { color: var(--bz-primary-light); opacity: .7; font-size: .68rem; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; padding: 1rem .75rem .35rem; }
.bz-soon { font-size: .6rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: .1rem .35rem;
  border-radius: 4px; background: rgba(255,255,255,.12); color: var(--bz-primary-light); margin-left: auto; }
.bz-sidebar .nav-link-title { flex: 1; }

/* top bar */
.bz-topbar { background: #fff; border-bottom: 1px solid var(--bz-line); }
.bz-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--bz-primary-light); color: var(--bz-primary-dark);
  display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: .8rem; }

/* cards + tables */
.card { border: 1px solid #e3e9f1; box-shadow: 0 1px 2px rgba(11,67,116,.04); }
.card-header { border-bottom-color: #e8edf3; }
.table thead th { background: #f1f5fa; color: var(--bz-ink-soft); font-size: .7rem; letter-spacing: .06em; font-weight: 600; }
.btn-primary { background: var(--bz-primary-medium); border-color: var(--bz-primary-medium); }
.btn-primary:hover { background: var(--bz-primary-dark); border-color: var(--bz-primary-dark); }
.page-pretitle { color: var(--bz-primary-medium); font-weight: 600; }

/* stat tiles */
.bz-stat { padding: 1rem 1.15rem; }
.bz-stat .label { color: var(--bz-ink-soft); font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.bz-stat .value { font-size: 1.75rem; font-weight: 700; color: var(--bz-primary-dark); font-variant-numeric: tabular-nums; line-height: 1.2; }
.bz-stat .hint { color: #6b7684; font-size: .78rem; }

/* connection chips */
.bz-chips { display: flex; flex-wrap: wrap; gap: .3rem; }
.bz-chip { display: inline-flex; align-items: center; gap: .3rem; padding: .12rem .5rem; border-radius: 999px; font-size: .7rem;
  font-weight: 500; border: 1px solid transparent; white-space: nowrap; }
.bz-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.bz-chip.connected { background: #e6f6ef; color: var(--bz-ok); border-color: #c4ead9; }
.bz-chip.unverified { background: #eaf3fd; color: var(--bz-primary-medium); border-color: #cfe3fa; }
.bz-chip.lost { background: #fdecea; color: var(--bz-bad); border-color: #f6cdc9; }
.bz-chip.missing { background: #f3f4f6; color: #8a93a0; border-color: #e5e7eb; }

/* dealer cards */
.bz-dealer { transition: box-shadow .12s, transform .12s; }
.bz-dealer:hover { box-shadow: 0 4px 14px rgba(11,67,116,.12); transform: translateY(-1px); }
.bz-dealer a.stretched-link { color: inherit; }
.bz-dealer .name { font-weight: 600; color: var(--bz-ink); }
.bz-group-title { font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bz-ink-soft); margin: 1.25rem 0 .5rem; }

/* role badges */
.bz-role { font-size: .7rem; font-weight: 600; padding: .15rem .5rem; border-radius: 4px; background: #eef2f7; color: var(--bz-ink-soft); }
.bz-role.super_admin { background: #1a1a1a; color: #fff; }
.bz-role.admin { background: var(--bz-primary-dark); color: #fff; }
.bz-role.client_admin { background: var(--bz-primary-light); color: var(--bz-primary-dark); }
.bz-status { font-size: .72rem; font-weight: 600; }
.bz-status.active { color: var(--bz-ok); } .bz-status.invited { color: var(--bz-primary-medium); }
.bz-status.locked { color: var(--bz-warn); } .bz-status.disabled { color: #8a93a0; }

/* auth pages */
.bz-auth { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem 1rem;
  background: radial-gradient(1200px 600px at 10% -10%, #dbeafb 0%, transparent 60%),
              radial-gradient(900px 500px at 110% 110%, #e2ecf7 0%, transparent 60%), var(--bz-bg); }
.bz-auth .card { width: 100%; max-width: 420px; border-radius: 14px; box-shadow: 0 12px 40px rgba(11,67,116,.12); }
.bz-auth .brand { text-align: center; margin-bottom: 1.25rem; }
.bz-auth .brand img { width: 84px; height: 84px; }
.bz-auth .brand .t { font-weight: 700; color: var(--bz-primary-dark); font-size: 1.15rem; margin-top: .35rem; }
.bz-auth .brand .s { color: #6b7684; font-size: .8rem; }

.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8rem; }
.text-secondary-soft { color: #6b7684; }
.bz-empty { padding: 2.5rem 1rem; text-align: center; color: #6b7684; }
.bz-soon-hero { padding: 3rem 1.5rem; text-align: center; }
.bz-soon-hero .icon { width: 56px; height: 56px; border-radius: 14px; background: var(--bz-primary-light); color: var(--bz-primary-dark);
  display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }