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

/* ===== BEGIN assets/css/v2-pjax-stability.css ===== */
/* HVSZ Hibakezelő H30 - v2 PJAX/dropdown/notification stability */
html[data-theme="dark"] body.ui-v2-shell,
html[data-theme="light"] body.ui-v2-shell {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.ui-v2-shell.v2-navigating main.app-container,
body.ui-v2-shell.v2-page-leave main.app-container,
body.ui-v2-shell.v2-pjax-loading main.app-container,
body.ui-v2-shell.v2-navigating .app-container,
body.ui-v2-shell.v2-page-leave .app-container,
body.ui-v2-shell.v2-pjax-loading .app-container {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
}
body.ui-v2-shell.v2-navigating::before,
body.ui-v2-shell.v2-page-leave::before,
body.ui-v2-shell.v2-pjax-loading::before,
body.ui-v2-shell .v2-page-dim,
body.ui-v2-shell .v2-route-overlay {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.ui-v2-shell .v2-route-progress {
  z-index: 999998 !important;
  height: 3px !important;
}

body.ui-v2-shell h1,
body.ui-v2-shell h2,
body.ui-v2-shell h3,
body.ui-v2-shell .page-title-row h1,
body.ui-v2-shell .ticket-title,
body.ui-v2-shell .ticket-view-title,
body.ui-v2-shell .v2-ticket-title,
body.ui-v2-shell .app-page-title,
body.ui-v2-shell .page-header h1,
body.ui-v2-shell .page-shell h1 {
  line-height: 1.22 !important;
  padding-top: .04em !important;
  padding-bottom: .08em !important;
  overflow: visible !important;
  font-family: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  letter-spacing: -.018em !important;
  text-transform: none !important;
  font-variant-caps: normal !important;
}
body.ui-v2-shell .ticket-header,
body.ui-v2-shell .ticket-view-header,
body.ui-v2-shell .page-title-row,
body.ui-v2-shell .page-header,
body.ui-v2-shell .content-header {
  overflow: visible !important;
}

body.ui-v2-shell .app-sidebar,
body.ui-v2-shell .v2-sidebar,
body.ui-v2-shell .topbar-right,
body.ui-v2-shell .notification-bell-wrap {
  overflow: visible !important;
}
body.ui-v2-shell .notification-bell-wrap {
  position: relative !important;
  z-index: 100000 !important;
}
body.ui-v2-shell .notification-dropdown {
  position: fixed !important;
  left: 92px !important;
  bottom: 82px !important;
  top: auto !important;
  right: auto !important;
  width: min(390px, calc(100vw - 116px)) !important;
  max-height: min(620px, calc(100vh - 116px)) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 100001 !important;
  border-radius: 22px !important;
  border: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.24)) 82%, transparent) !important;
  background: color-mix(in srgb, var(--v2-surface, #181a1d) 94%, transparent) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.035) inset !important;
  backdrop-filter: blur(20px) saturate(1.05) !important;
}
body.ui-v2-shell .notification-dropdown[hidden] { display: none !important; }
body.ui-v2-shell .notification-list {
  overflow: auto !important;
  max-height: min(480px, calc(100vh - 220px)) !important;
  padding-right: 4px !important;
}
body.ui-v2-shell .notification-dropdown-head,
body.ui-v2-shell .notification-all-link { flex: 0 0 auto !important; }
body.ui-v2-shell .notification-item {
  border-radius: 14px !important;
  margin: 6px !important;
  border: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.2)) 75%, transparent) !important;
  background: color-mix(in srgb, var(--v2-surface-2, #202327) 88%, transparent) !important;
}
body.ui-v2-shell .notification-item:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--v2-accent, #22c55e) 55%, var(--v2-border, #3b4450)) !important;
}

body.ui-v2-shell .notification-page-list { display: grid !important; gap: 12px !important; }
body.ui-v2-shell .notification-page-item {
  display: grid !important;
  grid-template-columns: 12px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  color: var(--v2-text, inherit) !important;
  text-decoration: none !important;
  border: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.2)) 78%, transparent) !important;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--v2-surface, #191b1f) 96%, transparent),
    color-mix(in srgb, var(--v2-surface-2, #202327) 92%, transparent)
  ) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}
