/**
 * Presidium Refine — minimalista Steve Jobs (prata/branco, faixas finas)
 * Carregar por último — sobrescreve excesso de azul
 */

:root {
  --forensic: #b8bcc6;
  --forensic-mid: #989aa2;
  --forensic-deep: #6e7178;
  --forensic-soft: rgba(255, 255, 255, 0.06);
  --forensic-line: rgba(255, 255, 255, 0.14);
  --gold: var(--forensic);
  --presidium-strip: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.32) 50%, transparent 100%);
}

.presidium-pro {
  --pro-gold: #e8eaef;
  --pro-gold-soft: rgba(255, 255, 255, 0.06);
  --pro-accent-mid: rgba(255, 255, 255, 0.55);
  --pro-accent-deep: rgba(255, 255, 255, 0.22);
}

#app.presidium-pro:not(.inicio-app) {
  background: var(--presidium-canvas);
  background-attachment: fixed;
}

#app.inicio-app.presidium-pro {
  background: var(--presidium-canvas);
  background-attachment: fixed;
}

#app.inicio-app.presidium-pro #main.inicio-layout {
  background: transparent;
}

#app.inicio-app.presidium-pro #nav {
  background: var(--presidium-nav-bg) !important;
  backdrop-filter: blur(24px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
  border-right: 1px solid var(--presidium-nav-line) !important;
  box-shadow: 8px 0 40px rgba(0, 0, 0, 0.38) !important;
}

#modal-root {
  --pro-gold: #e8eaef;
}

/* —— Abas: faixa fina inferior (estilo fotos) —— */
#app.presidium-pro .nav-btn {
  position: relative;
  border: none !important;
  background: transparent;
  color: var(--pro-text-secondary);
  border-radius: 6px;
}

#app.presidium-pro .nav-btn:hover {
  background: rgba(255, 255, 255, 0.04);
  color: var(--pro-text);
}

#app.presidium-pro .nav-btn.active {
  background: rgba(255, 255, 255, 0.05);
  color: var(--pro-text);
  box-shadow: none;
}

#app.presidium-pro .nav-btn.active .nav-btn-icon {
  color: var(--pro-text);
  opacity: 1;
}

#app.presidium-pro .nav-btn.active::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  border-radius: 0 1px 1px 0;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.18);
  pointer-events: none;
}

/* —— Botões primários: branco fino —— */
#app.presidium-pro .btn.gold,
body.login-page .login-btn,
#modal-root .presidium-modal__btn--primary,
#modal-root .modal .btn.gold,
.logout-confirm--modern .logout-confirm-actions .btn.gold,
.logout-confirm--v2 .logout-btn-primary {
  background: rgba(255, 255, 255, 0.92);
  border: none;
  color: #0a0a0c;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.32);
}

#app.presidium-pro .btn.gold:hover,
body.login-page .login-btn:hover,
#modal-root .presidium-modal__btn--primary:hover:not(:disabled),
.logout-confirm--modern .logout-confirm-actions .btn.gold:hover,
.logout-confirm--v2 .logout-btn-primary:hover {
  background: #fff;
  filter: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.38);
}

/* —— Focus / links —— */
#app.presidium-pro input:focus,
#app.presidium-pro select:focus,
#app.presidium-pro textarea:focus,
body.login-page .login-field:focus {
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06);
}

/* —— Hero Início (canvas unificado) —— */
#app.inicio-app .inicio-hero-eyebrow,
.inicio-fbi .inicio-hero-eyebrow {
  color: rgba(235, 235, 245, 0.42) !important;
}

.inicio-fbi .inicio-fbi-metrics-eyebrow {
  color: rgba(235, 235, 245, 0.38) !important;
}

.inicio-fbi .inicio-hero-stat--fbi {
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.07),
    0 8px 28px rgba(0, 0, 0, 0.38) !important;
}

.inicio-fbi .inicio-hero-stat--fbi .inicio-hero-stat-val {
  color: #f5f5f7 !important;
}

.inicio-fbi .inicio-hero-stat--fbi .inicio-hero-stat-lbl,
.inicio-fbi .inicio-hero-stat-unit {
  color: rgba(235, 235, 245, 0.42) !important;
}

.inicio-fbi .inicio-hero-headline {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #f5f5f7 !important;
}

#modal-root .presidium-modal {
  position: relative;
  overflow: hidden;
}

#modal-root .presidium-modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--presidium-strip);
  z-index: 2;
}

#modal-root .presidium-modal__eyebrow {
  color: rgba(235, 235, 245, 0.38) !important;
}

#modal-root .backup-mode-opt:has(input:checked) {
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28) !important;
}

#modal-root .presidium-modal__btn--primary,
#modal-root .modal .btn.gold {
  background: rgba(255, 255, 255, 0.92) !important;
  border: none !important;
  color: #0a0a0c !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.32) !important;
}

#modal-root .presidium-modal__btn--primary:hover:not(:disabled),
#modal-root .modal .btn.gold:hover {
  background: #fff !important;
  filter: none !important;
}

.inicio-fbi .inicio-hero-stat--fbi .inicio-hero-stat-val {
  color: #f5f5f7 !important;
}

.inicio-fbi .inicio-hero-stat--fbi .inicio-hero-stat-lbl,
.inicio-fbi .inicio-hero-stat-unit {
  color: rgba(235, 235, 245, 0.42) !important;
}