/* Estilos Globais e Customizações para a Plataforma Baixada Hub */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap');

:root {
  --bg-main: #090a0f;
  --bg-card: #12141d;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --gold-primary: #e5b94f;
  --gold-glow: rgba(229, 185, 79, 0.25);
  --gold-gradient: linear-gradient(135deg, #f7d779 0%, #d4af37 50%, #aa820a 100%);
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--bg-main);
  color: #f1f3f9;
  overflow-x: hidden;
}

.font-display {
  font-family: 'Space Grotesk', sans-serif;
}

/* Scrollbar Minimalista */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #090a0f;
}
::-webkit-scrollbar-thumb {
  background: #1f2333;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #323850;
}

/* Glassmorphism e Efeitos */
.glass-panel {
  background: rgba(18, 20, 29, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border-subtle);
}

.glass-dropdown {
  background: rgba(15, 17, 26, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.gold-badge {
  background: linear-gradient(135deg, rgba(247, 215, 121, 0.15) 0%, rgba(212, 175, 55, 0.1) 100%);
  border: 1px solid rgba(229, 185, 79, 0.4);
  color: #f5cf6d;
}

.gold-gradient-btn {
  background: var(--gold-gradient);
  color: #0d0e12;
  font-weight: 700;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px var(--gold-glow);
}

.gold-gradient-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(229, 185, 79, 0.4);
}

.gold-card-glow {
  position: relative;
}
.gold-card-glow::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(229, 185, 79, 0.5), transparent 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* Estilos de Impressão para Relatórios Executivos */
@media print {
  body {
    background: #ffffff !important;
    color: #111827 !important;
  }
  
  .no-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .report-page {
    background: #ffffff !important;
    color: #111827 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
  }

  .report-box {
    border: 1px solid #e5e7eb !important;
    background: #f9fafb !important;
    color: #111827 !important;
  }
}