/* ===================================================================
   Backoffice aiball — "Resumen global" redesign
   Palette pulled from the real Figma file (Aiball - club view):
     sidebar #14151a · elevated #1a1d21 · lime #cfdd25 · cyan #18b1d2
   =================================================================== */

:root {
  /* sidebar */
  --bo-sidebar-bg: #14151a;
  --bo-sidebar-elev: #1a1d21;
  --bo-sidebar-line: #262a31;
  --bo-sidebar-fg: #e7ebf1;
  --bo-sidebar-mute: #8b95a5;
  --bo-lime: #cfdd25;
  /* Warning text on the dark sidebar. Lighter than the content area's
     --bo-q1-dot (#dc2626), which is tuned for white cards and reads muddy
     against #1a1d21. */
  --bo-sidebar-red: #ff6b6b;

  /* content */
  --bo-bg: #f3f6fa;
  --bo-card: #ffffff;
  --bo-border: #e7edf3;
  --bo-border-strong: #d9e1ea;
  --bo-text: #111827;
  --bo-text-2: #334155;
  --bo-mute: #64748b;
  --bo-faint: #94a3b8;

  /* accents */
  --bo-cyan: #18b1d2;
  --bo-cyan-rgb: 24, 177, 210;
  --bo-cyan-ink: #0e7490;
  --bo-accent: var(--bo-cyan);          /* swapped by tweak */
  --bo-accent-rgb: var(--bo-cyan-rgb);

  /* semantic */
  --bo-good: #15803d;
  --bo-good-bg: #e7f6ec;
  --bo-bad: #c2410c;
  --bo-bad-rgb: 194, 65, 12;            /* for the hatch of a blocked stretch */
  --bo-bad-bg: #fdeee3;
  /* Amber: still pending (an open match filling, the club's reception). */
  --bo-warn: #a16207;
  --bo-warn-bg: #fef6db;
  --bo-flat: #64748b;
  --bo-flat-bg: #eef2f7;

  /* benchmark quartiles: P0-25 red · 25-50 yellow · 50-75 blue · 75+ green.
     `-dot` is the solid colour of the dot on the track; `-ink` / `-bg` are the
     pill's text / background (ink is darkened so it stays legible on the bg). */
  --bo-q1-dot: #dc2626;  --bo-q1-ink: #b91c1c;  --bo-q1-bg: #fde8e8;
  --bo-q2-dot: #eab308;  --bo-q2-ink: #a16207;  --bo-q2-bg: #fef6db;
  --bo-q3-dot: #2563eb;  --bo-q3-ink: #1d4ed8;  --bo-q3-bg: #e6edfd;
  --bo-q4-dot: #16a34a;  --bo-q4-ink: #15803d;  --bo-q4-bg: #e7f6ec;

  /* shape */
  --bo-radius: 16px;
  --bo-radius-sm: 11px;
  --bo-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .04);
  --bo-shadow-md: 0 4px 16px rgba(15, 23, 42, .06);
  --bo-sidebar-w: 256px;

  /* density (overridden by .is-compact) */
  --bo-card-pad: 18px;
  --bo-gap: 16px;
  --bo-kpi-min: 268px;
}

.is-compact {
  --bo-card-pad: 14px;
  --bo-gap: 12px;
  --bo-kpi-min: 232px;
  --bo-radius: 13px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--bo-text);
  background: var(--bo-bg);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "cv11", "ss01";
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }

.bo-layout { display: flex; min-height: 100vh; }