:root{
  --bg:#080d18;--bg2:#0d1424;--panel:rgba(18,26,45,.82);--panel-solid:#0d1525;
  --line:rgba(255,255,255,.09);--text:#f7f8fb;--muted:#8e9bb2;--accent:#d7b46a;
  --accent2:#78a8ff;--danger:#ff6b78;--ok:#45d7a0;--shadow:0 24px 70px rgba(0,0,0,.35);
  --radius:18px;--sidebar:255px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box;min-width:0}
html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:radial-gradient(circle at 80% -20%,#172849 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden}
body.menu-open{overflow:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}
.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--accent);font-weight:800}
h1,h2,h3,p{overflow-wrap:anywhere}

/* Auth / setup */
.auth-body{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:hidden;position:relative}
.auth-card{width:min(460px,100%);padding:40px;border:1px solid var(--line);border-radius:28px;background:rgba(12,18,33,.76);box-shadow:var(--shadow);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);position:relative;z-index:2}
.auth-logo{width:76px;height:76px;object-fit:contain;margin-bottom:18px}.auth-card h1{font-size:clamp(1.65rem,7vw,2rem);line-height:1.15;margin:.6rem 0}
.orb{position:absolute;border-radius:50%;filter:blur(5px);opacity:.65;animation:float 8s ease-in-out infinite;pointer-events:none}
.orb.one{width:340px;height:340px;background:radial-gradient(circle,#273e78,transparent 68%);left:8%;top:12%}.orb.two{width:420px;height:420px;background:radial-gradient(circle,#624a22,transparent 68%);right:5%;bottom:5%;animation-delay:-3s}
@keyframes float{50%{transform:translateY(-30px) translateX(20px) scale(1.08)}}

/* Forms */
.stack{display:grid;gap:14px}.stack label,.form-grid label{display:grid;gap:7px;color:#b7c1d1;font-size:.88rem}
input,select,textarea{width:100%;max-width:100%;background:#0b1221;border:1px solid #25314a;color:var(--text);border-radius:12px;padding:12px 14px;outline:none;appearance:none;-webkit-appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,#8491a6 50%),linear-gradient(135deg,#8491a6 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox}
input:focus,select:focus,textarea:focus{border-color:#5878b0;box-shadow:0 0 0 3px rgba(88,120,176,.13)}
textarea{min-height:100px;resize:vertical}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:42px;border:1px solid var(--line);background:#151f33;color:white;border-radius:11px;padding:10px 14px;font-weight:700;text-decoration:none;text-align:center}
.btn.primary{background:linear-gradient(135deg,#d7b46a,#aa8141);color:#171209;border:0}.btn.danger{color:#ffadb4;border-color:rgba(255,107,120,.3)}
.link-btn{border:0;background:none;color:var(--muted);padding:8px 0}.notice{padding:12px;border-radius:12px;background:#172239;border:1px solid var(--line);margin-top:12px}

/* App shell */
.app-shell{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(8,13,24,.94);border-right:1px solid var(--line);padding:calc(24px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;z-index:60;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;overscroll-behavior:contain}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand img,.mobile-top img{width:42px;height:42px;object-fit:contain;flex:0 0 auto}.brand strong{display:block;font-size:1.07rem}.brand small{color:var(--muted)}
nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:#aab5c8;text-align:left;padding:12px 14px;border-radius:12px;font-weight:650;min-height:44px}nav button:hover,nav button.active{background:linear-gradient(90deg,rgba(215,180,106,.16),rgba(215,180,106,.03));color:#fff}
.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.85rem}.side-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content{margin-left:var(--sidebar);padding:34px;max-width:1600px;width:calc(100% - var(--sidebar))}.page{display:none}.page.active{display:block}
.hero,.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.hero>div:first-child,.page-head>div:first-child{min-width:0}.hero h1,.page-head h1{font-size:clamp(2rem,4vw,3.2rem);margin:.35rem 0}.hero p{margin-bottom:0}
.pulse-dot{flex:0 0 auto;font-size:.7rem;letter-spacing:.18em;color:var(--ok);border:1px solid rgba(69,215,160,.3);padding:8px 11px;border-radius:100px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat{padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(26,37,60,.9),rgba(13,20,36,.8));border-radius:18px;overflow:hidden}.stat .value{font-size:clamp(1.35rem,2.3vw,1.9rem);font-weight:850;margin-top:8px;overflow-wrap:anywhere}
.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);overflow:hidden}.panel.narrow{max-width:700px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin-right:8px}
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar input{flex:1 1 280px;max-width:420px}.toolbar select{flex:0 1 220px}

/* Tables: desktop */
.table-wrap{overflow:auto;border-radius:12px;max-width:100%;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:middle;overflow-wrap:anywhere}th{color:#8290a7;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;border-radius:100px;padding:5px 9px;font-size:.76rem;font-weight:800;background:#182238;color:#b9c7da;white-space:nowrap}.badge.ok{background:rgba(69,215,160,.12);color:#64e3b1}.badge.warn{background:rgba(215,180,106,.14);color:#efca80}.badge.danger{background:rgba(255,107,120,.12);color:#ff8994}
.actions{display:flex;gap:7px;flex-wrap:wrap}.icon-btn{border:1px solid var(--line);background:#111a2b;color:#c5cede;border-radius:9px;padding:7px 9px;min-height:36px}.empty{padding:26px;text-align:center;color:var(--muted)}

/* Modal */
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:calc(20px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;background:var(--panel-solid);border:1px solid #29354d;border-radius:22px;padding:24px;box-shadow:var(--shadow)}.modal-x{position:sticky;float:right;right:0;top:0;z-index:2;border:0;background:#111a2b;color:white;font-size:1.55rem;width:40px;height:40px;line-height:1;border-radius:11px;margin:-8px -8px 4px 10px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.span-2{grid-column:1/-1}
.secret-card{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:10px;overflow-wrap:anywhere}.quote-pick{display:grid;grid-template-columns:auto minmax(0,1fr) 160px;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}#qrcode{background:white;padding:14px;display:inline-block;border-radius:14px;max-width:100%;overflow:auto}#qrcode img,#qrcode canvas{max-width:100%!important;height:auto!important}code{white-space:normal;overflow-wrap:anywhere}
.mobile-top,.nav-backdrop{display:none}

@media(max-width:1180px){
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-2{grid-template-columns:1fr}
}

@media(max-width:980px){
  .sidebar{width:min(86vw,310px);transform:translateX(-104%);transition:transform .25s ease;box-shadow:18px 0 60px rgba(0,0,0,.35)}.sidebar.open{transform:translateX(0)}
  .nav-backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.2s}.nav-backdrop.open{opacity:1;visibility:visible}
  .content{margin-left:0;width:100%;max-width:none;padding:24px;padding-top:calc(84px + env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .mobile-top{display:flex;position:fixed;top:0;left:0;right:0;min-height:64px;height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:rgba(8,13,24,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:50;align-items:center;gap:12px}.mobile-top button{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#111a2b;border:1px solid var(--line);border-radius:11px;color:white;font-size:1.35rem;padding:0}.mobile-top img{width:34px;height:34px}.mobile-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:700px){
  .content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .hero,.page-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.hero h1,.page-head h1{font-size:clamp(1.8rem,9vw,2.25rem)}.page-head>.btn{width:100%}.pulse-dot{align-self:flex-start}
  .panel{padding:14px;border-radius:16px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head>.btn{width:100%}
  .form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.toolbar{flex-direction:column}.toolbar input,.toolbar select{max-width:none;flex:auto;width:100%}
  input,select,textarea{font-size:16px} /* prevents iOS zoom */
  .actions{width:100%}.actions .icon-btn,.actions .btn{flex:1 1 auto}

  /* True phone layout: tables become readable cards instead of horizontal desktop tables. */
  .table-wrap{overflow:visible;border-radius:0}.table-wrap table{display:block;min-width:0;width:100%}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:12px}.table-wrap tr{display:block;border:1px solid var(--line);border-radius:14px;padding:8px 12px;background:rgba(11,18,33,.66)}.table-wrap td{display:grid;grid-template-columns:minmax(92px,36%) minmax(0,1fr);gap:12px;width:100%;padding:10px 0;border-bottom:1px solid var(--line);text-align:right;align-items:start}.table-wrap td:last-child{border-bottom:0}.table-wrap td::before{content:attr(data-label);font-size:.69rem;line-height:1.35;letter-spacing:.07em;text-transform:uppercase;color:#8290a7;font-weight:800;text-align:left}.table-wrap td>*{justify-self:end;max-width:100%}.table-wrap td .actions{justify-content:flex-end}.table-wrap td select{width:100%;min-width:0}.table-wrap td a.btn{width:auto}.table-wrap td small{display:inline-block;max-width:100%}

  .quote-pick{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:12px 0}.quote-pick>input[type=number]{grid-column:2;width:100%}.modal{padding:calc(8px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:end}.modal-card{width:100%;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px 20px 14px 14px;padding:18px}.modal-card h2{padding-right:42px}.auth-card{padding:26px}.auth-body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}

@media(max-width:430px){
  .stat-grid{grid-template-columns:1fr}.stat{padding:16px}.stat .value{font-size:1.45rem}
  .mobile-top{gap:9px}.mobile-top strong{font-size:.98rem}.brand{padding-bottom:16px}
  .table-wrap td{grid-template-columns:1fr;gap:5px;text-align:left}.table-wrap td>*{justify-self:start}.table-wrap td .actions{justify-content:flex-start}.table-wrap td select{width:100%}.table-wrap td::before{text-align:left}
  .btn,.icon-btn{min-height:44px}.side-foot{align-items:flex-start;flex-direction:column}.side-foot .link-btn{width:100%;text-align:left}
}

@media(max-width:350px){.content{padding-left:10px;padding-right:10px}.panel{padding:12px}.auth-card{padding:22px 18px}.mobile-top{padding-left:10px;padding-right:10px}.mobile-top img{display:none}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.toast{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:200;width:min(360px,calc(100vw - 36px));max-width:calc(100vw - 36px);box-shadow:var(--shadow)}
body.modal-open{overflow:hidden}
@media(max-width:700px){.toast{left:14px;right:14px;width:auto;max-width:none;bottom:calc(14px + env(safe-area-inset-bottom))}}

/* Hibajegy munkaidő összegző */
.ticket-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 16px}.worktime-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:rgba(202,168,94,.08);border-radius:999px;padding:5px 10px;font-size:.78rem;color:#c7d2e3}.worktime-pill strong{color:#efca80}
@media (max-width:700px){.ticket-meta{align-items:stretch}.worktime-pill{width:100%;justify-content:space-between;padding:9px 11px}.form-grid input[type=number][name=hours_spent]{font-size:16px}}

/* ===== PWA standalone: native-style bottom navigation ===== */
.pwa-bottom-nav,.pwa-more-sheet,.pwa-more-backdrop{display:none}

html.pwa-mode body{overscroll-behavior-y:none}
html.pwa-mode .sidebar,html.pwa-mode .nav-backdrop{display:none!important}
html.pwa-mode .mobile-top{display:flex!important;justify-content:center;min-height:56px;height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));z-index:48}
html.pwa-mode .mobile-top #menuBtn{display:none!important}
html.pwa-mode .mobile-top img{width:32px;height:32px}
html.pwa-mode .mobile-top strong{font-size:1rem;letter-spacing:.01em}
html.pwa-mode .content{margin-left:0!important;width:100%!important;max-width:none!important;padding-top:calc(76px + env(safe-area-inset-top))!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}

html.pwa-mode .pwa-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:82;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));min-height:69px;padding:7px 5px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(11,17,30,.94);box-shadow:0 18px 48px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
html.pwa-mode .pwa-bottom-nav::before{content:"";position:absolute;left:16%;right:16%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,180,106,.55),transparent);pointer-events:none}
html.pwa-mode .pwa-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;padding:4px 2px;border:0;border-radius:15px;background:transparent;color:#7f8ba0;-webkit-tap-highlight-color:transparent;transition:color .18s ease,background .18s ease,transform .18s ease}
html.pwa-mode .pwa-bottom-nav button svg{width:22px;height:22px;fill:currentColor;transition:transform .18s ease}
html.pwa-mode .pwa-bottom-nav button span{display:block;max-width:100%;font-size:.62rem;font-weight:750;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.pwa-mode .pwa-bottom-nav button.active{color:var(--accent);background:linear-gradient(180deg,rgba(215,180,106,.13),rgba(215,180,106,.035))}
html.pwa-mode .pwa-bottom-nav button.active::after{content:"";position:absolute;top:1px;width:18px;height:2px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px rgba(215,180,106,.55)}
html.pwa-mode .pwa-bottom-nav button.active svg{transform:translateY(-1px)}
html.pwa-mode .pwa-bottom-nav button:active{transform:scale(.96)}

html.pwa-mode .pwa-more-backdrop{display:block;position:fixed;inset:0;z-index:83;background:rgba(1,4,10,.62);opacity:0;visibility:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .22s ease,visibility .22s ease}
html.pwa-mode .pwa-more-backdrop.open{opacity:1;visibility:visible}
html.pwa-mode .pwa-more-sheet{display:block;position:fixed;z-index:84;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));max-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:10px 14px 14px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(13,21,37,.98);box-shadow:0 28px 70px rgba(0,0,0,.58);transform:translateY(calc(100% + 110px));opacity:0;visibility:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .25s;overscroll-behavior:contain}
html.pwa-mode .pwa-more-sheet.open{transform:translateY(0);opacity:1;visibility:visible}
html.pwa-mode .pwa-sheet-handle{width:38px;height:4px;margin:1px auto 12px;border-radius:999px;background:rgba(255,255,255,.18)}
html.pwa-mode .pwa-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 12px}
html.pwa-mode .pwa-sheet-head h2{margin:.2rem 0 0;font-size:1.4rem}
html.pwa-mode .pwa-sheet-close{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:12px;background:#111a2b;color:#d7deea;font-size:1.45rem;line-height:1}
html.pwa-mode .pwa-sheet-user{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(215,180,106,.1),rgba(30,45,70,.14))}
html.pwa-mode .pwa-sheet-user img{width:42px;height:42px;object-fit:contain;flex:0 0 42px}
html.pwa-mode .pwa-sheet-user strong,html.pwa-mode .pwa-sheet-user small{display:block}
html.pwa-mode .pwa-sheet-user small{margin-top:2px;color:var(--muted);font-size:.76rem}
html.pwa-mode .pwa-sheet-nav{display:grid;gap:7px}
html.pwa-mode .pwa-sheet-nav button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:60px;padding:8px 10px;border:1px solid transparent;border-radius:15px;background:transparent;color:#dce3ee;text-align:left}
html.pwa-mode .pwa-sheet-nav button:active,html.pwa-mode .pwa-sheet-nav button.active{background:rgba(215,180,106,.09);border-color:rgba(215,180,106,.13)}
html.pwa-mode .pwa-sheet-nav button>span:nth-child(2) strong,html.pwa-mode .pwa-sheet-nav button>span:nth-child(2) small{display:block}
html.pwa-mode .pwa-sheet-nav button>span:nth-child(2) small{margin-top:2px;color:var(--muted);font-size:.73rem;font-weight:500}
html.pwa-mode .pwa-sheet-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#111b2e;color:var(--accent);font-size:1.15rem;font-weight:800}
html.pwa-mode .pwa-chevron{color:#65738a;font-size:1.5rem}
html.pwa-mode .pwa-logout{width:100%;min-height:48px;margin-top:10px;border:1px solid rgba(255,107,120,.22);border-radius:14px;background:rgba(255,107,120,.07);color:#ff9ba4;font-weight:750}
html.pwa-mode.pwa-sheet-open body{overflow:hidden}

@media(max-width:430px){
  html.pwa-mode .content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  html.pwa-mode .pwa-bottom-nav{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));border-radius:20px}
  html.pwa-mode .pwa-bottom-nav button span{font-size:.59rem}
  html.pwa-mode .pwa-bottom-nav button svg{width:21px;height:21px}
}
/* Standalone rule is self-contained so it also behaves correctly on larger PWA viewports. */
html.pwa-mode .mobile-top{position:fixed;top:0;left:0;right:0;align-items:center;gap:10px;background:rgba(8,13,24,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html.pwa-mode .pwa-bottom-nav{gap:3px}

/* Hibajegy lista: saját / minden hibajegy kapcsoló */
.ticket-scope-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-4px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,rgba(215,180,106,.08),rgba(20,31,51,.48))}.ticket-scope-bar>div{min-width:0}.ticket-scope-bar strong,.ticket-scope-bar small{display:block}.ticket-scope-bar strong{font-size:.95rem;color:#f3f6fb}.ticket-scope-bar small{margin-top:4px;color:var(--muted);font-size:.78rem}.switch-control{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#c2ccda;font-size:.82rem;font-weight:750;cursor:pointer;-webkit-tap-highlight-color:transparent}.switch-control input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.switch-control i{position:relative;display:block;width:50px;height:28px;flex:0 0 50px;border:1px solid #34415a;border-radius:999px;background:#111a2b;box-shadow:inset 0 2px 7px rgba(0,0,0,.25);transition:.2s}.switch-control i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#8995a8;box-shadow:0 3px 8px rgba(0,0,0,.35);transition:.2s}.switch-control input:checked+i{border-color:rgba(215,180,106,.6);background:rgba(215,180,106,.2);box-shadow:0 0 0 3px rgba(215,180,106,.06),inset 0 2px 7px rgba(0,0,0,.22)}.switch-control input:checked+i::after{transform:translateX(22px);background:var(--accent)}.switch-control input:focus-visible+i{outline:2px solid #78a8ff;outline-offset:3px}.switch-control input:disabled+i{opacity:.55}.switch-control input:disabled~span,.switch-control:has(input:disabled){cursor:wait}
@media(max-width:700px){.ticket-scope-bar{align-items:flex-start;flex-direction:column;padding:13px 14px}.switch-control{width:100%;justify-content:space-between;min-height:44px}.switch-control i{margin-left:auto}}