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

/* ===== BEGIN assets/css/v2-h61-ui-function-banger.css ===== */
/* HVSZ H61 - funkció- és stílusbővítő javítások */
.modal-backdrop{background:rgba(8,13,24,.42)!important;backdrop-filter:blur(14px) saturate(1.12)!important;-webkit-backdrop-filter:blur(14px) saturate(1.12)!important;}
html[data-theme="light"] .modal-backdrop,body.theme-light .modal-backdrop{background:rgba(236,242,249,.52)!important;}
.modal:not(.is-docked) .modal-dialog{margin-top:max(92px,calc(var(--topbar-offset,64px) + 34px))!important;}
@media(max-width:760px){.modal:not(.is-docked) .modal-dialog{margin-top:max(76px,calc(var(--topbar-offset,52px) + 18px))!important;}}
.ticket-view-page .ticket-main-details-card,.customer-ticket-view-page .ticket-main-details-card,.ticket-view-page .ticket-main-details-card .ticket-meta-grid,.customer-ticket-view-page .ticket-main-details-card .ticket-meta-grid{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;background-color:transparent!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important;border-color:rgba(148,163,184,.22)!important;}
html[data-theme="light"] .ticket-view-page .ticket-main-details-card,html[data-theme="light"] .customer-ticket-view-page .ticket-main-details-card,html[data-theme="light"] .ticket-view-page .ticket-main-details-card .ticket-meta-grid,html[data-theme="light"] .customer-ticket-view-page .ticket-main-details-card .ticket-meta-grid{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.91))!important;border-color:rgba(148,163,184,.30)!important;box-shadow:0 16px 38px rgba(15,23,42,.08)!important;}
.ticket-view-page .ticket-main-details-card::before,.ticket-view-page .ticket-main-details-card::after,.customer-ticket-view-page .ticket-main-details-card::before,.customer-ticket-view-page .ticket-main-details-card::after{display:none!important;content:none!important;}
.ticket-view-page .ticket-main-details-card .detail-row,.customer-ticket-view-page .ticket-main-details-card .detail-row{background:rgba(255,255,255,.045)!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:14px!important;box-shadow:none!important;}
html[data-theme="light"] .ticket-view-page .ticket-main-details-card .detail-row,html[data-theme="light"] .customer-ticket-view-page .ticket-main-details-card .detail-row{background:rgba(255,255,255,.84)!important;border-color:rgba(148,163,184,.25)!important;}
.ticket-view-page .page-header-ticket .ticket-title,.ticket-view-page .page-header-ticket .ticket-title-main,.customer-ticket-view-page .page-header-ticket .ticket-title,.customer-ticket-view-page .page-header-ticket .ticket-title-main{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.22!important;max-width:none!important;}
.ticket-view-page .page-header-ticket .ticket-title-row,.customer-ticket-view-page .page-header-ticket .ticket-title-row{align-items:center!important;}
.customer-ticket-view-page .customer-ticket-title-row{justify-content:center!important;text-align:center!important;width:100%!important;}
.customer-ticket-view-page .customer-ticket-title{justify-content:center!important;text-align:center!important;margin-inline:auto!important;}
.ticket-table--tig tr.tig-row-done>td{background:linear-gradient(90deg,rgba(22,163,74,.18),rgba(22,163,74,.055))!important;border-color:rgba(22,163,74,.22)!important;}
.ticket-table--tig tr.tig-row-pending>td{background:linear-gradient(90deg,rgba(239,68,68,.20),rgba(239,68,68,.055))!important;border-color:rgba(239,68,68,.22)!important;}
.ticket-table--tig tr.tig-row-open>td{background:linear-gradient(90deg,rgba(245,158,11,.22),rgba(245,158,11,.06))!important;border-color:rgba(245,158,11,.26)!important;}
.ticket-table--tig tr.tig-row-done .badge-warning{background:rgba(22,163,74,.18)!important;color:inherit!important;}.ticket-table--tig tr.tig-row-pending .badge-warning{background:rgba(239,68,68,.18)!important;color:inherit!important;}.ticket-table--tig tr.tig-row-open .badge-warning{background:rgba(245,158,11,.22)!important;color:inherit!important;}
.topbar-center>a[href$="customer_portal.php"],.topbar-center>a[href$="agent_switch.php"]{order:90!important;margin-top:auto!important;}
.ac-item .ac-main{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap}.ac-item .ac-email-inline{font-weight:500;opacity:.62;font-size:.92em}.ac-item .ac-email-inline::before{content:'·';margin-right:6px;opacity:.55;}
.ticket-new-page .form-actions,#ticket_new_form .form-actions{justify-content:flex-end!important;align-items:center!important;}#ticket_new_form [data-v2-admin-ticket-new-progress],#customer-ticket-new-form [data-v2-customer-ticket-new-progress]{margin-left:auto!important;text-align:right!important;}
.account-org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.account-org-card{border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:14px;background:rgba(255,255,255,.045)}html[data-theme="light"] .account-org-card{background:rgba(255,255,255,.9)}.account-pref-note{font-size:12px;opacity:.76;margin-top:6px;}
.page-title-with-icon .page-title-icon{width:26px;height:26px;object-fit:contain;}
.deadline-popover{top:calc(100% + 10px)!important;z-index:10050!important}.deadline-popover.h61-actions-first .deadline-popover__actions{margin-top:0!important;margin-bottom:10px!important}.deadline-popover input[type="datetime-local"]{position:relative;z-index:1;}
.h61-closed-search-status{font-size:12px;opacity:.75;margin-top:6px;text-align:right}.table-search .h61-closed-search-status{max-width:320px;}
/* ===== END assets/css/v2-h61-ui-function-banger.css ===== */

