/* ============================================================
   Tessili — design system do painel (direção "Tessili refinada")
   Contrato: DESIGN.md. Tokens escolhidos pelo Felipe em 02/08/2026
   no playground de direção visual. NÃO usar hex solto nas páginas:
   consumir estas variáveis.
   ============================================================ */
:root{
  /* cor */
  --navy:#0E2340;            /* cabeçalho do app / marca */
  --navy2:#16395a;           /* variação do navy (hover de header) */
  --orange:#E64A0E;          /* ACENTO ÚNICO: botão primário, chip ativo, link */
  --cream:#ECECEC;           /* fundo de página */
  --card:#FFFFFF;            /* cartões, tabelas, formulários */
  --ink:#1A1A1A;             /* texto principal */
  --muted:#6B6B6B;           /* texto secundário */
  --line:rgba(20,30,45,.10); /* borda hairline universal */
  --hover:rgba(14,35,64,.035);
  --green:#30A46C;
  --red:#B02A1E;

  /* situação (badges tintados: fundo cor a 13%, texto na cor) */
  --sit-aberto:#8E8E93;
  --sit-aprovado:#30A46C;
  --sit-preparando:#C77D0A;
  --sit-faturado:#0A84FF;
  --sit-dropship:#8E5AD1;
  --sit-cancelado:#B02A1E;

  /* forma */
  --canto:10px;              /* cartões e botões */
  --pilula:99px;             /* chips e badges */
  --sombra:0 1px 2px rgba(14,35,64,.06);
  --esp:4px;                 /* unidade de espaçamento: sempre múltiplos */

  /* tipo (UMA família; hierarquia por peso) */
  --fonte:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
  --fs-tabela:13.5px;
  --fs-th:10.5px;
  --dens:12px;               /* padding vertical de célula (confortável) */
}

/* base compartilhada — páginas novas usam estas classes */
.ds-card{background:var(--card);border:1px solid var(--line);border-radius:var(--canto);box-shadow:var(--sombra)}
.ds-btn{background:var(--orange);color:#fff;border:0;border-radius:var(--canto);
  padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--fonte)}
.ds-btn:hover{filter:brightness(1.06)}
.ds-btn:disabled{opacity:.5;cursor:default}
.ds-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);
  border-radius:var(--pilula);padding:5px 13px;font-size:11.5px;cursor:pointer;font-family:var(--fonte)}
.ds-chip.on{background:var(--orange);border-color:var(--orange);color:#fff}
.ds-badge{display:inline-block;padding:3px 10px;border-radius:var(--pilula);
  font-size:10.5px;font-weight:600;white-space:nowrap}
.ds-th{font-size:var(--fs-th);font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}
.ds-num{font-variant-numeric:tabular-nums}