/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* ===== GLOBAL - sem mexer em icones ===== */
body, input, button, select, textarea,
.q-toolbar-title, .q-item-label, .q-btn,
.q-card, .q-banner, .text-h5, .text-h6,
.text-subtitle2, .feed, .marquee {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ===== HEADER ===== */
.q-header {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
  z-index: 7000 !important;
}

.q-header .q-toolbar-title {
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}

.q-header > .q-toolbar > .q-btn, .q-header .q-toolbar > .q-btn {
  color: #e2e8f0 !important;
}

/* ===== NOTIFICATIONS ===== */
.q-notifications__list--top,
.q-notifications__list--top.q-notifications__list--left {
  top: 64px !important;
}

.c-notificacao-chamada {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  animation: slideInNotify 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

@keyframes slideInNotify {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}

.c-notificacao-chamada .q-notification__message {
  animation: blinkerModern 1.5s ease-in-out 6 !important;
}

@keyframes blinkerModern {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* ===== FOOTER / TICKER ===== */
.q-footer {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.15) !important;
  color: #fff !important;
}

.q-footer .col {
  overflow: hidden;
  margin-right: 20px;
}

.feed .text-weight-bolder {
  color: #60a5fa !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 0.7em !important;
  letter-spacing: 1.5px !important;
}

.marquee span {
  color: #e2e8f0 !important;
}

/* Clock */
.q-footer .text-center.text-h6,
.q-footer .text-center {
  background: rgba(255,255,255,0.06) !important;
  border-radius: 14px !important;
  padding: 8px 22px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  min-width: 170px !important;
}

.q-footer .text-center div:first-child {
  font-size: 0.65em !important;
  text-transform: capitalize !important;
  color: #64748b !important;
}

.q-footer .text-center div:nth-child(2) {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 1.5em !important;
  font-weight: 500 !important;
  color: #f1f5f9 !important;
  letter-spacing: 3px !important;
  line-height: 1.3 !important;
}

.q-footer .text-center div:nth-child(3) {
  font-size: 0.65em !important;
  color: #64748b !important;
}

/* ===== DRAWER ===== */
.q-drawer {
  background: #f8fafc !important;
}

.q-drawer .q-item {
  border-radius: 12px !important;
  margin: 2px 8px !important;
  transition: all 0.2s ease !important;
}

.q-drawer .q-item:hover {
  background: rgba(59,130,246,0.06) !important;
}

/* ===== BANNER ===== */
.q-banner.bg-red {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* ===== ERROR ===== */
.error {
  color: #f87171 !important;
  font-weight: 500 !important;
}

/* ===== LOADING BAR ===== */
.q-loading-bar {
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #3b82f6) !important;
  background-size: 200% !important;
  animation: shimmer 1.5s linear infinite !important;
}
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* ===== DIALOG ===== */
.q-dialog .q-card {
  border-radius: 18px !important;
}

/* ===== TOOLTIP ===== */
.q-tooltip {
  border-radius: 8px !important;
  font-size: 12px !important;
  background: #1e293b !important;
}

/* ===== FIX CLEARABLE BUTTON IN INPUT FIELDS ===== */
.q-field__append .q-btn {
  color: inherit !important;
}
.q-field__append {
  padding-left: 4px !important;
}
.q-field--outlined .q-field__append .q-icon {
  font-family: 'Material Icons' !important;
}

/* ===== LOGIN BACKGROUND ESCURO ===== */
.window-logo-crescer {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%) !important;
}