/* ===== BEGIN assets/css/v2-h62-followup-banger-fixes.css ===== */
/* HVSZ H62 - H61 után bent maradt vizuális/funkcionális javítások */

/* 1) Modal háttér: ne fekete/fehér lap legyen, hanem üveges, elhomályosított oldal. */
body.ui-v2-shell .modal,
body.ui-v2-shell .modal.is-open,
body.ui-v2-shell .modal.is-visible{
  background: transparent !important;
  background-color: transparent !important;
}
body.ui-v2-shell .modal > .modal-backdrop,
body.ui-v2-shell .modal .modal-backdrop,
body.ui-v2-shell .modal-backdrop,
body.ui-v2-shell .modal-overlay{
  background: rgba(7, 12, 22, .34) !important;
  background-color: rgba(7, 12, 22, .34) !important;
  opacity: 1 !important;
  backdrop-filter: blur(16px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.18) !important;
}
html[data-theme="light"] body.ui-v2-shell .modal > .modal-backdrop,
html[data-theme="light"] body.ui-v2-shell .modal .modal-backdrop,
html[data-theme="light"] body.ui-v2-shell .modal-backdrop,
html[data-theme="light"] body.ui-v2-shell .modal-overlay{
  background: rgba(238, 243, 249, .56) !important;
  background-color: rgba(238, 243, 249, .56) !important;
}
body.ui-v2-shell .modal-dialog{
  margin-top: max(96px, calc(var(--topbar-offset, 64px) + 42px)) !important;
}
body.ui-v2-shell .modal.is-docked .modal-dialog{ margin-top:0 !important; }

