/* static/css/base.css */
/* Design Tokens Corporativos */

:root {
  --bg: #eef2f6;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #64748b;
  --border: #e5e7eb;

  --blue: #1f7a8c;
  --blue-dark: #176472;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 6px 18px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 12px 36px rgba(15, 23, 42, 0.15);

  --font-base: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

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

/* ── Tabela PADRÃO do sistema (modelo: Monitoramento/Canais) ──────────────
   Toda listagem usa `table table-hover align-middle mb-0 tabela-padrao`
   (tabela-integracoes é alias legado). A régua de 58px trava a ALTURA DA
   LINHA independentemente do conteúdo (badges, thumbnails carregando ou
   ausentes) — é o que impede tabelas com foto/refresh de "pulsarem" e
   garante a mesma densidade em todos os módulos. */
table.table.tabela-padrao,
table.table.tabela-integracoes { font-size: .9rem; }
table.table.tabela-padrao > tbody > tr > td,
table.table.tabela-integracoes > tbody > tr > td { height: 58px; }
table.table.tabela-padrao > :not(caption) > * > *,
table.table.tabela-integracoes > :not(caption) > * > * { vertical-align: middle; }