/*
 * Ponto de entrada dos estilos compartilhados do ARGUS.
 *
 * A ordem dos imports preserva a cascata: fundamentos primeiro,
 * ajustes responsivos e utilitários por último.
 */

@import url("./reset.594917a1e8e4.css");
@import url("./partes/estrutura-e-navegacao.4e660dddf334.css?v=20260902-screen-codes-1");
@import url("./partes/paineis-e-consultas.93309ac0e950.css");
@import url("./partes/controles-e-indicadores.f1e6f553cad2.css");
@import url("./partes/tabelas-e-modais.b86a701a4a1f.css?v=20260910-screen-selection-1");
@import url("./partes/formularios.0c1cc4a2a6f8.css?v=20260831-permission-tree-overflow-1");
@import url("./partes/responsividade.2001efb08b0d.css");
@import url("./partes/utilitarios.650bf19e68f5.css");
@import url("./partes/administracao.670b288e2365.css");
@import url("./partes/auditoria.260b3e1e69ec.css");
@import url("./partes/autenticacao.13cd51becaf0.css?v=20260902-screen-codes-1");
@import url("./sellers_portal/seller_portal.a17f4990cf1c.css");
@import url("./sellers_portal/sales_workspace.db0f868218b0.css?v=20260910-seller-usability-1");

:root {
  color-scheme: light;

  /* Escala tipográfica compartilhada entre Administração e Seller Portal. */
  --text-page-title: 1.5rem;
  --text-section-title: 1rem;
  --text-subsection-title: .9rem;
  --text-body: .75rem;
  --text-caption: .6875rem;
  --text-label: .6rem;

  /* Superfícies e textos. */
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --ink: #172033;
  --ink-soft: #566176;
  --ink-muted: var(--muted);
  --muted: #7a8599;
  --tooltip-bg: #172033;
  --tooltip-ink: #ffffff;

  /* Bordas e identidade visual. */
  --line: #d8dee8;
  --line-strong: #b9c2d0;
  --accent: #013185;
  --accent-strong: #01296f;
  --accent-soft: #dce9fb;

  /* Estados compartilhados. */
  --success: #18794e;
  --success-surface: #e6f5ef;
  --success-line: #a8dac9;
  --warning: #a15c00;
  --warning-surface: #fff4df;
  --danger: #c23c49;
  --danger-surface: #fff0ee;

  /* Identidade da área comercial. */
  --sales-action: #16835a;
  --sales-action-strong: #0d6846;
  --sales-action-soft: #e8f5ee;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1220;
  --surface: #111a2b;
  --surface-soft: #162135;
  --ink: #f2f5fa;
  --ink-soft: #bac3d2;
  --ink-muted: var(--muted);
  --muted: #8793a7;
  --tooltip-bg: #f2f5fa;
  --tooltip-ink: #172033;
  --line: #293750;
  --line-strong: #3b4a65;
  --accent: #2563eb;
  --accent-strong: #60a5fa;
  --accent-soft: #183b6b;
  --success: #56d697;
  --success-surface: #12382e;
  --success-line: #246c57;
  --warning: #f0b35a;
  --warning-surface: color-mix(in srgb, #f0b35a 12%, var(--surface));
  --danger: #ff7a86;
  --danger-surface: color-mix(in srgb, #ff8b82 12%, var(--surface));
  --sales-action: #16835a;
  --sales-action-strong: #0d6846;
  --sales-action-soft: color-mix(in srgb, #16835a 14%, var(--surface));
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Noto Sans", "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: .9375rem;
  line-height: 1.45;
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  color: var(--accent-strong);
  text-decoration: underline;
}