/* 2) Ticket adatlap felső infós blokk: a sötétkék maradvány és a szürke ráhúzás kikapcsolása. */
body.ui-v2-shell main.ticket-view-page .ticket-main-details-card,
body.ui-v2-shell main.customer-ticket-view-page .ticket-main-details-card,
body.ui-v2-shell .ticket-view-page .ticket-main-details-card.form-card,
body.ui-v2-shell .customer-ticket-view-page .ticket-main-details-card.form-card{
  background: color-mix(in srgb, var(--v2-card, #202329) 94%, transparent) !important;
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--v2-card, #202329) 96%, transparent), color-mix(in srgb, var(--v2-card-2, #1b1d22) 92%, transparent)) !important;
  border: 1px solid var(--v2-border, rgba(255,255,255,.12)) !important;
  box-shadow: var(--v2-shadow-soft, 0 16px 40px rgba(0,0,0,.25)) !important;
  overflow: visible !important;
  position: relative !important;
}
html[data-theme="light"] body.ui-v2-shell main.ticket-view-page .ticket-main-details-card,
html[data-theme="light"] body.ui-v2-shell main.customer-ticket-view-page .ticket-main-details-card,
html[data-theme="light"] body.ui-v2-shell .ticket-view-page .ticket-main-details-card.form-card,
html[data-theme="light"] body.ui-v2-shell .customer-ticket-view-page .ticket-main-details-card.form-card{
  background: rgba(255,255,255,.96) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
}
body.ui-v2-shell main.ticket-view-page .ticket-main-details-card::before,
body.ui-v2-shell main.ticket-view-page .ticket-main-details-card::after,
body.ui-v2-shell main.customer-ticket-view-page .ticket-main-details-card::before,
body.ui-v2-shell main.customer-ticket-view-page .ticket-main-details-card::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
}
body.ui-v2-shell main.ticket-view-page .ticket-main-details-card .ticket-meta-grid,
body.ui-v2-shell main.customer-ticket-view-page .ticket-main-details-card .ticket-meta-grid,
body.ui-v2-shell .ticket-view-page .ticket-meta-grid,
body.ui-v2-shell .customer-ticket-view-page .ticket-meta-grid{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.ui-v2-shell main.ticket-view-page .ticket-main-details-card .detail-row,
body.ui-v2-shell main.customer-ticket-view-page .ticket-main-details-card .detail-row,
body.ui-v2-shell .ticket-view-page .ticket-main-details-card .detail-row,
body.ui-v2-shell .customer-ticket-view-page .ticket-main-details-card .detail-row{
  background: color-mix(in srgb, var(--v2-control-2, #1b1d22) 76%, transparent) !important;
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--v2-control-2, #1b1d22) 84%, transparent), color-mix(in srgb, var(--v2-card, #202329) 46%, transparent)) !important;
  border: 1px solid var(--v2-border, rgba(255,255,255,.12)) !important;
  box-shadow: none !important;
}
html[data-theme="light"] body.ui-v2-shell main.ticket-view-page .ticket-main-details-card .detail-row,
html[data-theme="light"] body.ui-v2-shell main.customer-ticket-view-page .ticket-main-details-card .detail-row,
html[data-theme="light"] body.ui-v2-shell .ticket-view-page .ticket-main-details-card .detail-row,
html[data-theme="light"] body.ui-v2-shell .customer-ticket-view-page .ticket-main-details-card .detail-row{
  background: rgba(255,255,255,.88) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.86)) !important;
}

/* 3) Új hibajegy: beküldéskor a Betöltés/Mégse ne ugorjon át balra. */
body.ui-v2-shell .ticket-new-page form#ticket_new_form .form-actions,
body.ui-v2-shell form#ticket_new_form .form-actions,
body.ui-v2-shell form#customer-ticket-new-form .form-actions{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  text-align:right !important;
}
body.ui-v2-shell form#ticket_new_form .form-actions > *,
body.ui-v2-shell form#customer-ticket-new-form .form-actions > *{
  flex:0 0 auto !important;
}
body.ui-v2-shell form#ticket_new_form [data-v2-admin-ticket-new-progress],
body.ui-v2-shell form#customer-ticket-new-form [data-v2-customer-ticket-new-progress]{
  order:50 !important;
  flex:0 1 360px !important;
  flex-basis:min(360px, 42vw) !important;
  margin:0 0 0 12px !important;
  text-align:right !important;
  min-width:220px !important;
}
body.ui-v2-shell form#ticket_new_form .form-actions .btn-secondary,
body.ui-v2-shell form#customer-ticket-new-form .form-actions .btn-secondary{ order:10 !important; }
body.ui-v2-shell form#ticket_new_form .form-actions .btn-primary,
body.ui-v2-shell form#customer-ticket-new-form .form-actions .btn-primary,
body.ui-v2-shell form#ticket_new_form .form-actions button[type="submit"],
body.ui-v2-shell form#customer-ticket-new-form .form-actions button[type="submit"]{ order:20 !important; }
@media (max-width: 720px){
  body.ui-v2-shell form#ticket_new_form .form-actions,
  body.ui-v2-shell form#customer-ticket-new-form .form-actions{ flex-wrap:wrap !important; }
  body.ui-v2-shell form#ticket_new_form [data-v2-admin-ticket-new-progress],
  body.ui-v2-shell form#customer-ticket-new-form [data-v2-customer-ticket-new-progress]{ flex:1 0 100% !important; margin-left:0 !important; }
}

/* 4) Adminisztráció színek: egy soron egyetlen gradient, ne cellánként induljon újra. */
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-done,
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-done.ticket-month-row{
  background: linear-gradient(90deg, rgba(22,163,74,.22), rgba(22,163,74,.085) 52%, rgba(22,163,74,.025)) !important;
}
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-pending,
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-pending.ticket-month-row{
  background: linear-gradient(90deg, rgba(239,68,68,.24), rgba(239,68,68,.085) 52%, rgba(239,68,68,.025)) !important;
}
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-open,
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-open.ticket-month-row{
  background: linear-gradient(90deg, rgba(245,158,11,.26), rgba(245,158,11,.10) 52%, rgba(245,158,11,.030)) !important;
}
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-done > td,
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-pending > td,
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-open > td{
  background: transparent !important;
  background-image: none !important;
}
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-done:hover,
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-pending:hover,
body.ui-v2-shell .ticket-table--tig tbody tr.tig-row-open:hover{
  filter: brightness(1.05);
}

/* 5) Agent/Ügyfélportál váltógomb tényleg a nav legaljára kerüljön. */
body.ui-v2-shell .topbar-center{ display:flex !important; flex-direction:column !important; min-height:0 !important; }
body.ui-v2-shell .topbar-center .topbar-pill[data-h62-portal-switch]{
  margin-top:auto !important;
  order:900 !important;
}
body.ui-v2-shell .topbar-center .topbar-pill[data-h62-portal-switch] + .topbar-pill[data-h62-portal-switch]{ margin-top:7px !important; }

