/* EVON | Identidade Visual 1.0 (novembro/2026)
   Camada não destrutiva sobre vante.css para preservar módulos legados.
   Fonte de referência: Montserrat nos títulos (arquivo já existente no Gestão)
   e Inter para interface, com fallback local sem download de fontes. */
:root {
  --blue: #0B1F3B;
  --aqua: #00C2A8;
  --ink: #0B1F3B;
  --paper: #FFFFFF;
  --canvas: #F5F7FA;
  --line: #E5EAF0;
  --muted: #566476;
  --wash: #E7F7F4;
  --evon-positive: #7ED957;
  --evon-navy: #0B1F3B;
  --evon-turquoise: #00C2A8;
}
body { font-family: Inter, 'Segoe UI', Arial, Helvetica, sans-serif; color: var(--ink); background: var(--canvas); }
h1, h2, h3, .brand-title, .operations-page-title { font-family: Montserrat, Inter, Arial, sans-serif; }
input, select, textarea, button, table, .site-sidebar .sidebar-links a { font-family: Inter, 'Segoe UI', Arial, sans-serif; }
a { color: #076B7E; }
a:hover { color: #0B1F3B; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible { outline: 3px solid #00C2A8; outline-offset: 2px; }
.site-header { background: #0B1F3B; border-top: 0; border-bottom: 3px solid #00C2A8; }
.site-header .header-inner { min-height: 82px; padding-top: 12px; padding-bottom: 12px; }
.site-header .brand, .site-header .brand:hover { color: #FFFFFF; }
.site-header .brand-title { border-left: 1px solid rgba(255,255,255,.30); color: #FFFFFF; }
.site-header .brand-logo-viewport img { mix-blend-mode: normal; }
.evon-brand { gap: 16px; }
.evon-brand .evon-logo { display: flex; align-items: center; flex-shrink: 0; }
.evon-brand .evon-logo img { display: block; width: 182px; height: auto; max-width: 100%; object-fit: contain; }
.evon-brand .evon-product { display: block; border-left: 1px solid rgba(255,255,255,.30); padding-left: 18px; color: #E5EAF0; font-family: Montserrat, Arial, sans-serif; font-size: 13px; line-height: 1.4; font-weight: 600; max-width: 165px; }
.site-header .identity { color: #FFFFFF; }
.site-header .identity small { color: #BBCDE1; }
.site-header nav a, .site-header nav a:hover { color: #FFFFFF; }
.site-header nav a:hover { background: #173959; }
.site-header nav .logout { border-left-color: #36506B; }
.site-header .menu-control { color: #FFFFFF; background: transparent; border: 1px solid #42627C; }
.site-header .menu-control:hover { color: #FFFFFF; background: #173959; border-color: #00C2A8; }
.site-header .vp-online-link { color: #FFFFFF; }
button, .primary { background: #0B1F3B; border-color: #0B1F3B; color: #FFFFFF; }
button:hover, .primary:hover { background: #183959; border-color: #183959; color: #FFFFFF; }
button.secondary, .secondary { background: #FFFFFF; border-color: #BBCBD5; color: #0B1F3B; }
button.secondary:hover, .secondary:hover { background: #E7F7F4; border-color: #00C2A8; color: #0B1F3B; }
.metric.selected { border-color: #00C2A8; background: #E7F7F4; box-shadow: inset 0 2px #00C2A8; }
.metric.selected strong { color: #0B1F3B; }
.metric:hover { border-color: #00C2A8; }
th { background: #EAF0F5; color: #0B1F3B; }
tbody tr:hover { background: #F0F9F7; }
.pill { background: #E7F7F4; border-color: #B6E8DD; color: #0B1F3B; }
.card { background: #FFFFFF; border-color: #E5EAF0; }
/* Navegação lateral (azul profundo + acento turquesa). */
.site-sidebar { background: #0B1F3B; }
.site-sidebar::before { background: #0B1F3B !important; }
.site-sidebar .sidebar-content { background: #0B1F3B; border-right-color: #223B56; }
.site-sidebar .sidebar-caption { color: #A9BED1; }
.site-sidebar .sidebar-group > summary { color: #FFFFFF; }
.site-sidebar .sidebar-group > summary:hover { background: #173959; }
.site-sidebar .sidebar-links { border-left-color: #2B4762; }
.site-sidebar .sidebar-links a { color: #D9E5ED; }
.site-sidebar .sidebar-links a:hover { background: #1B3A56; color: #FFFFFF; }
.site-sidebar .sidebar-links a[aria-current="page"] { background: #0A615D; color: #FFFFFF; border-left: 3px solid #00C2A8; font-weight: 650; }
.operation-count { background: #1E3A55; color: #E5EAF0; }
.site-sidebar .sidebar-links a[aria-current="page"] .operation-count { background: #07534F; color: #FFFFFF; }
.site-footer { border-top-color: #E5EAF0; color: #566476; }
/* Tela de autenticação, sem alterar os campos de login. */
.login-card { border-top: 4px solid #00C2A8; box-shadow: 0 10px 35px rgba(11,31,59,.06); }
.login-card .eyebrow { color: #067F72; font-weight: 700; }
.login-card h2 { color: #0B1F3B; }
/* Ajuste para telas estreitas, mantendo os textos completos. */
@media (max-width: 1099px) {
  .site-sidebar .sidebar-content { background: #0B1F3B; }
  .site-header .header-tools { border-top-color: #36506B; }
}
@media (max-width: 600px) {
  .site-header .header-inner { gap: 10px; }
  .evon-brand .evon-logo img { width: 134px; }
  .evon-brand .evon-product { font-size: 10px; max-width: 120px; padding-left: 10px; }
  .site-header nav a { color: #FFFFFF; }
}
@media print {
  .site-header { background: #FFFFFF; border-bottom: 1px solid #E5EAF0; }
  .site-header .brand { color: #0B1F3B; }
  .evon-brand .evon-product { color: #0B1F3B; }
}