@layer components{.kiosk{--k-line:color-mix(in srgb,var(--k-ink) 22%,transparent);--k-soft:color-mix(in srgb,var(--k-ink) 7%,transparent);--k-ok:color-mix(in srgb,var(--ok) 55%,var(--k-ink));--k-warn:color-mix(in srgb,var(--warn) 70%,var(--k-ink));--k-err:color-mix(in srgb,var(--err) 55%,var(--k-ink));display:flex;flex:1;flex-direction:column;min-height:100dvh;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--k-bg);color:var(--k-ink)}.ki-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-16);padding:calc(var(--space-16) + env(safe-area-inset-top)) var(--space-20) var(--space-16);border-bottom:var(--bd-tag-w) solid var(--k-line)}.ki-brand{align-items:center;gap:var(--space-10)}.ki-brand,.ki-brand div{display:flex;min-width:0}.ki-brand div{flex-direction:column}.ki-brand b{overflow:hidden;font-size:var(--fs-card-title);text-overflow:ellipsis;white-space:nowrap}.ki-brand small,.ki-clock small{color:var(--k-ink2);font-size:var(--fs-caption);font-weight:700}.ki-clock{text-align:right}.ki-clock b{display:block;font-size:var(--fs-kpi);font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.ki-tools{display:flex;gap:var(--space-8)}.kiosk .ki-ib{border:var(--bd-w) solid var(--k-line);color:var(--k-ink)}.kiosk .ki-gerant{min-height:var(--tap);padding-inline:var(--space-12);font-weight:700}.ki-ferme-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-10)}.ki-body{flex:1;min-height:0;overflow:auto}.ki-body,.ki-pad{display:flex;flex-direction:column}.ki-pad{gap:var(--space-10);width:100%;max-width:980px;margin:0 auto;padding:var(--space-20)}.ki-center h2,.ki-pad h2{margin:0;color:var(--k-ink);font-size:var(--fs-page-title)}.ki-sub{margin:0 0 var(--space-10);color:var(--k-ink2);font-size:var(--fs-body)}.ki-stats{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:0 0 var(--space-6);padding:0;list-style:none}.ki-stats li{display:flex;align-items:baseline;gap:var(--space-6);padding:var(--space-8) var(--space-14);border:var(--bd-w) solid var(--k-line);border-radius:var(--r-cell);color:var(--k-ink2);font-size:var(--fs-body-ui);font-weight:700}.ki-stats b{color:var(--k-ink);font-size:var(--fs-page-title);font-variant-numeric:tabular-nums}.ki-stats li.warn,.ki-stats li.warn b{border-color:var(--k-warn);color:var(--k-warn)}.ki-h3{margin:var(--space-14) 0 var(--space-2);color:var(--k-ink);font-size:var(--fs-card-title)}.ki-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-12)}.ki-act,.ki-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);min-height:150px;padding:var(--space-16) var(--space-10);border:var(--bd-w) solid var(--k-line);border-radius:var(--r-kio);background:var(--k-soft);color:var(--k-ink);transition:transform var(--t-press)}.ki-act:not(.off):active,.ki-name:active{transform:scale(.97)}.ki-act b,.ki-name b{font-size:var(--fs-screen-title)}.ki-name small{color:var(--k-ink2);font-size:var(--fs-caption);font-weight:700}.ki-name.late{border-color:var(--k-warn)}.ki-name .st-service{color:var(--k-ok)}.ki-name .st-pause{color:var(--k-warn)}.ki-pl{color:var(--k-ink2);font-size:var(--fs-tag);font-weight:700;text-align:center}.kiosk .av-k{border-color:var(--k-ink)}.ki-note,.ki-offline{display:flex;align-items:center;gap:var(--space-8);margin:var(--space-14) 0 0;color:var(--k-ink2);font-size:var(--fs-body-ui)}.ki-offline{margin:0;padding:var(--space-10) var(--space-20);background:color-mix(in srgb,var(--warn) 22%,var(--k-bg));color:var(--k-ink);font-weight:700}.ki-back{display:inline-flex;align-self:flex-start;gap:var(--space-6);min-height:var(--tap);border:0;background:none;color:var(--k-ink2);font-weight:700}.ki-back,.ki-code{align-items:center}.ki-code{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20) calc(var(--space-20) * 2);width:100%;max-width:900px;margin:0 auto;padding:var(--space-20)}.ki-code .ki-back{grid-column:1/-1}.ki-id{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.ki-id b{font-size:var(--fs-page-title)}.ki-id>span:not(.av){color:var(--k-ink2)}.ki-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-12);margin-top:var(--space-6)}.ki-act .i{width:calc(var(--ico) * 1.5);height:calc(var(--ico) * 1.5);color:var(--k-acc)}.ki-act.off{opacity:.32;cursor:not-allowed}.ki-center{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:calc(var(--space-20) * 1.5);text-align:center}.ki-center p{max-width:460px;margin:0;color:var(--k-ink2);font-size:var(--fs-body)}.ki-big-ic{display:grid;place-items:center;width:104px;height:104px;border:var(--bd-w) solid;border-radius:var(--r-num);color:var(--k-acc);transform:rotate(-8deg)}.ki-big-ic .i{width:52px;height:52px}.ki-big-ic.ok{color:var(--k-ok)}.ki-big-ic.err{color:var(--k-err)}.ki-time{font-size:clamp(72px,16vw,132px)!important;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.ki-time,.ki-who{color:var(--k-ink)!important}.ki-who{font-size:var(--fs-page-title)!important;font-weight:800}.ki-auto{font-size:var(--fs-body-ui)!important}.kiosk .ki-err{color:var(--k-err)}.ki-form{display:flex;flex-direction:column;gap:var(--space-14);width:100%;max-width:420px;padding:var(--space-20);border:var(--bd-w) solid var(--k-line);border-radius:var(--r-card);background:var(--k-surf);text-align:left}.ki-form,.kiosk .btn-ghost{color:var(--k-ink)}}@media (max-width:640px){.ki-head{padding-right:var(--space-16);padding-left:var(--space-16)}.ki-clock b{font-size:var(--fs-page-title)}.ki-brand small,.ki-clock small{display:none}.ki-head{gap:var(--space-10)}.ki-code{grid-template-columns:1fr;gap:var(--space-14);padding:var(--space-12) var(--space-16) var(--space-20)}.ki-acts,.ki-names{grid-template-columns:repeat(2,minmax(0,1fr))}}