/* 20260612: Configurações modal blur parity patch.
   Scope: Adicionar conta/Reconfigurar Tiny modal only. Does not replace the admin/new frontend build. */
body:has(.settings-modal-overlay) .settings-page > :not(.settings-modal-overlay) {
  filter: none !important;
  transform: none !important;
  transition: none !important;
  pointer-events: auto !important;
}

body:has(.settings-modal-overlay) .settings-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 60 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: calc(64px + 24px) 24px 24px calc(72px + 24px) !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.82), rgba(2, 6, 23, 0.88)),
    radial-gradient(circle at 50% 36%, rgba(8, 47, 73, 0.18), transparent 42%) !important;
  -webkit-backdrop-filter: blur(64px) saturate(0.70) brightness(0.34) !important;
  backdrop-filter: blur(64px) saturate(0.70) brightness(0.34) !important;
  box-shadow: inset 0 0 0 9999px rgba(2, 6, 23, 0.22) !important;
}

body:has(.settings-modal-overlay) aside.fixed.left-0.top-0,
body:has(.settings-modal-overlay) header.sticky.top-0 {
  position: fixed !important;
  z-index: 80 !important;
  filter: none !important;
}

body:has(.settings-modal-overlay) header.sticky.top-0 {
  left: 72px !important;
  right: 0 !important;
  width: auto !important;
}

body:has(.settings-modal-overlay) .settings-modal-panel {
  z-index: 90 !important;
  filter: none !important;
  isolation: isolate !important;
}

@media (max-width: 767px) {
  body:has(.settings-modal-overlay) .settings-modal-overlay {
    padding: calc(64px + 20px) 20px 20px 20px !important;
  }
  body:has(.settings-modal-overlay) header.sticky.top-0 {
    left: 0 !important;
  }
}