/* H83_PLATFORM_CONSOLIDATION_SECURITY: generated CSS bundle. Source order is intentional. */

/* ===== BEGIN assets/css/v2-h67-modal-stack-fix.css ===== */
/* H67 - modal portal / glass backdrop / stack fix */
:root {
  --h67-modal-z: 10800;
  --h67-backdrop-z: 10780;
}

/* A korábbi blur próbálkozások ne a teljes appot/compositing layert bluröljék,
   mert ha a modal az app-containerben van, vele együtt homályosodik. A tényleges
   üveghatást a backdrop-filteres backdrop adja. */
body.modal-open .app-container,
body.modal-open main.app-container,
body.modal-open header.topbar,
body.modal-open .topbar,
body.modal-open .app-sidebar,
body.modal-open .sidebar,
body.h67-modal-open .app-container,
body.h67-modal-open main.app-container,
body.h67-modal-open header.topbar,
body.h67-modal-open .topbar,
body.h67-modal-open .app-sidebar,
body.h67-modal-open .sidebar {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.modal-backdrop,
.modal-backdrop.show {
  z-index: var(--h67-backdrop-z) !important;
  opacity: 1 !important;
  background: rgba(3, 8, 12, 0.42) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.14) !important;
  backdrop-filter: blur(12px) saturate(1.14) !important;
}

html[data-theme="light"] .modal-backdrop,
html[data-theme="light"] .modal-backdrop.show,
body[data-theme="light"] .modal-backdrop,
body[data-theme="light"] .modal-backdrop.show {
  background: rgba(238, 244, 248, 0.48) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
}

