@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600&display=swap');

:root {
  /* =========================================================
     1. TIPOGRAFIA
     ========================================================= */
  --font: 'Inter', Arial, Helvetica, sans-serif !important;
  --font-title: 'Clash Display', sans-serif !important;

  /* =========================================================
     2. CORES BASE
     ========================================================= */
  --cor-prim: #00406F; /* Azul Institucional */
  --cor-sec: #76B72A;  /* Verde Institucional */

  /* =========================================================
     3. ESCALAS CROMÁTICAS (DESIGN SYSTEM)
     ========================================================= */
  
  /* Escala Tonal de Profundidade do Azul (Primárias) */
  --cor-prim-01: #0069B4;
  --cor-prim-02: #0062A7;
  --cor-prim-03: #005A9A;
  --cor-prim-04: #00528C; /* Equivalente ao Azul Tipográfico */
  --cor-prim-05: #00497F;
  --cor-prim-06: #004070;
  --cor-prim-07: #003761;
  --cor-prim-08: #002C50;
  --cor-prim-09: #00203E;
  --cor-prim-10: #00112B; /* Equivalente ao Azul Escuro */

  /* Escala Cromática do Degradê Institucional (Secundárias) */
  --cor-sec-01: #00406F;
  --cor-sec-02: #0D4D67;
  --cor-sec-03: #1A5A60;
  --cor-sec-04: #276858;
  --cor-sec-05: #347550;
  --cor-sec-06: #428249;
  --cor-sec-07: #4F8F41;
  --cor-sec-08: #5C9D39;
  --cor-sec-09: #69AA32;
  --cor-sec-10: #76B72A;

  /* Escala Tonal Neutra (Cinzas) */
  --cor-neutra-01: #F8FBFD;
  --cor-neutra-02: #EEF3F6;
  --cor-neutra-03: #D9E2E8;
  --cor-neutra-04: #BCCAD3;
  --cor-neutra-05: #9FB2BD;
  --cor-neutra-06: #8298A6;
  --cor-neutra-07: #647A8A;
  --cor-neutra-08: #485E6D;
  --cor-neutra-09: #2D3F4D;
  --cor-neutra-10: #00112B;

  /* =========================================================
     4. MAPEAMENTO DE RETROCOMPATIBILIDADE (LEGADO)
     ========================================================= */
  
  /* Facelift Global (--ui-cor-*) */
  --ui-cor-amarelo: var(--cor-sec);
  --ui-cor-amarelo-rgb: 118, 184, 42;
  --ui-cor-amarelo-esc: var(--cor-sec-05);
  
  --ui-cor-cinza: var(--cor-prim);
  --ui-cor-cinza-esc: var(--cor-prim-05);
  --ui-cor-cinza-clr: var(--cor-neutra-03);
  --ui-cor-cinza-lgt: var(--cor-neutra-01);
  --cor-cinza-lgt: var(--cor-neutra-01);

  /* Base CSS (--cl-cor-*) */
  --cl-cor-amarelo: var(--cor-sec);
  --cl-cor-amarelo-rgb: 118, 184, 42;
  --cl-cor-amarelo-esc: var(--cor-sec-05);
  
  --cl-cor-cinza: var(--cor-neutra-07);
  --cl-cor-cinza-esc: var(--cor-neutra-09);
  --cl-cor-cinza-clr: var(--cor-neutra-03);
  --cl-cor-cinza-lgt: var(--cor-neutra-02);

  /* Tema de Componentes */
  --scrollbar-track: var(--cor-neutra-02);
  --scrollbar-thumb: var(--cor-neutra-07);
}

/* =========================================================
   RESETS E LIMPEZA GERAL
   ========================================================= */
html, 
body {
  font-family: var(--font);
  color: var(--cor-neutra-09);
  background-color: var(--cor-neutra-01) !important;
}

body:before {
  display: none !important;
  background-image: none !important;
}

/* =========================================================
   TIPOGRAFIA E TÍTULOS
   ========================================================= */
h1, h2, h3, h4, h5, h6, 
.legend, 
fieldset h1, 
.box h1, 
.pesquisa h1 {
  font-family: var(--font-title) !important;
  letter-spacing: 2px !important;
}

h1.legend {
  font-size: 1.5em;
  letter-spacing: 0;
  color: var(--cor-sec);
}

fieldset h3 {
  letter-spacing: 0.2px !important;
  font-family: var(--font) !important;
}

/* =========================================================
   FORMULÁRIOS, CAIXAS E INPUTS
   ========================================================= */
input {
  accent-color: var(--cor-sec) !important;
}

.box, 
.pesquisa, 
fieldset {
  background-color: #ffffff !important;
  box-shadow: 0 4px 15px 0 rgba(0, 17, 43, 0.04) !important;
  border-color: var(--cor-neutra-02) !important;
}