body.ui-v2-shell .notification-page-item:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--v2-accent, #22c55e) 48%, var(--v2-border, #374151)) !important;
}
body.ui-v2-shell .notification-page-item.is-read { opacity: .72 !important; }
body.ui-v2-shell .notification-page-status {
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  margin-top: .45em !important;
  background: var(--v2-danger, #ef4444) !important;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--v2-danger, #ef4444) 14%, transparent) !important;
}
body.ui-v2-shell .notification-page-item.is-read .notification-page-status {
  background: var(--v2-muted, #64748b) !important;
  box-shadow: none !important;
}
body.ui-v2-shell .notification-page-content { display: grid !important; gap: 4px !important; min-width: 0 !important; }
body.ui-v2-shell .notification-page-content strong {
  font-size: 1.02rem !important;
  line-height: 1.25 !important;
  color: var(--v2-text, #f8fafc) !important;
}
body.ui-v2-shell .notification-page-content span { color: var(--v2-text-muted, #94a3b8) !important; line-height: 1.35 !important; }
body.ui-v2-shell .notification-page-content em { color: var(--v2-muted, #64748b) !important; font-size: .82rem !important; font-style: normal !important; }

body.ui-v2-shell select,
body.ui-v2-shell option,
body.ui-v2-shell optgroup {
  color: var(--v2-text, #f8fafc) !important;
  background: var(--v2-surface, #181a1d) !important;
}
html[data-theme="light"] body.ui-v2-shell select,
html[data-theme="light"] body.ui-v2-shell option,
html[data-theme="light"] body.ui-v2-shell optgroup {
  color: #172033 !important;
  background: #fffaf0 !important;
}

body.ui-v2-shell .dropdown-menu,
body.ui-v2-shell .select-menu,
body.ui-v2-shell [role="listbox"],
body.ui-v2-shell .autocomplete-results,
body.ui-v2-shell .customer-search-results,
body.ui-v2-shell .suggestions,
body.ui-v2-shell .typeahead-results {
  z-index: 99990 !important;
}
body.ui-v2-shell .modal,
body.ui-v2-shell .modal-backdrop,
body.ui-v2-shell .modal-dialog { z-index: 100010 !important; }

@media (max-width: 900px) {
  body.ui-v2-shell .notification-dropdown {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    bottom: 78px !important;
  }
}
/* ===== END assets/css/v2-pjax-stability.css ===== */

/* ===== BEGIN assets/css/v2-notification-portal.css ===== */
/* HVSZ Hibakezelő H31 - PJAX stop + notification portal + notification page cleanup */
body.ui-v2-shell.v2-navigating,
body.ui-v2-shell.v2-page-leave,
body.ui-v2-shell.v2-pjax-loading,
body.ui-v2-shell.v2-page-enter { cursor: auto !important; }
body.ui-v2-shell.v2-navigating main.app-container,
body.ui-v2-shell.v2-page-leave main.app-container,
body.ui-v2-shell.v2-pjax-loading main.app-container,
body.ui-v2-shell.v2-page-enter main.app-container,
body.ui-v2-shell.v2-navigating .app-container,
body.ui-v2-shell.v2-page-leave .app-container,
body.ui-v2-shell.v2-pjax-loading .app-container,
body.ui-v2-shell.v2-page-enter .app-container {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
}
body.ui-v2-shell .v2-route-progress { opacity: 0 !important; transform: scaleX(.08) !important; }
body.ui-v2-shell .notification-dropdown { display: none !important; }
body.ui-v2-shell .v2-notification-portal {
  position: fixed !important;
  z-index: 2147483000 !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  color: var(--v2-text, #f8fafc) !important;
  border: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.28)) 90%, transparent) !important;
  background: color-mix(in srgb, var(--v2-surface, #191b1f) 96%, transparent) !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
}
body.ui-v2-shell .v2-notification-portal[hidden] { display: none !important; }
body.ui-v2-shell .v2-notification-portal-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  background: color-mix(in srgb, var(--v2-surface-2, #22252a) 90%, transparent) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.24)) 80%, transparent) !important;
}
body.ui-v2-shell .v2-notification-portal-head strong { font-size: 1rem !important; line-height: 1.25 !important; }
body.ui-v2-shell .v2-notification-mark-all {
  appearance: none !important;
  border: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.24)) 78%, transparent) !important;
  background: color-mix(in srgb, var(--v2-surface, #16181b) 92%, transparent) !important;
  color: var(--v2-text, #f8fafc) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
}
body.ui-v2-shell .v2-notification-portal-list {
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  overflow: auto !important;
  max-height: min(480px, calc(100vh - 210px)) !important;
}
body.ui-v2-shell .v2-notification-card {
  display: grid !important;
  grid-template-columns: 10px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 12px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  color: var(--v2-text, #f8fafc) !important;
  border: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.2)) 72%, transparent) !important;
  background: color-mix(in srgb, var(--v2-surface-2, #202327) 88%, transparent) !important;
}
body.ui-v2-shell .v2-notification-card:hover { transform: translateY(-1px) !important; border-color: color-mix(in srgb, var(--v2-accent, #22c55e) 50%, var(--v2-border, #334155)) !important; }
body.ui-v2-shell .v2-notification-card.is-read { opacity: .72 !important; }
body.ui-v2-shell .v2-notification-dot { width: 8px !important; height: 8px !important; margin-top: .45em !important; border-radius: 999px !important; background: var(--v2-danger, #ef4444) !important; box-shadow: 0 0 0 5px color-mix(in srgb, var(--v2-danger, #ef4444) 16%, transparent) !important; }
body.ui-v2-shell .v2-notification-card.is-read .v2-notification-dot { background: var(--v2-muted, #64748b) !important; box-shadow: none !important; }
body.ui-v2-shell .v2-notification-text { display: grid !important; gap: 4px !important; min-width: 0 !important; }
body.ui-v2-shell .v2-notification-text strong { line-height: 1.22 !important; }
body.ui-v2-shell .v2-notification-body { color: var(--v2-text-muted, #a8b2c2) !important; line-height: 1.35 !important; }
body.ui-v2-shell .v2-notification-text em { color: var(--v2-muted, #7d8797) !important; font-style: normal !important; font-size: .82rem !important; }
body.ui-v2-shell .v2-notification-empty { padding: 18px !important; color: var(--v2-text-muted, #a8b2c2) !important; text-align: center !important; }
body.ui-v2-shell .v2-notification-all { display: block !important; padding: 12px 16px !important; text-align: center !important; color: var(--v2-accent, #22c55e) !important; text-decoration: none !important; font-weight: 800 !important; border-top: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.22)) 82%, transparent) !important; }
html[data-theme="light"] body.ui-v2-shell .v2-notification-portal { color: #172033 !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 30px 80px rgba(15,23,42,.18), 0 0 0 1px rgba(15,23,42,.04) inset !important; }
html[data-theme="light"] body.ui-v2-shell .v2-notification-portal-head,
html[data-theme="light"] body.ui-v2-shell .v2-notification-card,
html[data-theme="light"] body.ui-v2-shell .v2-notification-mark-all { background: rgba(248,250,252,.96) !important; color: #172033 !important; }
body.ui-v2-shell .notification-page-list { display: grid !important; gap: 12px !important; }
body.ui-v2-shell .notification-page-item { display: grid !important; grid-template-columns: 11px minmax(0,1fr) !important; gap: 14px !important; align-items: start !important; padding: 15px 17px !important; border-radius: 18px !important; color: var(--v2-text, #f8fafc) !important; text-decoration: none !important; background: color-mix(in srgb, var(--v2-surface, #191b1f) 94%, transparent) !important; border: 1px solid color-mix(in srgb, var(--v2-border, rgba(148,163,184,.23)) 82%, transparent) !important; }
body.ui-v2-shell .notification-page-item.is-read { opacity: .68 !important; }
body.ui-v2-shell .notification-page-status { width: 9px !important; height: 9px !important; border-radius: 999px !important; margin-top: .45em !important; background: var(--v2-danger, #ef4444) !important; }
body.ui-v2-shell .notification-page-item.is-read .notification-page-status { background: var(--v2-muted, #64748b) !important; }
body.ui-v2-shell .notification-page-content { display: grid !important; gap: 4px !important; }
body.ui-v2-shell .notification-page-content em { font-style: normal !important; color: var(--v2-muted, #7d8797) !important; font-size: .82rem !important; }
html[data-theme="light"] body.ui-v2-shell .notification-page-item { color: #172033 !important; background: rgba(255,255,255,.88) !important; }
/* ===== END assets/css/v2-notification-portal.css ===== */