/* A modal mindig a backdrop fölött legyen, és soha ne örököljön direkt blur/opacity hackeket. */
body.modal-open .modal,
body.h67-modal-open .modal,
.modal.show,
.modal[aria-modal="true"] {
  z-index: var(--h67-modal-z) !important;
  -webkit-filter: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.modal-open .modal.show,
body.h67-modal-open .modal.show,
.modal.show[aria-modal="true"] {
  display: block !important;
}

.modal .modal-dialog,
.modal.show .modal-dialog,
.modal .modal-content,
.modal.show .modal-content {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Sticky ticket fejléc alatt kicsit lejjebb induljon. */
.modal .modal-dialog {
  margin-top: max(5.25rem, calc(env(safe-area-inset-top, 0px) + 4.75rem)) !important;
}

@media (max-width: 768px) {
  .modal .modal-dialog {
    margin: max(4rem, calc(env(safe-area-inset-top, 0px) + 3.5rem)) 0.75rem 1rem !important;
    max-width: calc(100vw - 1.5rem) !important;
  }

  .modal .modal-content {
    max-height: calc(100vh - 5rem) !important;
    overflow: auto !important;
  }
}

/* Több backdrop véletlen egymásra rakódásánál is csak a legutolsó legyen vizuálisan aktív. */
.modal-backdrop + .modal-backdrop {
  opacity: 0 !important;
}
/* ===== END assets/css/v2-h67-modal-stack-fix.css ===== */

/* ===== BEGIN assets/css/v2-h68-modal-static-fix.css ===== */
/* H68 - safe CSS-only modal stack / glass backdrop fix
   This intentionally contains no JS and no MutationObserver. */
:root {
  --h68-modal-z: 10800;
  --h68-backdrop-z: 10780;
}

body.modal-open .app-container,
body.modal-open main.app-container,
body.modal-open header.topbar,
body.modal-open .topbar,
body.modal-open .app-sidebar,
body.modal-open .sidebar,
body.modal-open .v2-shell,
body.modal-open .app-shell {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.modal-backdrop,
.modal-backdrop.show {
  z-index: var(--h68-backdrop-z) !important;
  opacity: 1 !important;
  background: rgba(3, 8, 12, 0.42) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.14) !important;
  backdrop-filter: blur(12px) saturate(1.14) !important;
}

html[data-theme="light"] .modal-backdrop,
html[data-theme="light"] .modal-backdrop.show,
body[data-theme="light"] .modal-backdrop,
body[data-theme="light"] .modal-backdrop.show {
  background: rgba(238, 244, 248, 0.50) !important;
}

.modal,
.modal.show,
.modal[aria-modal="true"] {
  z-index: var(--h68-modal-z) !important;
  -webkit-filter: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.modal.show,
.modal[aria-modal="true"] {
  display: block !important;
  pointer-events: auto !important;
}

.modal .modal-dialog,
.modal.show .modal-dialog,
.modal .modal-content,
.modal.show .modal-content {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.modal .modal-dialog {
  margin-top: max(5.25rem, calc(env(safe-area-inset-top, 0px) + 4.75rem)) !important;
}

@media (max-width: 768px) {
  .modal .modal-dialog {
    margin: max(4rem, calc(env(safe-area-inset-top, 0px) + 3.5rem)) 0.75rem 1rem !important;
    max-width: calc(100vw - 1.5rem) !important;
  }
  .modal .modal-content {
    max-height: calc(100vh - 5rem) !important;
    overflow: auto !important;
  }
}
/* ===== END assets/css/v2-h68-modal-static-fix.css ===== */

/* ===== BEGIN assets/css/v2-h69-modal-blur-css-only-fix.css ===== */
/* H69 - modal blur CSS-only fix
   Last-resort, late-loading layer. No MutationObserver and no DOM moving. */
:root {
  --h69-modal-z: 12050;
  --h69-backdrop-z: 12000;
}

/* H63 used :has(.modal...) to blur main.app-container. That blurs the modal too
   whenever the modal markup is inside main. Kill that page-level filter with
   equal/higher specificity and leave the glass effect to the backdrop. */
html body.ui-v2-shell:has(.modal.show) main.app-container,
html body.ui-v2-shell:has(.modal[aria-hidden="false"]) main.app-container,
html body.ui-v2-shell:has(.modal.is-open) main.app-container,
html body.ui-v2-shell:has(.modal.is-visible) main.app-container,
html body.ui-v2-shell.modal-open main.app-container,
html body.ui-v2-shell.modal-open .app-container,
html body.ui-v2-shell.modal-open .v2-shell,
html body.ui-v2-shell.modal-open .app-shell,
html body.ui-v2-shell.modal-open .topbar,
html body.ui-v2-shell.modal-open .app-sidebar,
html body.ui-v2-shell.h67-modal-open main.app-container,
html body.ui-v2-shell.h67-modal-open .app-container,
html body.ui-v2-shell.h67-modal-open .v2-shell,
html body.ui-v2-shell.h67-modal-open .app-shell,
html body.ui-v2-shell.h67-modal-open .topbar,
html body.ui-v2-shell.h67-modal-open .app-sidebar {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Keep the backdrop visible and glassy. */
html body.ui-v2-shell .modal-backdrop,
html body.ui-v2-shell .modal-backdrop.show,
html body.ui-v2-shell .modal-overlay,
html body.ui-v2-shell .modal-backdrop.fade.show {
  z-index: var(--h69-backdrop-z) !important;
  opacity: 1 !important;
  background: rgba(5, 10, 18, .38) !important;
  background-color: rgba(5, 10, 18, .38) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.12) !important;
  backdrop-filter: blur(12px) saturate(1.12) !important;
}
html[data-theme="light"] body.ui-v2-shell .modal-backdrop,
html[data-theme="light"] body.ui-v2-shell .modal-backdrop.show,
html[data-theme="light"] body.ui-v2-shell .modal-overlay,
body.theme-light.ui-v2-shell .modal-backdrop,
body.theme-light.ui-v2-shell .modal-backdrop.show,
body.theme-light.ui-v2-shell .modal-overlay {
  background: rgba(238, 243, 249, .54) !important;
  background-color: rgba(238, 243, 249, .54) !important;
}

/* The overlay modal itself may own the backdrop-filter, but the dialog/content
   must never inherit visual blur. */
html body.ui-v2-shell .modal,
html body.ui-v2-shell .modal.show,
html body.ui-v2-shell .modal.is-open,
html body.ui-v2-shell .modal.is-visible,
html body.ui-v2-shell .modal[aria-hidden="false"] {
  z-index: var(--h69-modal-z) !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-filter: none !important;
  filter: none !important;
}

html body.ui-v2-shell .modal-dialog,
html body.ui-v2-shell .modal.show .modal-dialog,
html body.ui-v2-shell .modal.is-open .modal-dialog,
html body.ui-v2-shell .modal.is-visible .modal-dialog,
html body.ui-v2-shell .modal[aria-hidden="false"] .modal-dialog,
html body.ui-v2-shell .modal-content,
html body.ui-v2-shell .modal.show .modal-content,
html body.ui-v2-shell .modal.is-open .modal-content,
html body.ui-v2-shell .modal.is-visible .modal-content,
html body.ui-v2-shell .modal[aria-hidden="false"] .modal-content,
html body.ui-v2-shell .modal-header,
html body.ui-v2-shell .modal-body,
html body.ui-v2-shell .modal-footer {
  -webkit-filter: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.ui-v2-shell .modal .modal-dialog {
  margin-top: max(5.25rem, calc(env(safe-area-inset-top, 0px) + 4.75rem)) !important;
}

/* Avoid stacked backdrops becoming an opaque black/white wall. */
html body.ui-v2-shell .modal-backdrop + .modal-backdrop {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  html body.ui-v2-shell .modal .modal-dialog {
    margin: max(4rem, calc(env(safe-area-inset-top, 0px) + 3.5rem)) .75rem 1rem !important;
    max-width: calc(100vw - 1.5rem) !important;
  }
  html body.ui-v2-shell .modal .modal-content {
    max-height: calc(100vh - 5rem) !important;
    overflow: auto !important;
  }
}
/* ===== END assets/css/v2-h69-modal-blur-css-only-fix.css ===== */