/* UD CARIENSE - ESTILO GLOBAL PES */
:root {
  --bg-dark: #080c14;
  --bg-panel: rgba(13, 21, 36, 0.85);
  --red-cariense: #1d4ed8;
  --accent-gold: #f59e0b;
  --accent-green: #10b981;
  --accent-cyan: #38bdf8;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --border-glass: rgba(255, 255, 255, 0.08);
}
* { box-sizing: border-box; }
body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg-dark);
  background-image: 
    radial-gradient(circle at 10% 15%, rgba(29, 78, 216, 0.12) 0%, transparent 45%),
    radial-gradient(circle at 90% 85%, rgba(14, 165, 233, 0.08) 0%, transparent 45%),
    linear-gradient(rgba(8, 12, 20, 0.95), rgba(8, 12, 20, 0.98)),
    url('https://images.unsplash.com/photo-1508098682722-e99c43a406b2?q=80&w=1920&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: var(--text-main);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.font-teko { font-family: 'Teko', sans-serif; letter-spacing: 0.05em; }
.pes-panel {
  background: var(--bg-panel);
  backdrop-filter: blur(14px);
  border: 1px solid var(--border-glass);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8);
}
.pes-card-glow { position: relative; }
.pes-card-glow::after {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(29, 78, 216, 0.4), transparent 60%, rgba(56, 189, 248, 0.3));
  z-index: -1;
  filter: blur(8px);
}
.dropdown-menu { display: none; }
.dropdown-group:hover .dropdown-menu { display: block; }
/* Fix header alignment for static CSS */
header .max-w-7xl { display: flex !important; justify-content: space-between !important; align-items: center !important; }
header nav { display: flex !important; align-items: center !important; gap: 6px !important; }


/* Robust Typography & Font Fallbacks */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
.font-teko {
  font-family: 'Teko', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif !important;
  letter-spacing: 0.05em;
}

/* Fix header alignment for static CSS */
header .max-w-7xl { display: flex !important; justify-content: space-between !important; align-items: center !important; }
header nav { display: flex !important; align-items: center !important; gap: 6px !important; }

/* Tailwind v3 Color Compatibility Fixes for Static CSS */
.bg-slate-950 { background-color: #020617 !important; }
.bg-slate-900 { background-color: #0f172a !important; }
.bg-slate-950\/90 { background-color: rgba(2, 6, 23, 0.9) !important; }
.bg-slate-950\/95 { background-color: rgba(2, 6, 23, 0.95) !important; }
.bg-slate-950\/85 { background-color: rgba(2, 6, 23, 0.85) !important; }
.bg-slate-950\/70 { background-color: rgba(2, 6, 23, 0.7) !important; }
.bg-slate-950\/60 { background-color: rgba(2, 6, 23, 0.6) !important; }
.bg-slate-900\/90 { background-color: rgba(15, 23, 42, 0.9) !important; }
.bg-slate-900\/80 { background-color: rgba(15, 23, 42, 0.8) !important; }
.bg-slate-900\/40 { background-color: rgba(15, 23, 42, 0.4) !important; }
.border-slate-800 { border-color: #1e293b !important; }
.border-blue-950 { border-color: #450a0a !important; }
.bg-blue-950 { background-color: #450a0a !important; }
.bg-blue-950\/60 { background-color: rgba(69, 10, 10, 0.6) !important; }
.bg-blue-950\/80 { background-color: rgba(69, 10, 10, 0.8) !important; }

/* Fix button text wrapping and responsiveness */
header nav a, header nav button {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
#admin-edit-bar {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

/* Refined responsive spacing for header nav and bottom admin bar */
header nav a, header nav button {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-size: 11px !important;
}
#admin-edit-bar {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 6px !important;
  padding: 8px 12px !important;
}
#admin-edit-bar button {
  padding: 4px 8px !important;
  font-size: 10px !important;
}

/* Robust Grid Support for Stats Cards */
.grid-cols-4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 768px) {
  .grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* Professional Bottom Admin Bar */
#admin-edit-bar:not(.hidden) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  padding: 8px 14px !important;
  background: rgba(15, 23, 42, 0.95) !important;
  border: 1px solid rgba(29, 78, 216, 0.6) !important;
  border-radius: 9999px !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 8px 10px -6px rgba(0, 0, 0, 0.7) !important;
  white-space: nowrap !important;
}
#admin-edit-bar.hidden {
  display: none !important;
}
#admin-edit-bar span {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #38bdf8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
#admin-edit-bar button {
  padding: 5px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}