/* Identidade visual da Casamax (guia "Casamax_Identidade_Visual_para_IA", 20/10/2026; cores e logotipo do site
 * acasamax.com.br). Camada por cima de app.css + tema.css + menu.css: troca tokens e acabamento, sem mexer na
 * estrutura das telas. Decisão do Rodrigo em 20/10: aplicar a marca e deixar os status (verde, amarelo, vermelho,
 * com forma além da cor) como estão.
 *
 * - Logotipo oficial em imagem, sempre sobre fundo claro (desde 22/10 o menu é branco, no padrão do Sam).
 * - Montserrat. Os títulos de página seguem a tela de entrar (sam.css): sobretítulo mono e título na tinta.
 * - Vermelho #A60101 como acento (botão principal, links); vinho #660000 no hover. Nada de azul: o foco do
 *   teclado fica em grafite e a seleção num vermelho bem claro.
 * - Neutros do guia (grafite, cinzas sem tom azulado; borda #D9DADD).
 */

:root {
  --marca-vermelho: #A60101;
  --marca-vinho: #660000;
  --marca-grafite: #353535;
  --marca-preto: #1A1A1A;
  --marca-titulo: var(--marca-vermelho);

  --fundo: #F5F5F5;
  --superficie: #FFFFFF;
  --superficie-2: #FAFAFA;
  --superficie-3: #F0F0F0;
  --texto: #1F1F1F;
  --texto-2: #4A4A4A;
  --texto-3: #6E6E6E;
  --borda: #E4E5E7;
  --borda-forte: #D9DADD;

  --acao: var(--marca-vermelho);
  --acao-hover: var(--marca-vinho);
  --acao-texto: #FFFFFF;
  --foco: var(--marca-preto);
  --selecao: #F8EEEE;
  --selecao-forte: #F0DCDC;
  --link: var(--marca-vermelho);

  --fonte: "Montserrat", "Segoe UI", Arial, sans-serif;
  --fonte-marca: var(--fonte);
}

:root[data-theme="dark"] {
  --marca-titulo: #FF6E64;
  --fundo: #111111; --superficie: #1A1A1A; --superficie-2: #202020; --superficie-3: #272727;
  --texto: #EDEDED; --texto-2: #B8B8B8; --texto-3: #8F8F8F; --borda: #2C2C2C; --borda-forte: #3D3D3D;
  --acao: var(--marca-vermelho); --acao-hover: #C21414; --acao-texto: #FFFFFF;
  --foco: #F2F2F2; --selecao: #2B1C1C; --selecao-forte: #3A2424; --link: #FF8A80;
}

body { font-feature-settings: normal; }

/* ---------------------------------------------------------------- botão principal */
.btn-primario { background: var(--acao); border-color: var(--acao); color: var(--acao-texto); }
.btn-primario:hover { background: var(--acao-hover); border-color: var(--acao-hover); color: var(--acao-texto); }

/* ---------------------------------------------------------------- logotipo numa faixa branca */
.marca .logo { display: block; height: 22px; width: auto; }

/* menu lateral, barra do celular e páginas sem login: fundo claro sob o logo (menu.css, padrão do Sam desde 22/10) */

/* Tabelas: a Montserrat é ~8% mais larga que a fonte anterior; em 13 px ela ocupa o mesmo espaço que a anterior em 14,
   e as listas de Frota, Obras e Alocação continuam cabendo em 1100 px sem rolar de lado. */
.tabela { font-size: 13px; }
.tabela .sub { font-size: 12px; }

/* Coluna que sai em tela de notebook (até 1320 px) para a lista caber sem rolar; o dado continua na ficha. */
@media (max-width: 1320px) { .tabela .col-opcional { display: none; } }