/* 6) Ticket fejléc: hosszú cím és státusz ne rövidüljön ...-tal. */
body.ui-v2-shell main.ticket-view-page > .page-header-ticket .ticket-title-row,
body.ui-v2-shell main.customer-ticket-view-page > .page-header-ticket .ticket-title-row,
body.ui-v2-shell main.customer-ticket-view-page > .page-header-ticket .customer-ticket-title-row{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  display:flex !important;
}
body.ui-v2-shell main.ticket-view-page > .page-header-ticket .ticket-title,
body.ui-v2-shell main.customer-ticket-view-page > .page-header-ticket .ticket-title,
body.ui-v2-shell .page-header-ticket h1.ticket-title,
body.ui-v2-shell .page-header-ticket .ticket-title,
body.ui-v2-shell .ticket-title-status,
body.ui-v2-shell .ticket-title-main{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
  min-width:0 !important;
}
body.ui-v2-shell main.ticket-view-page > .page-header-ticket .ticket-title,
body.ui-v2-shell main.customer-ticket-view-page > .page-header-ticket .ticket-title{
  flex:1 1 auto !important;
  line-height:1.24 !important;
}
body.ui-v2-shell main.ticket-view-page > .page-header-ticket .ticket-title-actions{ flex:0 0 auto !important; }

/* 7) Ügyféloldali új hibajegy fejléc ikon. */
body.ui-v2-shell .page-title-with-icon .page-title-icon{ width:26px !important; height:26px !important; object-fit:contain !important; }
/* ===== END assets/css/v2-h62-followup-banger-fixes.css ===== */

/* ===== BEGIN assets/css/v2-h63-responsive-ticket-card.css ===== */
/* HVSZ H63 - v2 reszponzivitás + ticket felső infó kártya javítás
   Cél: ne teljes PJAX/UI átírás legyen, csak védőréteg a H60-H62 stabil állapot fölött. */

