/* ============================================================
   Analytics Theme — residual layer
   Scoped entirely to .analytics-theme — no impact on realtime-theme.

   Most of this file was retired by the rough/html theme port
   (2026-08-17): components carry the theme's Tailwind utilities
   directly, with tokens declared in src/analytics/index.css
   (@theme). Only rules still referenced from TSX remain.

   ⚠️ This stylesheet is UNLAYERED, so it beats Tailwind's layered
   utilities regardless of specificity. Anything added here will
   silently override component classes — the old .panel-card-title
   {font-size:13px;font-weight:800} rewrote every ported panel
   header that way. Prefer utilities in the components; add rules
   here only for things Tailwind cannot express.
   ============================================================ */

/* ── Design tokens (legacy names, aligned to the Figma theme) ── */
.analytics-theme {
  --red:       #E12424;
  --red3:      #C41B1B;
  --red-dim:   rgba(225, 36, 36, 0.08);
  --red-b:     rgba(225, 36, 36, 0.18);

  --bg:        #F5F6F8;
  --s1:        #FFFFFF;
  --s2:        #F0F0F5;

  --t:         #1A1A1A;
  --t2:        #555566;
  --t3:        #6D6C6C;

  --br2:       rgba(0, 0, 0, 0.12);

  --blue:      #2563EB;
  --bdim:      rgba(37, 99, 235, 0.09);

  --rsm:       7px;
  --rlg:       16px;

  --font:      'Inter', ui-sans-serif, system-ui, sans-serif;
  --mono:      'DM Mono', monospace;
}

/* ── Base ── */
.analytics-theme {
  font-family: var(--font);
  background: var(--bg);
  color: var(--t);
  line-height: 1.5;
}

/* ── Animations ── */
@keyframes an-pgIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

.analytics-theme main {
  animation: an-pgIn 0.2s ease;
}

/* ── Dashboard content ── */
.analytics-theme .an-dashboard-content {
  background: var(--bg);
  min-height: 100%;
}

/* Metric Card — Coming Soon status */
.analytics-theme .metric-card-coming-soon {
  font-size: 13px;
  font-weight: 600;
  color: var(--t3);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Empty state */
.analytics-theme .an-empty-state {
  display: flex;
  height: 240px;
  align-items: center;
  justify-content: center;
  border-radius: var(--rlg);
  border: 2px dashed var(--br2);
  color: var(--t3);
  font-size: 13px;
}

.analytics-theme .an-empty-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: var(--t3);
  cursor: pointer;
  font-family: var(--font);
  font-size: 13px;
  transition: color 0.15s;
}

.analytics-theme .an-empty-cta:hover { color: var(--red); }