/* Basílio — tokens (gerado a partir de tokens.json). Tema: data-theme="claro" | "escuro" | "painel" no <html> ou no contêiner da tela. */
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
/* Operação · claro */
:root, [data-theme="claro"] {
  --fundo: #eef2f8;
  --brilho-fundo: #57b7f100;
  --cartao: #ffffff;
  --cartao-brilho: #ffffff;
  --cartao-borda: #ffffff00;
  --cartao-suave: #e4eaf3;
  --linha: #e6eaf2;
  --janela: #ffffff;
  --item-hover: #f4f9fe;
  --item-selecionado: #e8f2fd;
  --item-faixa: #57b7f1;
  --item-selecionado-texto-2: #596377;
  --veu: rgba(13, 27, 69, 0.32);
  --texto: #18213a;
  --texto-2: #596377;
  --marca: #1f3f94;
  --titulo: var(--marca);
  --menu: var(--marca);
  --menu-ativo: #2b4fa8;
  --menu-texto: #ffffff;
  --menu-texto-2: #c5d1f0;
  --menu-ativo-texto: #ffffff;
  --menu-ativo-icone: #57b7f1;
  --menu-ativo-faixa: #57b7f1;
  --destaque: #57b7f1;
  --destaque-hover: #43a9ea;
  --sobre-destaque: #0b2350;
  --destaque-texto: #1670ad;
  --destaque-suave: #e3f2fc;
  --selecao: #e3f2fc;
  --sobre-selecao: #1670ad;
  --foco: #1670ad;
  --realce: #1f5fd0;
  --realce-brilho: #7ccbff;
  --realce-meio: #3a8fea;
  --realce-icone-fundo: rgba(255, 255, 255, 0.22);
  --sobre-realce: #ffffff;
  --sobre-realce-2: #e6f3ff;
  --grafico-1: #2b8fd6;
  --grafico-2: #5f687b;
  --grafico-realce: #ffffff;
  --grafico-area: rgba(43, 143, 214, 0.10);
  --ok: #17703f;
  --ok-fundo: #e2f4e9;
  --andamento: var(--destaque-texto);
  --andamento-fundo: var(--destaque-suave);
  --atencao: #8a5800;
  --atencao-fundo: #fff0cf;
  --problema: #b42318;
  --problema-fundo: #fde7e5;
  --agendado: #4a5468;
  --agendado-fundo: #edf0f5;
  --sombra-cartao: 0 6px 20px -10px rgba(31, 63, 148, 0.25);
  --sombra-elevada: 0 2px 4px rgba(24, 33, 58, 0.06), 0 16px 40px rgba(24, 33, 58, 0.12);
  --sombra-realce: 0 14px 32px -12px rgba(31, 95, 208, 0.55), 0 2px 6px rgba(31, 95, 208, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.40);
  --sombra-texto-realce: 0 1px 2px rgba(12, 45, 120, 0.35);
}
/* Operação · escuro */
[data-theme="escuro"] {
  --fundo: #0b0d12;
  --brilho-fundo: #57b7f100;
  --cartao: #1a1e27;
  --cartao-brilho: #1a1e27;
  --cartao-borda: rgba(255, 255, 255, 0.08);
  --cartao-suave: #2a303d;
  --linha: #2a2f3a;
  --janela: #20252f;
  --item-hover: #1f2430;
  --item-selecionado: #252b38;
  --item-faixa: #57b7f1;
  --item-selecionado-texto-2: #a1abbf;
  --veu: rgba(0, 0, 0, 0.55);
  --texto: #ecf0f7;
  --texto-2: #a1abbf;
  --marca: #1f3f94;
  --titulo: #dce5f8;
  --menu: #132652;
  --menu-ativo: #1d3670;
  --menu-texto: #ffffff;
  --menu-texto-2: #afc0e6;
  --menu-ativo-texto: #ffffff;
  --menu-ativo-icone: #57b7f1;
  --menu-ativo-faixa: #57b7f1;
  --destaque: #57b7f1;
  --destaque-hover: #74c4f4;
  --sobre-destaque: #0b2350;
  --destaque-texto: #7cc6f4;
  --destaque-suave: #13324b;
  --selecao: #13324b;
  --sobre-selecao: #7cc6f4;
  --foco: #7cc6f4;
  --realce: #1f5fd0;
  --realce-brilho: #7ccbff;
  --realce-meio: #3a8fea;
  --realce-icone-fundo: rgba(255, 255, 255, 0.22);
  --sobre-realce: #ffffff;
  --sobre-realce-2: #e6f3ff;
  --grafico-1: #57b7f1;
  --grafico-2: #6a7590;
  --grafico-realce: #ffffff;
  --grafico-area: rgba(87, 183, 241, 0.12);
  --ok: #5acb8c;
  --ok-fundo: #0f2d1d;
  --andamento: var(--destaque-texto);
  --andamento-fundo: var(--destaque-suave);
  --atencao: #f2c14e;
  --atencao-fundo: #352909;
  --problema: #ff8b80;
  --problema-fundo: #3a1513;
  --agendado: #b3bcce;
  --agendado-fundo: #232c3f;
  --sombra-cartao: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.25);
  --sombra-elevada: 0 2px 4px rgba(0, 0, 0, 0.4), 0 16px 40px rgba(0, 0, 0, 0.45);
  --sombra-realce: 0 10px 30px -8px rgba(87, 183, 241, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.40);
  --sombra-texto-realce: 0 1px 2px rgba(12, 45, 120, 0.35);
}
/* Painel · azul royal */
[data-theme="painel"] {
  --fundo: #0f2b78;
  --brilho-fundo: rgba(87, 183, 241, 0.14);
  --cartao: #2149ad;
  --cartao-brilho: #2149ad;
  --cartao-borda: rgba(255, 255, 255, 0.12);
  --cartao-suave: #2a52b5;
  --linha: #3a5fc0;
  --janela: #1d42a0;
  --item-hover: #2852bb;
  --item-selecionado: #2e5bc9;
  --item-faixa: #57b7f1;
  --item-selecionado-texto-2: #dde7fb;
  --veu: rgba(8, 20, 60, 0.55);
  --texto: #ffffff;
  --texto-2: #c3d2f2;
  --marca: #1f3f94;
  --titulo: #ffffff;
  --menu: #0f2560;
  --menu-ativo: #ffffff;
  --menu-texto: #ffffff;
  --menu-texto-2: #c3d2f2;
  --menu-ativo-texto: #0f2560;
  --menu-ativo-icone: #0f2560;
  --menu-ativo-faixa: #57b7f1;
  --destaque: #57b7f1;
  --destaque-hover: #74c4f4;
  --sobre-destaque: #0b2350;
  --destaque-texto: #a6dcfb;
  --destaque-suave: #2a52b5;
  --selecao: #ffffff;
  --sobre-selecao: #0f2560;
  --foco: #ffffff;
  --realce: #1f5fd0;
  --realce-brilho: #7ccbff;
  --realce-meio: #3a8fea;
  --realce-icone-fundo: rgba(255, 255, 255, 0.22);
  --sobre-realce: #ffffff;
  --sobre-realce-2: #e6f3ff;
  --grafico-1: #ffffff;
  --grafico-2: #86a0e3;
  --grafico-realce: #ffffff;
  --grafico-area: rgba(255, 255, 255, 0.12);
  --ok: #0e7a47;
  --ok-fundo: #dff7ea;
  --andamento: #1670ad;
  --andamento-fundo: #e3f2fc;
  --atencao: #8a5800;
  --atencao-fundo: #fff0cf;
  --problema: #b42318;
  --problema-fundo: #fde7e5;
  --agendado: #4a5468;
  --agendado-fundo: #edf0f5;
  --sombra-cartao: 0 8px 24px -12px rgba(0, 0, 0, 0.50);
  --sombra-elevada: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 44px rgba(6, 18, 60, 0.45);
  --sombra-realce: 0 10px 30px -8px rgba(87, 183, 241, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.40);
  --sombra-texto-realce: 0 1px 2px rgba(12, 45, 120, 0.35);
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --raio-p: 8px;
  --raio-m: 12px;
  --raio-g: 20px;
  --raio-pilula: 999px;
  --altura-controle: 40px;
  --altura-controle-celular: 52px;
  --largura-menu: 248px;
  --largura-gaveta: 560px;
  --font-sans: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
/* Texto: Escritório */
.numero-hero { font-family: var(--font-sans); font-size: 56px; line-height: 60px; font-weight: 700; letter-spacing: -0.025em; }
.numero-destaque { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; }
.titulo-pagina { font-family: var(--font-sans); font-size: 30px; line-height: 38px; font-weight: 700; letter-spacing: -0.015em; }
.titulo-secao { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
.titulo-cartao { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 700; }
.item-titulo { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 700; }
.item-hora { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 700; }
.corpo-forte { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 700; }
.corpo { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 500; }
.botao { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.rotulo { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.legenda { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.etiqueta { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.01em; }
.eixo { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
/* Texto: Celular do técnico */
.cel-titulo { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.01em; }
.cel-hora { font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 700; }
.cel-corpo-forte { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 700; }
.cel-corpo { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.cel-botao { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 700; }