/* base.css — CSS variables, reset, shared components */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:       #0d1117;
  --sidebar:  #161b22;
  --card:     #1c2128;
  --border:   #30363d;
  --text:     #e6edf3;
  --muted:    #8b949e;
  --accent:   #0ea5e9;
  --accent2:  #06b6d4;
  --green:    #3fb950;
  --orange:   #f78166;
  --yellow:   #d29922;
  --red:      #f85149;
  --font:     -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
}

/* ── SCROLLBAR ─────────────────────────────── */
::-webkit-scrollbar              { width: 5px; height: 5px; }
::-webkit-scrollbar-track        { background: transparent; }
::-webkit-scrollbar-thumb        { background: var(--border); border-radius: 3px; }

/* ── BADGE TYPES (shared dashboard + admin) ── */
.type-badge {
  display: inline-flex; align-items: center; gap: .3rem;
  font-size: .72rem; font-weight: 700;
  padding: .2rem .5rem; border-radius: 4px;
}
.tb-DEMAND_SPIKE   { background:#3fb95018; color:#3fb950; border:1px solid #3fb95030; }
.tb-SUPPLY_GAP     { background:#58a6ff18; color:#58a6ff; border:1px solid #58a6ff30; }
.tb-TREND_RISING   { background:#a371f718; color:#a371f7; border:1px solid #a371f730; }
.tb-COMMENT_CLUSTER{ background:#d2992218; color:#d29922; border:1px solid #d2992230; }
.tb-PRICE_SURGE    { background:#f7816618; color:#f78166; border:1px solid #f7816630; }

/* ── SEVERITY ────────────────────────────────── */
.sev-high     { color: var(--orange); font-weight: 600; }
.sev-medium   { color: var(--yellow); font-weight: 600; }
.sev-low      { color: var(--green);  font-weight: 600; }
.sev-critical { color: var(--red);    font-weight: 600; }

/* ── STATUS ACTIVE ───────────────────────────── */
.status-active {
  background: #3fb95018; color: #3fb950;
  border: 1px solid #3fb95030;
  font-size: .7rem; padding: .15rem .4rem;
  border-radius: 4px; font-weight: 600;
}

/* ── RISK BADGE ──────────────────────────────── */
.risk-badge        { font-size:.75rem; font-weight:700; padding:.2rem .5rem; border-radius:4px; }
.risk-MEDIUM       { background:#d2992222; color:#d29922; border:1px solid #d2992244; }
.risk-HIGH         { background:#f7816622; color:#f78166; border:1px solid #f7816644; }
.risk-LOW          { background:#3fb95022; color:#3fb950; border:1px solid #3fb95044; }

/* ── FILTER SELECT ───────────────────────────── */
.filter-sel {
  background: #21262d; border: 1px solid var(--border);
  color: var(--text); padding: .3rem .6rem;
  border-radius: 6px; font-size: .78rem;
}
.filter-sel:focus { outline: none; border-color: var(--accent); }

/* ── EMPTY STATES ────────────────────────────── */
.empty-row td      { text-align: center; color: var(--muted); padding: 2rem !important; }
.empty-state       { text-align: center; color: var(--muted); padding: 3rem; font-size: .88rem; }

/* ── LOGO BLOCK (shared login + topbar) ──────── */
.econiq-logo {
  display: flex;
  align-items: center;
}
.econiq-logo img {
  height: auto;
  display: block;
}