/* Identidade visual do escritório (painel "Controle Jurídico Isabel Rocha").
   Carregada por último: só redefine as variáveis centrais e as superfícies. A cor principal (bordô)
   vem da configuração do escritório; aqui ficam os neutros quentes que a acompanham.
   Para voltar ao visual da referência, basta remover o <link> deste arquivo em base.html. */
:root {
  --ink: #1f1b1d;
  --muted: #6b6468;
  --line: #e4e0e1;
  --canvas: #f5f4f2;
  --paper: #ffffff;
  --soft: #f0ecee;
  --danger: #b42318;
  --warning: #a15c00;
  --radius: 6px;
  --accent-soft: #f5e6ee;
  --field-border: #b9b0b4;
  --field-muted-surface: #f0ecee;
  --field-radius: 6px;
}

body { background: var(--canvas); color: var(--ink); }
.sidebar { background: #fbfafa; border-right-color: var(--line); }
.brand-mark { background: var(--accent); color: var(--on-accent); }
.nav-group a[aria-current="page"] { background: var(--accent-soft); color: var(--accent-ink); }
.nav-group a:hover { background: var(--soft); }
.workspace-header, .record-header { border-bottom: 2px solid var(--accent); padding-bottom: 12px; }
.day-stat.needs-attention strong, .is-overdue { color: var(--danger); }
.filter-chip[aria-current="page"] { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-ink); font-weight: 600; }
.view-switch a[aria-current="page"] { color: var(--accent-ink); border-bottom-color: var(--accent); }
.status { background: var(--soft); color: var(--ink); }
.read-only-note { background: #fff4dc; border-color: #a15c00; }
/* Marca do escritório (08/11/2026): logo IR em rosé sobre preto e segunda cor da paleta, o rosé do logo. */
:root { --brand-rose: #9b6a7c; --brand-rose-soft: #f4ecef; --brand-black: #141012; }
.brand-logo { width: 34px; height: 34px; border-radius: 9px; background: var(--brand-black); object-fit: contain; flex: 0 0 auto; }
.auth-logo { display: block; width: 220px; max-width: 100%; height: auto; margin: 0 auto 14px; padding: 14px 18px; background: var(--brand-black); border-radius: 12px; }