:root{--bg:#f5f6f8;--ink:#20262c;--brand:#eb0045;--brand-dark:#ba0037;--line:#e3e6ec;--panel:#fff;--muted:#707986}
body,:where([data-module-root]){background:#f5f6f8;font-family:Inter,Arial,system-ui,sans-serif}
header.topbar{background:#20262c!important;color:white;border:0;border-radius:22px;padding:30px 34px;gap:24px;flex-wrap:wrap;box-shadow:none}
header.topbar h1{letter-spacing:-1.2px}header.topbar .eyebrow,header.topbar .brand-kicker{color:#ff6e97}header.topbar p{color:#c0c7d1}
header.topbar a{color:#fff}header.topbar button,header.topbar .ghost-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px}
.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.system-club-context{flex-basis:100%;border-top:1px solid #ffffff25;margin-top:8px;padding-top:16px;color:#fff}.system-club-context label{display:flex;align-items:center;flex-direction:row;gap:10px;font-size:16px;font-weight:700;margin:0}.system-club-context select{width:auto;max-width:100%;background:#303841;color:white;border:1px solid #626b76;border-radius:9px;min-height:44px;padding:8px 14px;font:inherit}.system-club-context option{background:#303841;color:white}
[data-shell-replaced]{display:none!important}[hidden]{display:none!important}
button,input,select,textarea{border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8dabe0;outline-offset:3px}
.user-form,.module-card,.workspace-hero,.panel{border-radius:16px}.user-table{width:100%;border-collapse:collapse}.user-table td{vertical-align:middle}.user-table td:last-child{min-width:220px}.user-table button{margin:4px}
.shell-confirm{border:1px solid #e3e6ec;border-radius:18px;padding:26px;max-width:min(480px,calc(100vw - 32px));color:#20262c}.shell-confirm::backdrop{background:#17202bb0}.shell-actions{display:flex;gap:12px;flex-wrap:wrap}.shell-actions button{background:#eb0045;color:white;padding:12px;border:0;font:inherit;cursor:pointer}
@media(max-width:600px){header.topbar{padding:24px 20px;border-radius:16px}.system-club-context label{flex-wrap:wrap}.system-club-context select{flex:1;min-width:180px}}
@media print{.system-club-context{display:none!important}}
header.hero{flex-wrap:wrap}.hero>div:first-child{flex:1}.hero .system-club-context{flex:1 0 100%}

.login-card{border-top:8px solid #20262c;border-radius:20px}.login-card h1{color:#20262c}.login-card .eyebrow{color:#ce0040}
.system-club-context label{color:#fff}
/* Shared header rhythm matches the employee schedule. TV and print keep their dedicated layouts. */
body:not(.tv-mode) .system-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1440px;width:calc(100% - 48px);margin:24px auto 0;padding:34px 42px;gap:24px;background:#20262c;color:#fff;border-radius:22px;box-shadow:none}
body:not(.tv-mode) .shell:has(>.system-header){max-width:1440px;width:calc(100% - 48px);padding:0;margin:24px auto}
body:not(.tv-mode) .shell>.system-header{width:100%;margin:0 0 24px}
.system-header>div:first-child{flex:1 1 360px;min-width:0}
.system-header h1{font-size:clamp(28px,4vw,46px);line-height:1.14;letter-spacing:-1.7px;margin:8px 0 12px;overflow-wrap:anywhere}
.system-header .eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#ff6e97}
.system-header .system-back{display:inline-block;background:none;border:0;min-height:0;padding:0;margin:0 0 24px;font-size:13px;font-weight:400;color:#eee;text-decoration:none}
.system-header .system-back:hover{color:#ff8aab;transform:translateX(-3px)}
.system-header .system-club-context{margin-top:8px;padding-top:16px;flex:1 0 100%}
.system-header .topbar-actions,.system-header .topbar-side{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:100%}
.system-header button,.system-header a.ghost-button{border:1px solid #67707b;background:#343c45;color:#fff;padding:11px 16px;min-height:44px;font-size:14px;border-radius:10px;white-space:nowrap}
.system-header #sessionInfo.welcome{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.6px;color:#fff;margin:18px 0 0}
button,a.ghost-button,a.system-back{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
@media(hover:hover){button:not(:disabled):hover,a.ghost-button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #18233118}.system-header button:not(:disabled):hover,.system-header a.ghost-button:hover{background:#46515e;border-color:#a2adba}}
button:not(:disabled):active,a.ghost-button:active{transform:translateY(0) scale(.98)}
body.tv-mode .system-club-context{display:none}
@media(max-width:600px){body:not(.tv-mode) .system-header{width:calc(100% - 24px);padding:25px;border-radius:16px;margin-top:12px;gap:20px}body:not(.tv-mode) .shell:has(>.system-header){width:calc(100% - 24px);margin-top:12px}body:not(.tv-mode) .shell>.system-header{width:100%;margin-top:0}.system-header>div:first-child{flex-basis:100%}.system-header .topbar-actions,.system-header .topbar-side{justify-content:flex-start}.system-header .hero-mark{display:none}}
@media(prefers-reduced-motion:reduce){button,a.ghost-button,a.system-back{transition:none!important;transform:none!important}}
body:not(.tv-mode) .system-header{flex-direction:row;align-content:flex-start;min-height:0;height:auto;text-align:left}
body:not(.tv-mode) .system-header>div:first-child{align-self:auto}
@media(max-width:600px){body:not(.tv-mode) .system-header>div:first-child{flex:1 1 100%}.system-header .system-club-context{width:100%}}
body:not(.tv-mode) main.shell{box-sizing:border-box;width:calc(100% - 48px);max-width:1440px;margin:24px auto;padding-left:0;padding-right:0}
@media(max-width:600px){body:not(.tv-mode) main.shell{width:calc(100% - 24px)}}
.system-header .eyebrow{margin:0 0 8px}.system-header h1+p:not(.welcome){margin:0;line-height:1.5}.system-header .system-back{margin-bottom:26px}
#swapError{color:#b82144}
/* Always visible while operating as an employee, including on mobile. */
.employee-view-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 24px;background:#fff3cf;border-bottom:1px solid #dbbe6a;color:#493916;font:14px Arial,sans-serif}
.system-club-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.employee-view-control{display:flex;align-items:center}.employee-view-control button{min-height:44px}
.employee-view-bar small{flex:1;min-width:160px}.employee-view-bar button{font-size:13px;min-height:40px}.employee-view-error{color:#a51b37;flex-basis:100%;margin:0}.employee-picker select{width:100%;min-height:44px;margin-top:8px}.employee-picker [role=alert]{color:#a51b37}.employee-picker form{margin:0}
@media(max-width:600px){.employee-view-bar{padding:12px;gap:8px}.employee-view-bar strong,.employee-view-bar small{flex-basis:100%}.employee-view-bar button{flex:1}}
@media print{.employee-view-bar{display:none!important}}
/* Shared top-bar geometry, 17.10.2026 (docs/header-unification-2026-10-17.md), extended 24.10.2026 into
   one header for the panel and every module (docs/home-redesign-plan-2026-10-24.md, stage 3): fixed rows
   (lead 28 | icon + title 46 | sub 22), the module icon tile left of the title, title 600 30 px like the
   tile names, and one line for the club picker, account and Wyloguj. Icons, titles and controls keep the
   same position on every page, so the panel ↔ module transition moves only what flies. Screen only. */
@media screen{
:root{--xt-head:#252e3c;--xt-head-ink:#f5f7fc;--xt-head-muted:#c2ccdb;--xt-head-dot:#ff5b87}
[data-module-root=home]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cpath transform='translate(11 11) scale(0.375)' d='M14 14h12l6 10 6-10h12L38 32l12 18H38L32 40l-6 10H14l12-18z' fill='%23ff0753'/%3E%3C/svg%3E")}
[data-module-root=rozliczenie]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cline x1='8' x2='16' y1='6' y2='6'/%3E%3Cline x1='16' x2='16' y1='14' y2='18'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=inwentaryzacja]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=grafik],[data-module-root=fitness]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M16 18h.01'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=formularze]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z'/%3E%3Cpath d='M14.487 7.858A1 1 0 0 1 14 7V2'/%3E%3Cpath d='M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516'/%3E%3Cpath d='M8 18h1'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=zgloszenia]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=windykacje]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=finanse]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=wyniki]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16v5'/%3E%3Cpath d='M16 14v7'/%3E%3Cpath d='M20 10v11'/%3E%3Cpath d='m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15'/%3E%3Cpath d='M4 18v3'/%3E%3Cpath d='M8 14v7'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=wejscia]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4h3a2 2 0 0 1 2 2v14'/%3E%3Cpath d='M2 20h3'/%3E%3Cpath d='M13 20h9'/%3E%3Cpath d='M10 12v.01'/%3E%3Cpath d='M13 4.562v16.157a1 1 0 0 1-1.242.97L5 20V5.562a2 2 0 0 1 1.515-1.94l4-1A2 2 0 0 1 13 4.561Z'/%3E%3C/g%3E%3C/svg%3E")}
[data-module-root=users]{--xt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0.5' y='0.5' width='45' height='45' rx='12.5' fill='%23ffffff' fill-opacity='0.07' stroke='%23ffffff' stroke-opacity='0.11'/%3E%3Cg transform='translate(12 12) scale(0.916667)' fill='none' stroke='%23f5f7fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/g%3E%3C/svg%3E")}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header:is(.app-header,.users-header,.schedule-header,.system-header){box-sizing:border-box!important;display:block!important;position:relative!important;width:auto!important;max-width:none!important;height:153px!important;min-height:153px!important;margin:0!important;padding:0!important;border-radius:0!important;background:var(--xt-head)!important;color:var(--xt-head-ink)!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner){box-sizing:border-box!important;display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;width:auto!important;max-width:1320px!important;height:153px!important;min-height:0!important;margin:0 auto!important;padding:0 32px!important}
/* Title column: lead (eyebrow or back) 24–52, icon + title 56–102, sub 106–128. The icon is the title's
   ::before (one node with the title, so modules that re-render their header keep it). */
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child{box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:28px 46px 22px!important;row-gap:4px!important;align-content:start!important;justify-items:start!important;flex:1 1 auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:24px 0 0!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child>:first-child{grid-row:1!important;align-self:center!important;margin:0!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child>a:first-child{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;background:none!important;color:var(--xt-head-muted)!important;font-size:13px!important;font-weight:500!important;line-height:28px!important;text-decoration:none!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child>h1{grid-row:2!important;box-sizing:border-box!important;max-width:calc(100% - 60px)!important;height:46px!important;margin:0 0 0 60px!important;padding:0!important;color:var(--xt-head-ink)!important;font-size:30px!important;font-weight:600!important;line-height:46px!important;letter-spacing:-.6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child>h1>span:only-child{color:var(--xt-head-dot)!important;font:inherit!important;letter-spacing:inherit!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child>h1::before{content:""!important;position:absolute!important;left:0!important;top:56px!important;width:46px!important;height:46px!important;background:var(--xt-icon) center/100% 100% no-repeat!important;pointer-events:none!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child>p:not(:first-child):not(.eyebrow){grid-row:3!important;box-sizing:border-box!important;max-width:calc(100% - 60px)!important;height:22px!important;min-height:22px!important;margin:0 0 0 60px!important;padding:0!important;color:var(--xt-head-muted)!important;font-size:13px!important;font-weight:400!important;line-height:22px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:first-child>.eyebrow:not(:first-child){display:none!important}
/* Right side on one line with the title row (centre 79 px): “Klub” label above the 42 px picker, then the account.
   It never shrinks — on a narrow desktop only the title gives way (ellipsis), so the right side matches on every page. */
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:not(:first-child){flex:0 0 auto!important;align-self:flex-start!important;min-width:0!important;margin:37px 0 0!important;padding:0!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:not(:first-child) select,html body [data-module-root=formularze] .forms-header .head-context select,html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero .system-club-context select{box-sizing:border-box!important;height:42px!important;min-height:42px!important;margin:0!important;padding:8px 32px 8px 12px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;background-color:rgba(255,255,255,.055)!important;color:var(--xt-head-ink)!important;font-size:14px!important;font-weight:400!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>:not(:first-child) select option,html body [data-module-root=formularze] .forms-header .head-context select option,html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero .system-club-context select option{color:#293443;background:#fff}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>.xt-account{margin:58px 0 0 -4px!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>label,html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>label,html body:not(.tv-mode) .finance-ui[data-device=desktop] header .header-context>label,html body [data-module-root=formularze] .forms-header .head-context>label,html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero .system-club-context>label{box-sizing:border-box!important;display:grid!important;grid-template-rows:16px 42px!important;row-gap:5px!important;align-items:center!important;width:220px!important;min-width:0!important;margin:0!important;color:var(--xt-head-muted)!important;font-size:11px!important;font-weight:400!important;line-height:16px!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>label{margin:0!important}
/* One club (reception): the fixed club name in the same 220 px slot and box as the picker in the modules. */
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>.fixed-club{box-sizing:border-box!important;display:grid!important;grid-template-rows:16px 42px!important;row-gap:5px!important;align-items:center!important;width:220px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>.fixed-club::before{content:"Klub";color:var(--xt-head-muted);font-size:11px;font-weight:400;line-height:16px}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>.fixed-club>svg{display:none!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>.fixed-club>span{box-sizing:border-box!important;display:flex!important;align-items:center!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;color:var(--xt-head-ink)!important;font-size:14px!important;font-weight:400!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>label select,html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>label select,html body:not(.tv-mode) .finance-ui[data-device=desktop] header .header-context>label select{box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important}
html body:not(.tv-mode) .users-page[data-device=desktop] header>.header-inner>.page-context:last-child:not(:first-child){display:flex!important;align-items:center!important;min-height:42px!important;margin-top:58px!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools{display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;gap:20px!important;min-width:0!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .account-tools{flex-shrink:0!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;height:42px!important;min-width:0!important;margin:21px 0 0!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .identity{min-width:0!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .identity>*{display:block!important;max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:1023px){
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner){padding:0 24px!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .header-tools>:is(label,.fixed-club),html body:not(.tv-mode) :is(.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=desktop] header>:is(.header-inner,.schedule-header-inner)>label,html body:not(.tv-mode) .finance-ui[data-device=desktop] header .header-context>label,html body [data-module-root=formularze] .forms-header .head-context>label,html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero .system-club-context>label{width:180px!important}
html body:not(.tv-mode) .panel-page[data-device=desktop] header .identity>*{max-width:120px!important}
html body header .xt-account .xt-who>*{max-width:120px}
}
/* Narrow desktop only (the phone layouts keep their 16 px edge): Formularze and the hero modules follow the 24 px edge. */
@media(min-width:701px) and (max-width:1023px){html body:not(.tv-mode) [data-module-root=formularze] header.forms-header .head-inner{padding:0 24px!important}}
@media(min-width:761px) and (max-width:1023px){html body:not(.tv-mode) :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero.system-header{padding:0 24px!important}}
/* The panel hides its account icon below 1200 px (panel-layouts.css); the modules follow. */
@media(max-width:1200px){html body header .xt-account.xt-account{gap:8px}html body header .xt-account .xt-avatar{display:none!important}}
/* Account in module headers (system-shell.js): the same avatar, name, role and Wyloguj as the panel. */
/* Czcionka jak w akcjach panelu: moduły z własną (Dashboard, Statystyki wejść) poszerzały „Wyloguj” i przesuwały cały wiersz. */
html body header .xt-account{font-family:Inter,"Segoe UI",Arial,sans-serif!important;box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:12px;height:42px;min-width:0;color:var(--xt-head-ink)}
html body header .xt-account .xt-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.055);color:var(--xt-head-ink)}
html body header .xt-account svg{width:16px;height:16px;flex:none}
html body header .xt-account .xt-who{display:grid;min-width:0}
html body header .xt-account .xt-who>*{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body header .xt-account .xt-who strong{color:var(--xt-head-ink);font-size:13px;font-weight:500;line-height:19.5px}
html body header .xt-account .xt-who small{color:var(--xt-head-muted);font-size:11px;font-weight:400;line-height:16.5px}
html body header .xt-account button.xt-logout{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:7px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px 12px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--xt-head-muted)!important;font-size:14px!important;font-weight:500!important;line-height:19.6px!important;white-space:nowrap!important;cursor:pointer;box-shadow:none!important}
html body header .xt-account button.xt-logout:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
@media(max-width:760px){html body header .xt-account{display:none!important}}
/* Formularze (desktop): the same columns; its own person block gives way to the shared account. */
@media(min-width:701px){
html body [data-module-root=formularze] .forms-header .head-title{box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:28px 46px 22px!important;row-gap:4px!important;align-content:start!important;justify-items:start!important;flex:1 1 auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:24px 0 0!important}
html body [data-module-root=formularze] .forms-header .head-title>:first-child{grid-row:1!important;align-self:center!important;margin:0!important}
html body [data-module-root=formularze] .forms-header .head-title>a:first-child{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;background:none!important;color:var(--xt-head-muted)!important;font-size:13px!important;font-weight:500!important;line-height:28px!important;text-decoration:none!important}
html body [data-module-root=formularze] .forms-header .head-title>h1{grid-row:2!important;box-sizing:border-box!important;max-width:calc(100% - 60px)!important;height:46px!important;margin:0 0 0 60px!important;padding:0!important;color:var(--xt-head-ink)!important;font-size:30px!important;font-weight:600!important;line-height:46px!important;letter-spacing:-.6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body [data-module-root=formularze] .forms-header .head-title>h1>span:only-child{color:var(--xt-head-dot)!important;font:inherit!important;letter-spacing:inherit!important}
html body [data-module-root=formularze] .forms-header .head-title>h1::before{content:""!important;position:absolute!important;left:0!important;top:56px!important;width:46px!important;height:46px!important;background:var(--xt-icon) center/100% 100% no-repeat!important;pointer-events:none!important}
html body [data-module-root=formularze] .forms-header .head-title>p{grid-row:3!important;box-sizing:border-box!important;max-width:calc(100% - 60px)!important;height:22px!important;min-height:22px!important;margin:0 0 0 60px!important;padding:0!important;color:var(--xt-head-muted)!important;font-size:13px!important;font-weight:400!important;line-height:22px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body [data-module-root=formularze] .forms-header{position:relative!important;background:var(--xt-head)!important}
html body [data-module-root=formularze] .forms-header .head-inner{box-sizing:border-box!important;align-items:flex-start!important;gap:24px!important;padding:0 32px!important}
html body [data-module-root=formularze] .forms-header .head-context{flex:0 0 auto!important;display:flex!important;flex-wrap:nowrap!important;min-width:0!important;align-items:flex-start!important;gap:20px!important;margin:37px 0 0!important}
html body [data-module-root=formularze] .forms-header .head-context>.head-user{display:none!important}
html body [data-module-root=formularze] .forms-header .head-context>.xt-account{margin-top:21px!important}
html body [data-module-root=formularze] .forms-header .head-context select{width:100%!important}
}
/* Zgłoszenia and Windykacje (desktop): their former hero header becomes the same 153 px bar, in the header font of the other modules. */
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero,html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero *{font-family:"Segoe UI",Arial,sans-serif!important}
@media(min-width:761px){
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child{box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:28px 46px 22px!important;row-gap:4px!important;align-content:start!important;justify-items:start!important;flex:1 1 auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:24px 0 0!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child>:first-child{grid-row:1!important;align-self:center!important;margin:0!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child>a:first-child{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;background:none!important;color:var(--xt-head-muted)!important;font-size:13px!important;font-weight:500!important;line-height:28px!important;text-decoration:none!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child>h1{grid-row:2!important;box-sizing:border-box!important;max-width:calc(100% - 60px)!important;height:46px!important;margin:0 0 0 60px!important;padding:0!important;color:var(--xt-head-ink)!important;font-size:30px!important;font-weight:600!important;line-height:46px!important;letter-spacing:-.6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child>h1>span:only-child{color:var(--xt-head-dot)!important;font:inherit!important;letter-spacing:inherit!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child>h1::before{content:""!important;position:absolute!important;left:0!important;top:56px!important;width:46px!important;height:46px!important;background:var(--xt-icon) center/100% 100% no-repeat!important;pointer-events:none!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child>p:not(:first-child):not(.eyebrow){grid-row:3!important;box-sizing:border-box!important;max-width:calc(100% - 60px)!important;height:22px!important;min-height:22px!important;margin:0 0 0 60px!important;padding:0!important;color:var(--xt-head-muted)!important;font-size:13px!important;font-weight:400!important;line-height:22px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child>.eyebrow:not(:first-child){display:none!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero.system-header{box-sizing:border-box!important;position:relative!important;display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;width:auto!important;max-width:none!important;height:153px!important;min-height:153px!important;margin:0!important;padding:0 max(32px,calc((100% - 1320px) / 2 + 32px))!important;border-radius:0!important;background:var(--xt-head)!important;color:var(--xt-head-ink)!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.hero-mark{display:none!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context{box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;min-width:0!important;align-items:flex-start!important;gap:20px!important;width:auto!important;margin:37px 0 0!important;padding:0!important;border:0!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context select{width:100%!important;min-width:0!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context>.xt-account{margin-top:21px!important}
}
/* Zgłoszenia and Windykacje (phone): back | icon + title over the line | club picker behind a 44 px icon. */
@media(max-width:760px){
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero.system-header{box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;grid-template-areas:"lead title action" "lead sub action"!important;align-content:center!important;align-items:center!important;column-gap:10px!important;row-gap:4px!important;width:auto!important;max-width:none!important;height:84px!important;min-height:84px!important;margin:0!important;padding:0 16px!important;border-radius:0!important;background:var(--xt-head)!important;color:var(--xt-head-ink)!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>div:first-child{display:contents!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero :is(.eyebrow,.hero-mark){display:none!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero a.system-back{grid-area:lead!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--xt-head-muted)!important;font-size:0!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero a.system-back svg{width:16px;height:16px}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero h1{grid-area:title!important;align-self:end!important;min-width:0!important;height:26px!important;margin:0 0 0 44px!important;color:var(--xt-head-ink)!important;font-size:20px!important;font-weight:600!important;line-height:26px!important;letter-spacing:-.3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero h1>span:only-child{color:var(--xt-head-dot)!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero h1+p{grid-area:sub!important;align-self:start!important;min-width:0!important;height:16px!important;margin:0 0 0 44px!important;color:var(--xt-head-muted)!important;font-size:12px!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context{grid-area:action!important;position:relative!important;box-sizing:border-box!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context>label{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;font-size:0!important;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2ccdb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M10 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E") center/16px 16px no-repeat}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context>label:focus-within{outline:3px solid #8dabe0;outline-offset:3px}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context select{position:absolute!important;inset:0!important;width:44px!important;min-width:0!important;height:44px!important;opacity:0!important;cursor:pointer}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero>.system-club-context>:not(label){display:none!important}
html body :is([data-module-root=zgloszenia],[data-module-root=windykacje]) header.hero h1::before{content:""!important;position:absolute!important;left:70px!important;top:25px!important;width:34px!important;height:34px!important;background:var(--xt-icon) center/100% 100% no-repeat!important;pointer-events:none!important}
}
/* Formularze (phone): the shared rows — title 19–45 px, line 49–65 px, icon 25–59 px. */
@media(max-width:700px){
html body [data-module-root=formularze] .forms-header{position:relative!important}
html body [data-module-root=formularze] .forms-header .head-title h1{padding-top:19px!important;margin-left:44px!important;color:var(--xt-head-ink)!important;font-weight:600!important;letter-spacing:-.3px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body [data-module-root=formularze] .forms-header .head-title h1>span:only-child{color:var(--xt-head-dot)!important}
html body [data-module-root=formularze] .forms-header .head-title p{margin:49px 0 0 44px!important;line-height:16px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body [data-module-root=formularze] .forms-header .head-title h1::before{content:""!important;position:absolute!important;left:70px!important;top:25px!important;width:34px!important;height:34px!important;background:var(--xt-icon) center/100% 100% no-repeat!important;pointer-events:none!important}
}
/* Phone: one 84 px row, 44 px lead control | title over club line | 44 px club control. */
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header:is(.mobile-header,.users-header,.system-header){box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;grid-template-areas:"lead title action" "lead sub action"!important;align-content:center!important;align-items:center!important;column-gap:10px!important;row-gap:4px!important;width:auto!important;max-width:none!important;height:84px!important;min-height:84px!important;margin:0!important;padding:0 16px!important;border-radius:0!important;background:var(--xt-head)!important;color:var(--xt-head-ink)!important}
html body:not(.tv-mode) :is(.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header :is(.head-row,.mobile-header,.header-inner,.header-title),html body:not(.tv-mode) :is(.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header :is(.system-header,.mobile-header)>div:not([class]),html body:not(.tv-mode) .settlement-ui[data-device=mobile] header.system-header>div:not([class]){display:contents!important}
html body:not(.tv-mode) :is(.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header a.back{grid-area:lead!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header :is(h1,.brand-line){grid-area:title!important;align-self:end!important;min-width:0!important;height:26px!important;margin:0 0 0 44px!important;color:var(--xt-head-ink)!important;font-size:20px!important;font-weight:600!important;line-height:26px!important;letter-spacing:-.3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:not(.tv-mode) :is(.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header h1>span:only-child{color:var(--xt-head-dot)!important}
/* Phone icon tile 34 px at 70,25 (centred on the title + line block); title and line start after it. */
html body:not(.tv-mode) :is(.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header h1::before,html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>.brand-line>span:not(.wordmark)::before{content:""!important;position:absolute!important;left:70px!important;top:25px!important;width:34px!important;height:34px!important;background:var(--xt-icon) center/100% 100% no-repeat!important;pointer-events:none!important}
html body:not(.tv-mode) :is(.panel-page,.users-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header :is(.club-name,h1+p,.page-context,.club-line:not(#clubContext)){grid-area:sub!important;align-self:start!important;min-width:0!important;height:16px!important;min-height:16px!important;margin:0 0 0 44px!important;padding:0!important;font-size:12px!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:not(.tv-mode) :is(.panel-page,.schedule-ui,.settlement-ui,.inventory-ui,.finance-ui)[data-device=mobile] header :is(details.context,#contextToggle,details.club-menu){grid-area:action!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important}
html body:not(.tv-mode) :is(.panel-page,.schedule-ui)[data-device=mobile] header :is(details.context,details.club-menu,#accountMenu)>summary{box-sizing:border-box!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;list-style:none!important;cursor:pointer!important}
/* Panel phone, variant B: account (lead) and club (action) are the existing controls behind 44 px icons. */
/* Panel phone title (24.10.2026): the X tile and „System recepcji” in the module title slot. */
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>.brand-line{display:block!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>.brand-line .wordmark{display:none!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>.brand-line>span:not(.wordmark){color:var(--xt-head-ink)!important;font-size:20px!important;font-weight:600!important;line-height:26px!important;letter-spacing:-.3px!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>.brand-line>span:not(.wordmark)::after{content:".";color:var(--xt-head-dot)}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>:is(.club-name,.club-line:not(#clubContext)){display:block!important;color:#c2ccdb!important;font-weight:400!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>.club-line:not(#clubContext)>svg{display:none!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>#accountMenu{grid-area:lead!important;position:relative!important;box-sizing:border-box!important;width:44px!important;height:44px!important;margin:0!important;border:0!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>#accountMenu>summary>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>#accountMenu>summary>svg:last-child:not(:first-child){display:none!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header>details.club-menu{position:relative!important;color:#fff!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header :is(#accountMenu,.club-menu)>summary::-webkit-details-marker{display:none!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header :is(#accountMenu>.account-options,.club-menu>.club-line){position:absolute!important;top:50px!important;z-index:30!important;box-sizing:border-box!important;width:min(320px,calc(100vw - 32px))!important;margin:0!important;padding:12px!important;background:#252e3c!important;border:1px solid #435167!important;border-radius:12px!important;box-shadow:0 10px 35px #18223240!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header #accountMenu>.account-options{left:0!important}
html body:not(.tv-mode) .panel-page[data-device=mobile] header.mobile-header .club-menu>.club-line{right:0!important}
}
/* Quiet in-place loading (17.10.2026): neutral lines in the reserved area instead of loading text that moves content.
   Skeleton, 24.10.2026: the same place and height, shaped like content (heading, then lines) with a soft shimmer
   that moves across all lines together; no shimmer with reduced motion. */
.loading-lines{display:grid;align-content:start;gap:14px;min-height:96px;padding:8px 0}
.loading-lines>span{display:block;height:12px;border-radius:6px;background:#e9edf2 linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 70%) no-repeat;background-size:200% 100%;background-attachment:fixed;animation:xt-skeleton 1.5s ease-in-out infinite}
.loading-lines>span:first-child{width:38%;height:18px;border-radius:7px}
.loading-lines>span:nth-child(2){width:88%}.loading-lines>span:nth-child(3){width:72%}
@keyframes xt-skeleton{from{background-position:150% 0}to{background-position:-50% 0}}
@media(prefers-reduced-motion:reduce){.loading-lines>span{animation:none}}
@media print{.loading-lines{display:none!important}}