input[type="text"], 
input[type="search"], 
input[type="password"], 
input[type="number"], 
input[type="email"], 
input[type="date"], 
textarea, 
select, 
.fieldtext span {
  font-family: var(--font) !important;
  border-color: var(--cor-neutra-03) !important;
  background-color: var(--cor-neutra-01) !important;
  color: var(--cor-neutra-09) !important;
}

input:focus, 
select:focus, 
textarea:focus {
  border-color: var(--cor-prim-01) !important;
  box-shadow: 0 0 0 3px rgba(0, 105, 180, 0.1) !important;
  outline: none;
}

select + .ms-parent .ms-choice,
select + .ms-parent .ms-drop {
  border-color: var(--cor-neutra-03) !important;
}

/* =========================================================
   BOTÕES E AÇÕES
   ========================================================= */
.botao-azul, 
.btn-primary, 
[class^="buttons"] .botao-azul, 
.box .buttons input.botao-azul, 
.pesquisa .buttons input.botao-azul, 
fieldset .buttons input.botao-azul, 
#Entrar, 
[id*="_DivPopup"] input[type="submit"].botao-azul, 
fieldset .buttons2 input.botao-azul, 
fieldset .buttons3 input.botao-azul, 
fieldset .buttons5 input.botao-azul, 
fieldset .buttons7 input.botao-azul, 
fieldset .buttons8 input.botao-azul, 
fieldset .buttons10 input.botao-azul, 
fieldset .buttons11 input.botao-azul, 
fieldset .buttons13 input.botao-azul {
  --bgc: var(--cor-sec) !important;
  --bdc: var(--cor-sec-05) !important;
  --c: #ffffff !important;
  color: var(--c) !important;
  text-shadow: none !important;
}

.lc-btn, 
input[type="submit"]:not(.botao-azul), 
input[type="reset"], 
button, 
.botton-print {
  font-family: var(--font) !important;
  --bgc: var(--cor-prim) !important;
  --bdc: var(--cor-prim-05) !important;
  --c: #ffffff !important;
  color: var(--c) !important;
}

/* =========================================================
   HEADER, MENUS E NAVEGAÇÃO
   ========================================================= */
#topo {
  border-top: 0 !important;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 5px;
}

#topo:before {
  background: linear-gradient(90deg, var(--cor-sec), var(--cor-prim));
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  top: 0;
}

#logomaster .imglogo {
  width: 275px;
}

#topocoluna .left, 
#infoHeader, 
#topo #topo-right #infoHeader {
  background-color: var(--cor-neutra-02) !important;
  color: var(--cor-neutra-09) !important;
  border-color: var(--cor-neutra-03) !important;
  font-family: var(--font) !important;
}

#topocoluna #lblExpiracao {
  color: var(--cor-prim-01) !important;
  font-weight: 700;
}

#menu1 {
  background-color: var(--cor-prim) !important;
}

#menu1 ul li a {
  font-family: var(--font) !important;
}

#menu1 ul.menu > li:hover {
  box-shadow: 0 -3px 0 0 var(--cor-sec) inset !important;
}

#menu1 ul li:hover,
#menu1 li.current-parent > a,
#menu1 li.current > a {
  background-color: var(--cor-prim-05) !important;
}

#menu1 ul li a:hover {
  color: #ffffff !important;
  background-color: var(--cor-sec);
}

.subimg, 
.subimg_submenu {
  background-color: var(--cor-prim) !important;
}

/* =========================================================
   TABELAS E GRIDS
   ========================================================= */
.GridView th, 
.grid th, 
table th {
  background-color: var(--cor-prim) !important;
  border-color: var(--cor-prim-05) !important;
  color: #ffffff !important;
  font-family: var(--font) !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.GridView td, 
.grid td, 
table td {
  border-color: var(--cor-neutra-03) !important;
  color: var(--cor-neutra-08);
}

.GridView tr:nth-child(even), 
.grid tr:nth-child(even) {
  background-color: var(--cor-neutra-01) !important;
  filter: none !important;
}

.GridView tr:not(.table-pager):hover, 
.grid tr:not(.table-pager):hover {
  background-color: var(--cor-neutra-02) !important;
  filter: none !important;
}

.GridView tr.pager table td span, 
.grid tr.pager table td span {
  background-color: var(--cor-prim) !important;
  color: #ffffff !important;
  border-color: var(--cor-prim) !important;
}

.GridView tr.pager table td a, 
.grid tr.pager table td a {
  background-color: #ffffff !important;
  color: var(--cor-neutra-08) !important;
  border-color: var(--cor-neutra-03) !important;
}

.GridView tr.pager table td a:hover, 
.grid tr.pager table td a:hover {
  background-color: var(--cor-neutra-02) !important;
}

/* =========================================================
   UTILITÁRIOS E COMPONENTES GERAIS
   ========================================================= */
.row1-alert {
  background-color: rgba(220, 53, 69, 0.1) !important;
  border-color: #dc3545 !important;
  color: #dc3545;
  font-family: var(--font) !important;
}

.imgLoading {
  box-shadow: 0 0 0 8px rgba(248, 251, 253, 0.8) !important;
  filter: none !important;
}