/* ============================================================================ laben.css — folha de estilo do sistema (AEM/MS) POR QUE ESTE ARQUIVO EXISTE As telas nasceram com a paleta escrita a mao, cor por cor, dentro do HTML: eram 2.259 ocorrencias de style= em 108 views (medido em 07/08/2026), e o numero CRESCIA a cada tela nova, porque nao havia onde reaproveitar. O custom_Evandro.css tinha 10 linhas e so cuidava de modal. COMO USAR 1. Cor nova NUNCA entra como hex no HTML. Entra como token aqui embaixo. 2. Padrao que se repete em 2+ telas vira classe .lbn-*. 3. O prefixo lbn- existe para nao colidir com Bootstrap 2 nem com o Ace. ⚠️ IDENTIDADE POR ORGAO — NAO COPIAR ESTE ARQUIVO PARA O MT O bloco de tokens institucionais do MS (azul da AEM + verde do Governo de MS) e DIFERENTE do MT (marinho do IPEM) de proposito: e o que deixa obvio, de relance, em qual dos dois sistemas se esta. Ao portar para o MT, copie a ESTRUTURA e os nomes das variaveis, e troque so os valores do bloco "institucional". Os tokens semanticos (sucesso/erro/alerta) sao os mesmos nos dois -- verde e aprovado nos dois estados. Variaveis CSS sao suportadas por todos os navegadores em uso aqui; o cabecalho ja usa flexbox e linear-gradient desde 06/08/2026. ============================================================================ */ :root { /* --- Institucional AEM/MS ------------------------------------------- Lidas do proprio site do orgao (www.aem.ms.gov.br). Antes o sistema usava #2C3E50, herdado do template Ace (2013), sem relacao com a AEM. */ --lbn-marca: #004f9e; --lbn-marca-escura: #00386a; --lbn-marca-acento: #009c3d; /* verde da regua do Governo de MS */ --lbn-marca-clara: #eaf2fb; --lbn-marca-clara-hover: #d9e8f8; --lbn-marca-suave: #f3f8fd; --lbn-marca-borda: #d5e3f4; /* --- Semanticas ------------------------------------------------------- Sao as cores que o laboratorio ja associa a um significado. Os valores vieram do censo do proprio codigo: #27ae60 aparecia 102x, #c0392b 87x. */ --lbn-sucesso: #27ae60; --lbn-sucesso-escuro: #1a8a40; --lbn-sucesso-bg: #eafaf1; --lbn-sucesso-borda: #a9dfbf; --lbn-erro: #e74c3c; --lbn-erro-escuro: #c0392b; --lbn-erro-critico: #cb4335; --lbn-erro-bg: #fdedec; --lbn-erro-borda: #f5b7b1; --lbn-alerta: #e67e22; --lbn-alerta-escuro: #d68910; --lbn-alerta-bg: #fef9e7; --lbn-alerta-borda: #f9e79f; --lbn-info: #2980b9; --lbn-info-claro: #3498db; --lbn-info-bg: #eaf4fb; --lbn-destaque: #8e44ad; /* roxo -- usado em relatorios e destaques */ --lbn-atencao: #f39c12; /* --- Neutras ---------------------------------------------------------- */ --lbn-tinta: #2c3e50; /* titulo forte */ --lbn-tinta-2: #34495e; /* corpo de texto */ --lbn-tinta-3: #555; --lbn-neutro: #95a5a6; --lbn-neutro-escuro: #7f8c8d; --lbn-neutro-claro: #b0b8c1; --lbn-apagado: #aaa; /* metadado, data, "carregando..." */ --lbn-fundo: #f4f4f4; --lbn-superficie: #fff; --lbn-superficie-2: #fafafa; --lbn-superficie-3: #f8f9fa; --lbn-linha: #e9ecef; --lbn-linha-2: #ddd; --lbn-linha-3: #eee; --lbn-linha-tracejada: #e0e0e0; /* --- Forma ------------------------------------------------------------ */ --lbn-raio: 8px; --lbn-raio-p: 4px; --lbn-raio-pilula: 99px; --lbn-sombra: 0 1px 4px rgba(0,0,0,.07); --lbn-sombra-alta: 0 4px 12px rgba(0,0,0,.15); } /* ============================================================================ 1. IDENTIDADE — cabecalho e menu lateral Estava num bloco