/* HVSZ_H118_UI_REGRESSION_FIXES */

/* Ticket_view: pontosan a megfigyelt reveal/is-visible elem világos módja. */
@media screen {
  html:not([data-theme="dark"]) body.ui-v2-shell main.ticket-view-page div.form-card.ticket-main-details-card.reveal.is-visible,
  html:not([data-theme="dark"]) body.ui-v2-shell main.ticket-view-page div.form-card.ticket-main-details-card.reveal,
  html:not([data-theme="dark"]) body.ui-v2-shell main.ticket-view-page div.form-card.ticket-main-details-card,
  html[data-theme="light"] body.ui-v2-shell main.ticket-view-page div.form-card.ticket-main-details-card.reveal.is-visible,
  html[data-theme="light"] body.ui-v2-shell main.customer-ticket-view-page div.form-card.ticket-main-details-card.reveal.is-visible {
    --v2-card:#fff !important;
    --v2-card-2:#f7f9fc !important;
    --card-bg:#fff !important;
    color-scheme:light !important;
    color:#172033 !important;
    background:#fff !important;
    background-color:#fff !important;
    background-image:linear-gradient(180deg,rgba(255,255,255,.995),rgba(247,249,252,.98)) !important;
    border:1px solid rgba(15,23,42,.13) !important;
    box-shadow:0 16px 40px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.90) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    isolation:auto !important;
  }
  html:not([data-theme="dark"]) body.ui-v2-shell .form-card.ticket-main-details-card.reveal.is-visible::before,
  html:not([data-theme="dark"]) body.ui-v2-shell .form-card.ticket-main-details-card.reveal.is-visible::after,
  html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card.reveal.is-visible::before,
  html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card.reveal.is-visible::after {
    content:none !important;
    display:none !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html:not([data-theme="dark"]) body.ui-v2-shell .form-card.ticket-main-details-card.reveal.is-visible > .ticket-meta-grid,
  html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card.reveal.is-visible > .ticket-meta-grid {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
  }
  html:not([data-theme="dark"]) body.ui-v2-shell .form-card.ticket-main-details-card .detail-row,
  html:not([data-theme="dark"]) body.ui-v2-shell .form-card.ticket-main-details-card .ticket-detail-item,
  html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card .detail-row,
  html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card .ticket-detail-item {
    color:#172033 !important;
    background:rgba(255,255,255,.96) !important;
    background-color:rgba(255,255,255,.96) !important;
    background-image:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.94)) !important;
    border-color:rgba(15,23,42,.12) !important;
    box-shadow:none !important;
  }
}

/* Telefonos oldalsáv: az auto margin ne tolja le az alsó ikonsort. */
@media (max-width:1100px) {
  body.ui-v2-shell .topbar-inner {
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    align-content:flex-start !important;
    justify-content:flex-start !important;
    padding-bottom:max(10px,env(safe-area-inset-bottom,0px)) !important;
  }
  body.ui-v2-shell .topbar .topbar-center,
  body.ui-v2-shell .topbar nav.topbar-center {
    flex:0 0 auto !important;
    min-height:auto !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    gap:6px !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.ui-v2-shell .topbar .topbar-center > [data-h62-portal-switch],
  body.ui-v2-shell .topbar .topbar-center > a[href*="customer_portal"],
  body.ui-v2-shell .topbar .topbar-center > a[href*="admin_portal"] {
    margin-top:10px !important;
    order:900 !important;
  }
  body.ui-v2-shell .topbar a.topbar-pill,
  body.ui-v2-shell .topbar button.topbar-pill,
  body.ui-v2-shell .topbar .topbar-pill {
    min-height:38px !important;
    padding:7px 9px !important;
    line-height:1.15 !important;
  }
  body.ui-v2-shell:not(.customer-v2-portal) .topbar .topbar-right {
    flex:0 0 auto !important;
    width:100% !important;
    margin:0 !important;
    padding-top:8px !important;
    position:static !important;
    align-self:stretch !important;
  }
}

/* A környezet biztonsági kapcsolói aktívak maradnak, csak a badge tűnik el. */
body.ui-v2-shell .topbar > .env-banner,
body.ui-v2-shell .topbar .env-banner { display:none !important; }

/* Mobil értesítési panel: középen, a látható viewporton belül. */
@media (max-width:760px) {
  body.ui-v2-shell .v2-notification-portal {
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:50% !important;
    bottom:auto !important;
    width:min(420px,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:min(72dvh,540px) !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }
  body.ui-v2-shell .v2-notification-portal-list {
    max-height:calc(72dvh - 112px) !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }
}
@media (max-width:420px),(max-height:680px) {
  body.ui-v2-shell .v2-notification-portal { max-height:min(68dvh,480px) !important; }
  body.ui-v2-shell .v2-notification-portal-list { max-height:calc(68dvh - 108px) !important; }
}