/* =========================
   Header + Menu (azul + links brancos)
   ========================= */
:root{
  --blue-700:#154293;   /* tom principal do menu */
  --blue-800:#0f2f70;   /* tom mais escuro p/ gradiente */
  --text-on-blue:#ffffff;
}
body {
	background-color:#F1f1f1;
	padding:0px !important;
	margin:0 !important;
	font-family: arial,sans-serif;
}

.header{
  position: sticky; top:0; z-index:1000;
  display:flex; align-items:center; justify-content:space-between; gap:0px;
  padding:14px 20px;
  min-height:72px; /* substitui o inline height */
 
	background-color:#FFF;
 
}

label {
    cursor: default;
	color:#FFF;
}
h1 {color:#1E3651 !important;}


/* Logo */
.logo img{
  display:block;
  max-height:64px;
  width:auto;
}

/* Menu */
.menu{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}

.menu a{
  display:inline-block;
  padding:10px 14px;
  color:#1E3651; text-decoration:none; font-weight:400; letter-spacing:.2px; line-height:1;
  border-radius:10px;
  background: transparent;
	font-size:14px;
  transition: background .2s ease, transform .08s ease, color .2s ease, box-shadow .2s ease;
 font-family: Arial, sans-seif;
}

.menu a:hover{
  background: rgba(255,255,255,.12);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}

.menu a:focus-visible{
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Estado ativo (página atual) */
.menu a.active,
.menu a[aria-current="page"]{
  background: rgba(255,255,255,.22);
}

/* Versão mobile */
@media (max-width: 900px){
  .header{ padding:12px 14px; flex-wrap:wrap; }
  .logo img{ max-height:52px; }
  .menu{ gap:6px; width:100%; overflow-x:auto; padding-bottom:6px; }
  .menu a{ white-space:nowrap; }
}


.menu a.logout-link {
    background: #0e1a34;
    border:none !important;
    padding: 8px 12px;
    border-radius: 10px;
    color: #FFF;
}

.menu a.logout-link:hover {
  filter: brightness(1.05);
}


.global { padding:20px; font-size:14px;}