/* 1) Ticket_view felső infós szekció: pontosan a problémás elem resetje. */
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card,
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card.reveal,
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card.reveal.is-visible,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card.reveal,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card.reveal.is-visible,
html body.ui-v2-shell .ticket-view-page .form-card.ticket-main-details-card,
html body.ui-v2-shell .customer-ticket-view-page .form-card.ticket-main-details-card{
  background: rgba(28, 30, 35, .96) !important;
  background-image: linear-gradient(180deg, rgba(31, 33, 38, .98), rgba(24, 26, 31, .96)) !important;
  border-color: rgba(255,255,255,.105) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter: blur(18px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
  overflow: visible !important;
  isolation: isolate !important;
}
html[data-theme="light"] body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card,
html[data-theme="light"] body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card,
html[data-theme="light"] body.ui-v2-shell .ticket-view-page .form-card.ticket-main-details-card,
html[data-theme="light"] body.ui-v2-shell .customer-ticket-view-page .form-card.ticket-main-details-card{
  background: rgba(255,255,255,.96) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 16px 40px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card::before,
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card::after,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card::before,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card::after,
html body.ui-v2-shell .ticket-view-page .form-card.ticket-main-details-card::before,
html body.ui-v2-shell .ticket-view-page .form-card.ticket-main-details-card::after,
html body.ui-v2-shell .customer-ticket-view-page .form-card.ticket-main-details-card::before,
html body.ui-v2-shell .customer-ticket-view-page .form-card.ticket-main-details-card::after{
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card > .ticket-meta-grid,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card > .ticket-meta-grid,
html body.ui-v2-shell .ticket-view-page .form-card.ticket-main-details-card > .ticket-meta-grid,
html body.ui-v2-shell .customer-ticket-view-page .form-card.ticket-main-details-card > .ticket-meta-grid{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card .detail-row,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card .detail-row,
html body.ui-v2-shell .ticket-view-page .form-card.ticket-main-details-card .detail-row,
html body.ui-v2-shell .customer-ticket-view-page .form-card.ticket-main-details-card .detail-row{
  background: rgba(31, 33, 38, .92) !important;
  background-image: linear-gradient(180deg, rgba(34, 36, 42, .96), rgba(26, 28, 33, .92)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
html[data-theme="light"] body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card .detail-row,
html[data-theme="light"] body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card .detail-row,
html[data-theme="light"] body.ui-v2-shell .ticket-view-page .form-card.ticket-main-details-card .detail-row,
html[data-theme="light"] body.ui-v2-shell .customer-ticket-view-page .form-card.ticket-main-details-card .detail-row{
  background: rgba(255,255,255,.90) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.88)) !important;
  border-color: rgba(15,23,42,.13) !important;
}

/* 2) Modal háttér: üveges/blurös állapotban maradjon látható a törzs. */
html body.ui-v2-shell .modal[aria-hidden="false"],
html body.ui-v2-shell .modal.is-open,
html body.ui-v2-shell .modal.is-visible{
  background: rgba(7, 12, 22, .22) !important;
  background-color: rgba(7, 12, 22, .22) !important;
  backdrop-filter: blur(10px) saturate(1.10) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.10) !important;
}
html[data-theme="light"] body.ui-v2-shell .modal[aria-hidden="false"],
html[data-theme="light"] body.ui-v2-shell .modal.is-open,
html[data-theme="light"] body.ui-v2-shell .modal.is-visible{
  background: rgba(238, 243, 249, .46) !important;
  background-color: rgba(238, 243, 249, .46) !important;
}
html body.ui-v2-shell .modal[aria-hidden="false"] > .modal-backdrop,
html body.ui-v2-shell .modal.is-open > .modal-backdrop,
html body.ui-v2-shell .modal.is-visible > .modal-backdrop,
html body.ui-v2-shell .modal-backdrop{
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
}
@supports selector(body:has(.modal[aria-hidden="false"])){
  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{
    filter: blur(3px) saturate(.94) brightness(.88) !important;
    transition: filter .16s ease !important;
  }
  html[data-theme="light"] body.ui-v2-shell:has(.modal[aria-hidden="false"]) main.app-container,
  html[data-theme="light"] body.ui-v2-shell:has(.modal.is-open) main.app-container,
  html[data-theme="light"] body.ui-v2-shell:has(.modal.is-visible) main.app-container{
    filter: blur(3px) saturate(.95) brightness(.98) !important;
  }
}
html body.ui-v2-shell .modal-dialog{
  margin-top: max(104px, calc(var(--topbar-offset, 0px) + 48px)) !important;
}

/* 3) Általános overflow védelem. */
html.ui-v2-shell,
body.ui-v2-shell{
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
body.ui-v2-shell *,
body.ui-v2-shell *::before,
body.ui-v2-shell *::after{
  box-sizing: border-box;
}
body.ui-v2-shell main.app-container,
body.ui-v2-shell .app-container{ min-width: 0 !important; }
body.ui-v2-shell .ticket-view-layout,
body.ui-v2-shell .ticket-meta-grid,
body.ui-v2-shell .thread-list,
body.ui-v2-shell .form-card,
body.ui-v2-shell .card,
body.ui-v2-shell .table-wrapper,
body.ui-v2-shell .queue-card{
  min-width: 0 !important;
  max-width: 100% !important;
}
body.ui-v2-shell .table-wrapper,
body.ui-v2-shell .queue-card,
body.ui-v2-shell .admin-table-wrap,
body.ui-v2-shell .ticket-table-wrap,
body.ui-v2-shell .tickets-table-wrap{
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
body.ui-v2-shell table.ticket-table,
body.ui-v2-shell .ticket-table{ min-width: 860px; }

/* 4) Tablet / keskeny laptop. */
@media (max-width: 1280px){
  body.ui-v2-shell main.ticket-view-page .ticket-view-layout,
  body.ui-v2-shell main.customer-ticket-view-page .ticket-view-layout,
  body.ui-v2-shell .ticket-view-page .ticket-view-layout,
  body.ui-v2-shell .customer-ticket-view-page .ticket-view-layout{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  body.ui-v2-shell .ticket-view-layout > aside,
  body.ui-v2-shell .ticket-view-layout > .right-panel,
  body.ui-v2-shell .ticket-view-layout > .changes-panel{
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 5) Mobil off-canvas menü. */
.h63-mobile-nav-toggle,
.h63-mobile-nav-scrim{ display: none; }
@media (max-width: 1100px){
  html.ui-v2-shell{ --topbar-offset: 0px !important; }
  body.ui-v2-shell{
    padding-top: 0 !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }
  body.ui-v2-shell .topbar{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: min(86vw, 330px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 26px 26px 0 !important;
    border-left: 0 !important;
    transform: translateX(calc(-100% - 28px)) !important;
    transition: transform .20s ease !important;
    z-index: 4200 !important;
    overflow: hidden !important;
  }
  body.ui-v2-shell.h63-mobile-nav-open .topbar,
  body.ui-v2-shell.v2-sidebar-open .topbar{ transform: translateX(0) !important; }
  body.ui-v2-shell .topbar-inner{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 18px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow: auto !important;
  }
  body.ui-v2-shell .brand{
    grid-column: auto !important;
    width: 100% !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 12px 10px 14px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.045) !important;
  }
  body.ui-v2-shell .brand-logo{ height: 54px !important; max-width: 210px !important; }
  body.ui-v2-shell .version-badge{ display: inline-flex !important; }
  body.ui-v2-shell .topbar-center{
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-height: none !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  body.ui-v2-shell .topbar-right{
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(40px, 1fr)) !important;
    gap: 8px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    padding-top: 10px !important;
    margin-top: auto !important;
  }
  body.ui-v2-shell .topbar-right .notification-bell-wrap{ display: block !important; width: 100% !important; }
  body.ui-v2-shell .topbar-right .topbar-icon,
  body.ui-v2-shell .topbar-icon{ width: 100% !important; min-width: 0 !important; height: 42px !important; }
  body.ui-v2-shell .v2-mobile-toggle{ display: none !important; }
  body.ui-v2-shell .h63-mobile-nav-toggle{
    display: inline-flex !important;
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 4500 !important;
    width: 46px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(31,33,38,.88) !important;
    color: #fff !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }
  html[data-theme="light"] body.ui-v2-shell .h63-mobile-nav-toggle{
    background: rgba(255,255,255,.90) !important;
    color: #0f172a !important;
    border-color: rgba(15,23,42,.14) !important;
  }
  body.ui-v2-shell .h63-mobile-nav-scrim{
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 4100 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    background: rgba(0,0,0,.34) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    transition: opacity .18s ease !important;
  }
  body.ui-v2-shell.h63-mobile-nav-open .h63-mobile-nav-scrim,
  body.ui-v2-shell.v2-sidebar-open .h63-mobile-nav-scrim{
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  body.ui-v2-shell main.app-container,
  body.ui-v2-shell .app-container{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 72px 14px 34px !important;
  }
  body.ui-v2-shell.login-page main.app-container,
  body.ui-v2-shell.login-page .app-container{ padding-top: 24px !important; }
  body.ui-v2-shell .v2-route-progress{ left: 0 !important; right: 0 !important; }
  body.ui-v2-shell .page-header,
  body.ui-v2-shell .table-toolbar,
  body.ui-v2-shell .ticket-view-page > .page-header-ticket,
  body.ui-v2-shell .customer-ticket-view-page > .page-header-ticket{
    border-radius: 18px !important;
    padding: 12px 14px !important;
  }
  body.ui-v2-shell main.ticket-view-page > .page-header-ticket,
  body.ui-v2-shell main.customer-ticket-view-page > .page-header-ticket{
    position: sticky !important;
    top: 10px !important;
    z-index: 80 !important;
  }
  body.ui-v2-shell .ticket-title-row{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.ui-v2-shell .ticket-title,
  body.ui-v2-shell .page-header-ticket h1,
  body.ui-v2-shell .page-header h1{
    font-size: clamp(20px, 4.7vw, 30px) !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    min-width: 0 !important;
  }
  body.ui-v2-shell .ticket-title-actions{
    flex: 0 0 auto !important;
    margin-left: auto !important;
    display: flex !important;
    gap: 8px !important;
  }
  body.ui-v2-shell .ticket-meta-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 720px){
  body.ui-v2-shell main.app-container,
  body.ui-v2-shell .app-container{ padding: 70px 10px 28px !important; }
  body.ui-v2-shell .ticket-meta-grid{ grid-template-columns: 1fr !important; }
  html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card,
  html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card{
    padding: 12px !important;
    border-radius: 20px !important;
  }
  body.ui-v2-shell .detail-row{
    min-height: auto !important;
    padding: 13px 14px !important;
    border-radius: 16px !important;
  }
  body.ui-v2-shell .page-header,
  body.ui-v2-shell .table-toolbar,
  body.ui-v2-shell .form-card,
  body.ui-v2-shell .card,
  body.ui-v2-shell .table-wrapper,
  body.ui-v2-shell .queue-card{ border-radius: 18px !important; }
  body.ui-v2-shell .ticket-view-layout{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.ui-v2-shell .thread-item,
  body.ui-v2-shell .thread-message,
  body.ui-v2-shell .changes-item{
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  body.ui-v2-shell .modal-dialog{
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 76px auto 24px !important;
    max-height: calc(100dvh - 96px) !important;
    overflow: auto !important;
  }
  body.ui-v2-shell table.ticket-table,
  body.ui-v2-shell .ticket-table{ min-width: 760px; }
}

@media (max-width: 460px){
  body.ui-v2-shell main.app-container,
  body.ui-v2-shell .app-container{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  body.ui-v2-shell .h63-mobile-nav-toggle{
    width: 42px !important;
    height: 42px !important;
    top: 10px !important;
    left: 10px !important;
  }
  body.ui-v2-shell .page-header-ticket .ticket-title-actions .btn-icon,
  body.ui-v2-shell .page-header-ticket .ticket-title-actions .btn,
  body.ui-v2-shell .ticket-title-actions .btn-icon{
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
  body.ui-v2-shell .ticket-title,
  body.ui-v2-shell .page-header-ticket h1{ font-size: 18px !important; }
  body.ui-v2-shell .ticket-status-title-icon,
  body.ui-v2-shell .page-title-icon{ width: 22px !important; height: 22px !important; }
  body.ui-v2-shell .topbar{ width: min(90vw, 310px) !important; }
}
/* ===== END assets/css/v2-h63-responsive-ticket-card.css ===== */

/* ===== BEGIN assets/css/v2-h64-mobile-nav-responsive-fix.css ===== */
/* HVSZ H64 - mobil/off-canvas menü + responsive queue + ticket meta card javítás
   Cél: H63 után bent maradt mobil/reszponzív regressziók javítása, AJAX/logika érintése nélkül. */

/* 1) Ticket_view felső infós blokk: a problémás kék külső kártya teljesebb semlegesítése. */
html body.ui-v2-shell .form-card.ticket-main-details-card,
html body.ui-v2-shell .form-card.ticket-main-details-card.reveal,
html body.ui-v2-shell .form-card.ticket-main-details-card.reveal.is-visible,
html body.ui-v2-shell main .form-card.ticket-main-details-card,
html body.ui-v2-shell main.ticket-view-page .form-card.ticket-main-details-card,
html body.ui-v2-shell main.customer-ticket-view-page .form-card.ticket-main-details-card{
  --v2-card: #1d1f24 !important;
  --v2-card-2: #1b1d21 !important;
  --card-bg: #1d1f24 !important;
  background: rgba(29,31,36,.92) !important;
  background-color: rgba(29,31,36,.92) !important;
  background-image: linear-gradient(180deg, rgba(30,32,37,.94), rgba(24,26,30,.90)) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.045) !important;
  outline: 0 !important;
}
html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card,
html[data-theme="light"] body.ui-v2-shell main .form-card.ticket-main-details-card{
  --v2-card: #ffffff !important;
  --v2-card-2: #f8fafc !important;
  --card-bg: #ffffff !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,.98), rgba(248,250,252,.94)) !important;
  border-color: rgba(15,23,42,.13) !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html body.ui-v2-shell .form-card.ticket-main-details-card::before,
html body.ui-v2-shell .form-card.ticket-main-details-card::after,
html body.ui-v2-shell .form-card.ticket-main-details-card > *::before,
html body.ui-v2-shell .form-card.ticket-main-details-card > *::after{
  box-shadow: none !important;
}
html body.ui-v2-shell .form-card.ticket-main-details-card > .ticket-meta-grid,
html body.ui-v2-shell .form-card.ticket-main-details-card .ticket-meta-grid{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.ui-v2-shell .form-card.ticket-main-details-card .detail-row,
html body.ui-v2-shell .form-card.ticket-main-details-card .ticket-detail-item,
html body.ui-v2-shell .form-card.ticket-main-details-card .meta-card,
html body.ui-v2-shell .form-card.ticket-main-details-card .info-card{
  background: rgba(31,33,38,.94) !important;
  background-color: rgba(31,33,38,.94) !important;
  background-image: linear-gradient(180deg, rgba(34,36,41,.96), rgba(27,29,34,.92)) !important;
  border-color: rgba(255,255,255,.115) !important;
}
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,
html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card .meta-card,
html[data-theme="light"] body.ui-v2-shell .form-card.ticket-main-details-card .info-card{
  background: rgba(255,255,255,.92) !important;
  background-color: rgba(255,255,255,.92) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.90)) !important;
  border-color: rgba(15,23,42,.12) !important;
}

/* 2) Mobil/off-canvas menü: a H63 után üresnek tűnő menüben a nav elemeket visszakényszerítjük. */
@media (max-width: 1100px){
  body.ui-v2-shell .topbar{
    display: block !important;
    visibility: visible !important;
  }
  body.ui-v2-shell .topbar-inner{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
  }
  body.ui-v2-shell .topbar .brand{
    flex: 0 0 auto !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.ui-v2-shell .topbar .topbar-center,
  body.ui-v2-shell .topbar nav.topbar-center,
  body.ui-v2-shell .topbar .topbar-nav,
  body.ui-v2-shell .topbar .topbar-left,
  body.ui-v2-shell .topbar .topbar-primary,
  body.ui-v2-shell .topbar [data-topbar-center]{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.ui-v2-shell .topbar .topbar-center > *,
  body.ui-v2-shell .topbar .topbar-nav > *,
  body.ui-v2-shell .topbar .topbar-left > *,
  body.ui-v2-shell .topbar .topbar-primary > *{
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  body.ui-v2-shell .topbar a.topbar-pill,
  body.ui-v2-shell .topbar button.topbar-pill,
  body.ui-v2-shell .topbar .topbar-pill{
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    white-space: normal !important;
  }
  body.ui-v2-shell .topbar .h61-portal-switch,
  body.ui-v2-shell .topbar .portal-switch,
  body.ui-v2-shell .topbar a[href*="customer_portal.php"],
  body.ui-v2-shell .topbar a[href*="admin_portal.php"],
  body.ui-v2-shell .topbar a[href*="../admin/"],
  body.ui-v2-shell .topbar a[href*="../customer/"]{
    margin-top: auto !important;
  }
  body.ui-v2-shell .topbar .topbar-right{
    flex: 0 0 auto !important;
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    z-index: 2 !important;
  }
  body.ui-v2-shell .topbar .topbar-right .notification-dropdown,
  body.ui-v2-shell .topbar .notification-dropdown{
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 82px !important;
    top: auto !important;
    width: auto !important;
    max-height: min(62dvh, 460px) !important;
    overflow: auto !important;
    z-index: 5000 !important;
  }
}

/* 3) Queue/táblázat mobilnézet: ne lógjon ki egy használhatatlan széles tábla. */
@media (max-width: 760px){
  body.ui-v2-shell .tickets-table-wrap,
  body.ui-v2-shell .ticket-table-wrap,
  body.ui-v2-shell .table-wrapper,
  body.ui-v2-shell .queue-card{
    overflow-x: visible !important;
  }
  body.ui-v2-shell table.ticket-table,
  body.ui-v2-shell .ticket-table{
    min-width: 0 !important;
    width: 100% !important;
  }
  body.ui-v2-shell table.ticket-table thead,
  body.ui-v2-shell .ticket-table thead{
    display: none !important;
  }
  body.ui-v2-shell table.ticket-table,
  body.ui-v2-shell table.ticket-table tbody,
  body.ui-v2-shell table.ticket-table tr,
  body.ui-v2-shell table.ticket-table td,
  body.ui-v2-shell .ticket-table,
  body.ui-v2-shell .ticket-table tbody,
  body.ui-v2-shell .ticket-table tr,
  body.ui-v2-shell .ticket-table td{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.ui-v2-shell table.ticket-table tr,
  body.ui-v2-shell .ticket-table tr,
  body.ui-v2-shell .queue-row,
  body.ui-v2-shell .ticket-row{
    margin: 0 0 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.16) !important;
    overflow: hidden !important;
  }
  html[data-theme="light"] body.ui-v2-shell table.ticket-table tr,
  html[data-theme="light"] body.ui-v2-shell .ticket-table tr,
  html[data-theme="light"] body.ui-v2-shell .queue-row,
  html[data-theme="light"] body.ui-v2-shell .ticket-row{
    background: rgba(255,255,255,.92) !important;
    border-color: rgba(15,23,42,.10) !important;
  }
  body.ui-v2-shell table.ticket-table td,
  body.ui-v2-shell .ticket-table td{
    border: 0 !important;
    padding: 6px 0 !important;
    min-height: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.ui-v2-shell table.ticket-table td::before,
  body.ui-v2-shell .ticket-table td::before{
    content: attr(data-label);
    display: block !important;
    margin: 0 0 3px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.46) !important;
  }
  html[data-theme="light"] body.ui-v2-shell table.ticket-table td::before,
  html[data-theme="light"] body.ui-v2-shell .ticket-table td::before{
    color: rgba(15,23,42,.52) !important;
  }
  body.ui-v2-shell table.ticket-table td:nth-child(1)::before{ content: "Hibajegy"; }
  body.ui-v2-shell table.ticket-table td:nth-child(2)::before{ content: "Tárgy / időpont"; }
  body.ui-v2-shell table.ticket-table td:nth-child(3)::before{ content: "Folyamatjelölő / tárgy"; }
  body.ui-v2-shell table.ticket-table td:nth-child(4)::before{ content: "Helyszín"; }
  body.ui-v2-shell table.ticket-table td:nth-child(5)::before{ content: "Beküldő"; }
  body.ui-v2-shell table.ticket-table td:nth-child(6)::before{ content: "Prioritás / témakör"; }
  body.ui-v2-shell table.ticket-table td:nth-child(7)::before{ content: "Felelősök"; }
  body.ui-v2-shell table.ticket-table td:empty{ display: none !important; }
  body.ui-v2-shell .process-badge,
  body.ui-v2-shell .marker-badge,
  body.ui-v2-shell .badge{
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* 4) Ticket_view mobilnézet: ne legyen jobbra-balra kilógó törzs, a sticky fejléc maradjon olvasható. */
@media (max-width: 760px){
  body.ui-v2-shell main.ticket-view-page,
  body.ui-v2-shell main.customer-ticket-view-page{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.ui-v2-shell main.ticket-view-page .page-header-ticket,
  body.ui-v2-shell main.customer-ticket-view-page .page-header-ticket{
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.ui-v2-shell .ticket-view-layout,
  body.ui-v2-shell .ticket-detail-grid,
  body.ui-v2-shell .ticket-main-grid{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.ui-v2-shell .ticket-title-row,
  body.ui-v2-shell .page-header-ticket .ticket-title-row{
    flex-wrap: wrap !important;
  }
  body.ui-v2-shell .ticket-title-actions{
    margin-left: 0 !important;
  }
}
/* ===== END assets/css/v2-h64-mobile-nav-responsive-fix.css ===== */