/* HVSZ H28 - v2 clean slate visual layer */
:root{
  --v2-sidebar-w:224px; --v2-shell-gap:20px; --v2-font:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --v2-bg:#f0eee7; --v2-bg-2:#e7e3d8; --v2-card:#fffefa; --v2-card-2:#f7f4ec; --v2-elevated:#ffffff; --v2-control:#ffffff; --v2-control-2:#f3f0e8;
  --v2-text:#13171d; --v2-heading:#080b10; --v2-muted:#5f6875; --v2-faint:#7d8794; --v2-border:rgba(22,28,36,.13); --v2-border-strong:rgba(22,28,36,.22);
  --v2-shadow:0 18px 48px rgba(31,35,42,.11); --v2-shadow-soft:0 10px 30px rgba(31,35,42,.08); --v2-accent:#00a88f; --v2-accent-2:#1fbf75; --v2-accent-blue:#15a7c8;
}
html[data-theme="dark"]{
  --v2-bg:#121315; --v2-bg-2:#17191c; --v2-card:#1d1f22; --v2-card-2:#23252a; --v2-elevated:#272a2f; --v2-control:#17191d; --v2-control-2:#202226;
  --v2-text:#f2f3f5; --v2-heading:#ffffff; --v2-muted:#aab0ba; --v2-faint:#858e9a; --v2-border:rgba(255,255,255,.11); --v2-border-strong:rgba(255,255,255,.19);
  --v2-shadow:0 24px 70px rgba(0,0,0,.42); --v2-shadow-soft:0 14px 42px rgba(0,0,0,.30); --v2-accent:#22c7aa; --v2-accent-2:#8bd450; --v2-accent-blue:#2bbce2;
}
html.ui-v2-shell, body.ui-v2-shell{font-family:var(--v2-font)!important;color:var(--v2-text)!important;background:var(--v2-bg)!important;text-rendering:geometricPrecision;}
body.ui-v2-shell{min-height:100vh!important;padding:0!important;overflow-x:hidden!important;}
body.ui-v2-shell::before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;pointer-events:none!important;background:radial-gradient(1100px 720px at -10% -10%,color-mix(in srgb,var(--v2-accent) 8%,transparent),transparent 60%),radial-gradient(900px 620px at 110% 10%,color-mix(in srgb,var(--v2-accent-2) 6%,transparent),transparent 58%),linear-gradient(135deg,var(--v2-bg),var(--v2-bg-2))!important;background-attachment:fixed!important;opacity:1!important;filter:none!important;}
html[data-theme="dark"] body.ui-v2-shell::before{background:radial-gradient(1000px 760px at -10% -10%,rgba(34,199,170,.09),transparent 60%),radial-gradient(1000px 680px at 105% 0%,rgba(139,212,80,.05),transparent 58%),linear-gradient(135deg,#111315,#17191d)!important;}
body.ui-v2-shell::after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:none!important;}
body.ui-v2-shell h1,body.ui-v2-shell h2,body.ui-v2-shell h3,body.ui-v2-shell .page-title,body.ui-v2-shell .ticket-title,body.ui-v2-shell .customer-ticket-title,body.ui-v2-shell .page-header-ticket h1,body.ui-v2-shell .page-header h1,body.ui-v2-shell .section-title{font-family:var(--v2-font)!important;text-transform:none!important;font-variant:normal!important;letter-spacing:-.018em!important;line-height:1.16!important;font-weight:750!important;color:var(--v2-heading)!important;}
body.ui-v2-shell .page-header h1,body.ui-v2-shell .page-title{font-size:clamp(24px,2.1vw,34px)!important;} body.ui-v2-shell .ticket-title,body.ui-v2-shell .customer-ticket-title{font-size:clamp(19px,1.55vw,27px)!important;}
body.ui-v2-shell .muted,body.ui-v2-shell .detail-label,body.ui-v2-shell small{color:var(--v2-muted)!important;}
body.ui-v2-shell .topbar{top:var(--v2-shell-gap)!important;left:var(--v2-shell-gap)!important;bottom:var(--v2-shell-gap)!important;width:var(--v2-sidebar-w)!important;border-radius:24px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--v2-card) 96%,transparent),color-mix(in srgb,var(--v2-card-2) 92%,transparent))!important;border:1px solid var(--v2-border-strong)!important;box-shadow:var(--v2-shadow)!important;overflow:hidden!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;}
body.ui-v2-shell .topbar::before{display:none!important;} body.ui-v2-shell .topbar::after{content:"TESZT"!important;position:absolute!important;right:14px!important;bottom:14px!important;z-index:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;padding:0 10px!important;border-radius:999px!important;font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.08em!important;color:#fff!important;background:rgba(185,28,28,.82)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:none!important;}
body.ui-v2-shell .topbar-inner{padding:14px 12px 52px!important;gap:10px!important;overflow:hidden auto!important;} body.ui-v2-shell .brand{min-height:0!important;padding:11px 9px!important;border-radius:18px!important;background:color-mix(in srgb,var(--v2-elevated) 80%,transparent)!important;border:1px solid var(--v2-border)!important;box-shadow:none!important;} body.ui-v2-shell .brand-logo{height:50px!important;max-width:180px!important;object-fit:contain!important;}
body.ui-v2-shell .brand .version-badge,body.ui-v2-shell .brand-version,body.ui-v2-shell .version-badge{font-family:var(--v2-font)!important;letter-spacing:0!important;} body.ui-v2-shell.customer-v2-portal .brand::after{content:"Ügyfélportál"!important;display:inline-flex!important;margin-top:6px!important;padding:5px 11px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#06392f!important;background:linear-gradient(90deg,#40e0b3,#94e44e)!important;}
body.ui-v2-shell .env-banner{display:none!important;} body.ui-v2-shell .topbar-center{gap:7px!important;margin:0 0 auto!important;} body.ui-v2-shell .topbar-pill,body.ui-v2-shell button.topbar-pill{min-height:40px!important;border-radius:13px!important;padding:9px 10px!important;color:var(--v2-text)!important;background:color-mix(in srgb,var(--v2-control-2) 76%,transparent)!important;border:1px solid transparent!important;box-shadow:none!important;font-family:var(--v2-font)!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;} body.ui-v2-shell .topbar-pill:hover,body.ui-v2-shell button.topbar-pill:hover{transform:translateX(2px)!important;background:color-mix(in srgb,var(--v2-accent) 11%,var(--v2-control-2))!important;border-color:color-mix(in srgb,var(--v2-accent) 30%,transparent)!important;} body.ui-v2-shell .topbar-pill.active{box-shadow:inset 3px 0 0 var(--v2-accent)!important;border-color:color-mix(in srgb,var(--v2-accent) 38%,transparent)!important;background:color-mix(in srgb,var(--v2-accent) 14%,var(--v2-control-2))!important;}
body.ui-v2-shell .topbar-right{display:grid!important;grid-template-columns:repeat(4,minmax(34px,1fr))!important;gap:7px!important;padding-top:12px!important;border-top:1px solid var(--v2-border)!important;} body.ui-v2-shell .topbar-icon,body.ui-v2-shell .topbar-right .topbar-icon{height:38px!important;border-radius:12px!important;background:color-mix(in srgb,var(--v2-control-2) 80%,transparent)!important;border:1px solid var(--v2-border)!important;color:var(--v2-text)!important;}
body.ui-v2-shell.customer-v2-portal .topbar-right{grid-template-columns:1fr 38px 38px!important;align-items:center!important;} body.ui-v2-shell.customer-v2-portal .topbar-right .topbar-pill{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.ui-v2-shell main.app-container,body.ui-v2-shell .app-container{margin-left:calc(var(--v2-sidebar-w) + var(--v2-shell-gap)*2)!important;margin-right:0!important;padding:var(--v2-shell-gap) var(--v2-shell-gap) 72px 0!important;width:auto!important;max-width:none!important;color:var(--v2-text)!important;} body.ui-v2-shell main.app-container > .page-header:first-child,body.ui-v2-shell main.app-container > .table-toolbar:first-child,body.ui-v2-shell main.app-container > .page-header-ticket:first-child{margin-top:0!important;}
body.ui-v2-shell .page-header,body.ui-v2-shell .page-header-ticket,body.ui-v2-shell .table-toolbar,body.ui-v2-shell .table-wrapper,body.ui-v2-shell .form-card,body.ui-v2-shell .card,body.ui-v2-shell .settings-card,body.ui-v2-shell .admin-card,body.ui-v2-shell .queue-card,body.ui-v2-shell .calendar-shell,body.ui-v2-shell .ticket-log-panel,body.ui-v2-shell .changes-panel,body.ui-v2-shell .modifications-panel,body.ui-v2-shell .ticket-main-details-card,body.ui-v2-shell .ticket-extra-grid > *,body.ui-v2-shell .conversation-box,body.ui-v2-shell .thread-box,body.ui-v2-shell .message-card{background:linear-gradient(180deg,color-mix(in srgb,var(--v2-card) 95%,transparent),color-mix(in srgb,var(--v2-card-2) 93%,transparent))!important;border:1px solid var(--v2-border)!important;color:var(--v2-text)!important;box-shadow:var(--v2-shadow-soft)!important;backdrop-filter:blur(10px) saturate(110%)!important;-webkit-backdrop-filter:blur(10px) saturate(110%)!important;}
body.ui-v2-shell .detail-row,body.ui-v2-shell .ticket-meta-col,body.ui-v2-shell .ticket-detail-item,body.ui-v2-shell .info-tile,body.ui-v2-shell .customer-ticket-view-page .detail-row,body.ui-v2-shell .ticket-main-details-card .detail-row{background:color-mix(in srgb,var(--v2-control-2) 86%,transparent)!important;border:1px solid var(--v2-border)!important;color:var(--v2-text)!important;box-shadow:none!important;}
body.ui-v2-shell .table-wrapper table,body.ui-v2-shell .settings-table,body.ui-v2-shell table{color:var(--v2-text)!important;} body.ui-v2-shell .table-wrapper th,body.ui-v2-shell .settings-table th,body.ui-v2-shell thead th{background:color-mix(in srgb,var(--v2-control-2) 88%,transparent)!important;color:var(--v2-heading)!important;border-color:var(--v2-border)!important;} body.ui-v2-shell .table-wrapper td,body.ui-v2-shell .settings-table td,body.ui-v2-shell tbody td{color:var(--v2-text)!important;border-color:var(--v2-border)!important;} body.ui-v2-shell .queue-table tbody tr,body.ui-v2-shell .table-wrapper tbody tr{background:color-mix(in srgb,var(--v2-card-2) 70%,transparent)!important;} body.ui-v2-shell .queue-table tbody tr:hover,body.ui-v2-shell .table-wrapper tbody tr:hover{background:color-mix(in srgb,var(--v2-accent) 9%,var(--v2-card-2))!important;}
body.ui-v2-shell .ticket-view-page{padding-top:0!important;} body.ui-v2-shell .ticket-view-page > .page-header-ticket,body.ui-v2-shell .customer-ticket-view-page > .page-header-ticket{position:sticky!important;top:var(--v2-shell-gap)!important;z-index:80!important;width:100%!important;max-width:none!important;margin:0 0 18px!important;min-height:0!important;padding:11px 16px!important;border-radius:18px!important;} body.ui-v2-shell .ticket-view-page .ticket-title-row,body.ui-v2-shell .customer-ticket-title-row{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;} body.ui-v2-shell .ticket-title-actions{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;}
body.ui-v2-shell .ticket-view-layout{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,390px)!important;gap:18px!important;align-items:start!important;} body.ui-v2-shell .ticket-view-layout > div:first-child{min-width:0!important;} body.ui-v2-shell .ticket-meta-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
body.ui-v2-shell .ticket-log-panel{position:static!important;top:auto!important;max-height:none!important;height:auto!important;overflow:visible!important;align-self:start!important;border-radius:20px!important;padding:18px!important;} body.ui-v2-shell .ticket-log-panel *{max-height:none!important;overflow:visible!important;} body.ui-v2-shell .ticket-log-item{border-color:var(--v2-border)!important;color:var(--v2-text)!important;} body.ui-v2-shell .ticket-log-date{color:var(--v2-muted)!important;}
body.ui-v2-shell.customer-v2-portal .customer-ticket-view-page > .page-header-ticket,body.ui-v2-shell.customer-v2-portal .customer-ticket-view-page > .form-card,body.ui-v2-shell.customer-v2-portal .table-wrapper,body.ui-v2-shell.customer-v2-portal .page-header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
body.ui-v2-shell input,body.ui-v2-shell textarea,body.ui-v2-shell select,body.ui-v2-shell .form-input,body.ui-v2-shell .form-textarea,body.ui-v2-shell .form-select{font-family:var(--v2-font)!important;color:var(--v2-text)!important;background:color-mix(in srgb,var(--v2-control) 88%,transparent)!important;border:1px solid var(--v2-border-strong)!important;box-shadow:none!important;} body.ui-v2-shell select option{background:var(--v2-elevated)!important;color:var(--v2-text)!important;} html[data-theme="dark"] body.ui-v2-shell select option{background:#22252a!important;color:#f3f5f7!important;} body.ui-v2-shell input::placeholder,body.ui-v2-shell textarea::placeholder{color:var(--v2-faint)!important;opacity:.9!important;}
body.ui-v2-shell .modal,body.ui-v2-shell .modal-content,body.ui-v2-shell .modal-panel{background:linear-gradient(180deg,var(--v2-elevated),var(--v2-card-2))!important;color:var(--v2-text)!important;border-color:var(--v2-border-strong)!important;} body.ui-v2-shell .modal-header,body.ui-v2-shell .modal-footer{background:transparent!important;border-color:var(--v2-border)!important;}
body.ui-v2-shell .segmented-option > input[type="radio"],body.ui-v2-shell .assignee-picker-chip > input[type="checkbox"],body.ui-v2-shell .queue-department-filter-row > input[type="radio"],body.ui-v2-shell .administration-choice input[type="radio"],body.ui-v2-shell .assignee-picker-card input[type="checkbox"],body.ui-v2-shell .assignee-card input[type="checkbox"],body.ui-v2-shell .assignee-option input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;} body.ui-v2-shell .assignee-picker-card,body.ui-v2-shell .assignee-card,body.ui-v2-shell .assignee-option{overflow:hidden!important;}
body.ui-v2-shell.is-loading,body.ui-v2-shell.ajax-loading{filter:none!important;opacity:1!important;} body.ui-v2-shell .loading-overlay,body.ui-v2-shell .page-loading-overlay{display:none!important;pointer-events:none!important;} body.ui-v2-shell .v2-progress-bar{transition:opacity .18s ease,transform .18s ease!important;} body.ui-v2-shell:not(.v2-loading) .v2-progress-bar{opacity:0!important;transform:scaleX(0)!important;}
@media (max-width:1280px){:root{--v2-sidebar-w:212px;--v2-shell-gap:16px;} body.ui-v2-shell .ticket-view-layout{grid-template-columns:1fr!important;}}
@media (max-width:880px){body.ui-v2-shell .topbar{position:sticky!important;width:auto!important;height:auto!important;bottom:auto!important;right:12px!important;margin:12px!important;} body.ui-v2-shell .topbar::after{display:none!important;} body.ui-v2-shell main.app-container,body.ui-v2-shell .app-container{margin-left:0!important;padding:12px!important;} body.ui-v2-shell .ticket-meta-grid{grid-template-columns:1fr!important;}}