/* Estilos de Configuração e Acesso Completo */
:root {
  --pro-accent: #2563eb;
  --pro-dark: #0f172a;
}

/* Ocultar todos os elementos de cobrança, modal PIX e anúncios */
.ad-slot-container,
.monetization-modal-backdrop,
.btn-upgrade-badge,
.btn-pro-trigger,
.badge-pro-inline,
.pro-badge-indicator,
.pro-only-watermark,
.watermark-free-notice,
.recibo-watermark,
.contract-watermark {
  display: none !important;
}

@media print {
  .pro-badge-indicator,
  .btn-upgrade-badge,
  .btn-pro-trigger,
  .ad-slot-container,
  .monetization-modal-backdrop,
  .pro-only-watermark,
  .watermark-free-notice,
  .recibo-watermark,
  .contract-watermark {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------
   Minimalist & Professional SaaS UI Shared Theme
   ------------------------------------------------------------------------- */
.portal-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.8rem !important;
  color: #71717a !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  margin-right: 14px !important;
  padding-right: 14px !important;
  border-right: 1px solid #e4e4e7 !important;
  transition: color 0.15s ease !important;
}
.portal-back:hover {
  color: #09090b !important;
}
.portal-back svg {
  color: #a1a1aa !important;
  transition: transform 0.15s ease, color 0.15s ease !important;
}
.portal-back:hover svg {
  color: #09090b !important;
  transform: translateX(-2px) !important;
}

.logo-icon-svg {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #09090b !important;
  flex-shrink: 0 !important;
  margin-right: 12px !important;
}

.app-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e4e4e7 !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important;
}

.brand-logo {
  display: flex !important;
  align-items: center !important;
}

.brand-logo h1 {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  color: #09090b !important;
  margin: 0 !important;
}

.tagline {
  font-size: 0.75rem !important;
  color: #71717a !important;
  font-weight: 400 !important;
  display: block !important;
}

/* Subtle modern buttons */
.btn-primary,
.btn-download-primary,
.btn-download-pack {
  background: #09090b !important;
  color: #ffffff !important;
  border: 1px solid #09090b !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important;
  transition: all 0.15s ease !important;
}
.btn-primary:hover,
.btn-download-primary:hover,
.btn-download-pack:hover {
  background: #27272a !important;
  border-color: #27272a !important;
}

.btn-outline,
.btn-download-svg {
  background: #ffffff !important;
  color: #18181b !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  transition: all 0.15s ease !important;
}
.btn-outline:hover,
.btn-download-svg:hover {
  background: #f4f4f5 !important;
  border-color: #d4d4d8 !important;
}