.kiosk-shell,.kiosk-unpaired{color-scheme:light;--k-bg:#f7f9f7;--k-surface:#ffffff;--k-muted:#edf2ef;--k-line:#cddbd0;--k-text:#18251e;--k-subtle:#5d6b63;--k-active:#086b4a;--k-active-surface:#dff5e5;--k-active-line:#339a65;--k-active-rail:#159256;--k-active-divider:#9ccdb0;--k-inactive:#5d6b63;--k-inactive-heading:#18251e;--k-inactive-surface:#e9eeea;--k-inactive-line:#cbd5cd;--k-header-line:#dce5de;--k-search:#ffffff;--k-search-line:#cddbd0;--k-chip:#e8eee9;--k-break:#a26911;--k-break-surface:#fff0d2;--k-break-line:#e1ad55;--k-key:#edf2ee;--k-key-hover:#dce9e0;--k-key-line:#d2ddd4;--k-avatar-active:#dbf3e4;--k-avatar-inactive:#e6ece7;--k-panel-surface:#ffffff;--k-panel-line:#d0ddd2;--k-panel-active-chip:#d9f3e2;--k-panel-active-ink:#09623a;--k-panel-inactive-chip:#e8eeea;--k-panel-inactive-ink:#5a6b60;--k-panel-break-chip:#fff0cd;--k-panel-break-ink:#855406;--k-panel-active-summary:#176b45;--k-panel-break-summary:#87580b;--k-panel-break-line:#dfc890;--k-action-in-bg:#0d7445;--k-action-in-ink:#ffffff;--k-action-out-bg:#24352a;--k-action-out-ink:#ffffff;--k-action-break-bg:#e5b347;--k-action-break-ink:#3e2907;--k-action-neutral-line:#b7c7ba;--k-shift-line:#b8d9c2;--k-shift-dot-active:#128652;--k-shift-dot-break:#d79524;--k-shift-dot-inactive:#64766a;--k-shift-dot-pending:#9bae9f;--k-shift-icon-active:#0d7547;--k-shift-icon-break:#94600e;--k-shift-icon-inactive:#506658}.kiosk-shell[data-admin]{outline:8px solid #b45309;outline-offset:-8px;--k-header-line:#b45309}.kiosk-approver-settings{background:var(--k-panel-surface);border-color:var(--k-panel-line);color:var(--k-text)}.kiosk-admin-banner{background:#78350f;border-color:#fbbf24;color:#fff7ed}.kiosk-admin-lock{background:#fff7ed;color:#78350f}.kiosk-admin-unlock{background:var(--k-panel-surface);border-color:var(--k-panel-line);color:var(--k-text)}.kiosk-admin-key{background:var(--k-key);border-color:var(--k-key-line);color:var(--k-text)}@media (prefers-color-scheme:dark){.kiosk-shell[data-theme=system],.kiosk-unpaired{color-scheme:dark;--k-bg:#111815;--k-surface:#111815;--k-muted:#2c3831;--k-line:#49564c;--k-text:#f4f7f3;--k-subtle:#acb7b0;--k-active:#8ed4a8;--k-active-surface:#1d3c2a;--k-active-line:#58ba78;--k-active-rail:#6ee19a;--k-active-divider:#4c9368;--k-inactive:#acb7b0;--k-inactive-heading:#f4f7f3;--k-inactive-surface:#202925;--k-inactive-line:#455147;--k-header-line:#324037;--k-search:#202a23;--k-search-line:#4c5a4e;--k-chip:#25352a;--k-break:#ffd36d;--k-break-surface:#3b2d18;--k-break-line:#b78a38;--k-key:#29372e;--k-key-hover:#3a4a3f;--k-key-line:#425749;--k-avatar-active:#214b32;--k-avatar-inactive:#344238;--k-panel-surface:#151f19;--k-panel-line:#49614e;--k-panel-active-chip:#295039;--k-panel-active-ink:#a9e8ba;--k-panel-inactive-chip:#344138;--k-panel-inactive-ink:#b8c8bc;--k-panel-break-chip:#624817;--k-panel-break-ink:#f4ce7c;--k-panel-active-summary:#a2dfb1;--k-panel-break-summary:#efc875;--k-panel-break-line:#bc8d35;--k-action-in-bg:#50be86;--k-action-in-ink:#111815;--k-action-out-bg:#e8f2e9;--k-action-out-ink:#1d2a22;--k-action-break-bg:#edbd5e;--k-action-break-ink:#332208;--k-action-neutral-line:#98aa9b;--k-shift-line:#477b55;--k-shift-dot-active:#67d78d;--k-shift-dot-break:#e9b655;--k-shift-dot-inactive:#a0b6a5;--k-shift-dot-pending:#8da897;--k-shift-icon-active:#9ee7b3;--k-shift-icon-break:#f4ce7c;--k-shift-icon-inactive:#c6d8ca}}.kiosk-shell[data-theme=dark]{color-scheme:dark;--k-bg:#111815;--k-surface:#111815;--k-muted:#2c3831;--k-line:#49564c;--k-text:#f4f7f3;--k-subtle:#acb7b0;--k-active:#8ed4a8;--k-active-surface:#1d3c2a;--k-active-line:#58ba78;--k-active-rail:#6ee19a;--k-active-divider:#4c9368;--k-inactive:#acb7b0;--k-inactive-heading:#f4f7f3;--k-inactive-surface:#202925;--k-inactive-line:#455147;--k-header-line:#324037;--k-search:#202a23;--k-search-line:#4c5a4e;--k-chip:#25352a;--k-break:#ffd36d;--k-break-surface:#3b2d18;--k-break-line:#b78a38;--k-key:#29372e;--k-key-hover:#3a4a3f;--k-key-line:#425749;--k-avatar-active:#214b32;--k-avatar-inactive:#344238;--k-panel-surface:#151f19;--k-panel-line:#49614e;--k-panel-active-chip:#295039;--k-panel-active-ink:#a9e8ba;--k-panel-inactive-chip:#344138;--k-panel-inactive-ink:#b8c8bc;--k-panel-break-chip:#624817;--k-panel-break-ink:#f4ce7c;--k-panel-active-summary:#a2dfb1;--k-panel-break-summary:#efc875;--k-panel-break-line:#bc8d35;--k-action-in-bg:#50be86;--k-action-in-ink:#111815;--k-action-out-bg:#e8f2e9;--k-action-out-ink:#1d2a22;--k-action-break-bg:#edbd5e;--k-action-break-ink:#332208;--k-action-neutral-line:#98aa9b;--k-shift-line:#477b55;--k-shift-dot-active:#67d78d;--k-shift-dot-break:#e9b655;--k-shift-dot-inactive:#a0b6a5;--k-shift-dot-pending:#8da897;--k-shift-icon-active:#9ee7b3;--k-shift-icon-break:#f4ce7c;--k-shift-icon-inactive:#c6d8ca}.kiosk-shell,.kiosk-unpaired{background:var(--k-bg);color:var(--k-text);font-family:Arial,Helvetica,sans-serif}.kiosk-shell .kiosk-content{max-width:674px;margin-inline:auto}.kiosk-shell .kiosk-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--k-header-line);padding-bottom:16px;margin-bottom:-12px}.kiosk-shell .kiosk-restaurant-name{font-size:23px;font-weight:700;line-height:1.25}.kiosk-shell .kiosk-clock{font-size:29px;font-weight:700;line-height:1.15}.kiosk-shell .kiosk-date{font-size:14px;line-height:1.25}.kiosk-shell .kiosk-brandline{color:var(--k-subtle);font-size:14px;font-weight:400;line-height:20px}.kiosk-shell .kiosk-brand-icon{width:20px;height:20px}.kiosk-shell .kiosk-brand-lockup{display:inline-flex;height:54px;align-items:flex-start;gap:8px;color:var(--k-subtle)}.kiosk-shell .kiosk-brand-by{font-size:11px;line-height:14px}.kiosk-shell .kiosk-restaurant-logo{justify-self:center;width:min(100%,180px);height:54px;padding:6px}.kiosk-shell .kiosk-subtle,.kiosk-unpaired .kiosk-subtle{color:var(--k-subtle)}.kiosk-shell .kiosk-surface{background:var(--k-surface);border-color:var(--k-line);color:var(--k-text)}.kiosk-shell .kiosk-input{height:52px;background:var(--k-search);border-color:var(--k-search-line);color:var(--k-text);font-size:17px}.kiosk-shell .kiosk-input::placeholder{color:var(--k-subtle)}.kiosk-shell .kiosk-search{align-self:start}.kiosk-shell .kiosk-search-icon{color:var(--k-subtle)}.kiosk-shell .kiosk-chip{min-height:44px;padding-inline:16px;background:var(--k-chip);border-color:transparent;color:var(--k-text);font-size:14px;font-weight:400}.kiosk-shell .kiosk-chip[aria-pressed=true]{background:var(--k-active-surface);border-color:var(--k-active-line);color:var(--k-active)}.kiosk-shell .kiosk-column header{padding-bottom:10px;border-bottom:1px solid var(--k-line)}.kiosk-shell .kiosk-column[data-status=active] header{border-bottom-color:var(--k-active-divider)}.kiosk-shell .kiosk-column[data-status=active] .kiosk-column-title{color:var(--k-active)}.kiosk-shell .kiosk-column[data-status=inactive] .kiosk-column-title{color:var(--k-inactive-heading)}.kiosk-shell .kiosk-column-title{font-size:18px;font-weight:700;line-height:1.3}.kiosk-shell .kiosk-column{min-width:0}.kiosk-shell .kiosk-zone-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));column-gap:32px}.kiosk-shell .kiosk-filters{row-gap:12px}.kiosk-shell .kiosk-count{color:var(--k-subtle)}@media (max-height:500px) and (orientation:landscape),(max-width:600px){.kiosk-shell .kiosk-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-bottom:10px;margin-bottom:-6px}.kiosk-shell .kiosk-restaurant-zone{grid-column:1/-1;grid-row:2}.kiosk-shell .kiosk-header-clock{grid-column:2;grid-row:1}.kiosk-shell .kiosk-restaurant-logo{justify-self:stretch;width:100%;height:42px;padding:6px}.kiosk-shell .kiosk-restaurant-logo>img{object-position:center}.kiosk-shell .kiosk-restaurant-name{display:flex;height:42px;align-items:center;justify-content:center;font-size:17px;line-height:1.15;text-align:center}.kiosk-shell .kiosk-clock{font-size:21px}.kiosk-shell .kiosk-brandline,.kiosk-shell .kiosk-date{font-size:10px;line-height:14px}.kiosk-shell .kiosk-brandline-wrap{display:flex;height:42px;align-items:flex-start}.kiosk-shell .kiosk-brand-lockup{height:42px;gap:4px}.kiosk-shell .kiosk-brand-by{font-size:8px;line-height:10px}.kiosk-shell .kiosk-brand-icon{width:14px;height:14px}.kiosk-shell .kiosk-input{height:33px;min-height:33px;font-size:12px}.kiosk-shell .kiosk-chip{align-items:center;justify-content:center;min-height:33px;padding-block:4px;font-size:12px!important}.kiosk-shell .kiosk-filter-tags{flex-wrap:wrap}.kiosk-shell .kiosk-search-icon{left:12px;width:16px;height:16px}.kiosk-shell .kiosk-input{padding-left:36px;padding-right:52px}.kiosk-shell .kiosk-search>button{top:2px;height:29px;padding-inline:8px;font-size:10px}}@media (max-width:600px) and (orientation:portrait){.kiosk-shell{padding-inline:12px}.kiosk-shell .kiosk-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.kiosk-shell .kiosk-column header{align-items:flex-start;flex-direction:column;gap:2px}.kiosk-shell .kiosk-filters{display:block}.kiosk-shell .kiosk-filters:after{content:"";display:block;clear:both}.kiosk-shell .kiosk-filters .kiosk-search{float:left;width:calc((100% - 8px) / 2);margin-right:8px}.kiosk-shell .kiosk-filter-tag-row,.kiosk-shell .kiosk-filter-tags{display:block}.kiosk-shell .kiosk-filter-tags .kiosk-chip{display:inline-flex;margin:0 8px 8px 0}.kiosk-shell .kiosk-tiles{grid-template-columns:minmax(0,1fr)!important}.kiosk-shell .kiosk-count{white-space:nowrap}}.kiosk-shell .kiosk-tiles{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(108px,auto);align-content:start}@media (min-width:1280px){.kiosk-shell .kiosk-content{max-width:1800px}.kiosk-shell .kiosk-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}}.kiosk-shell .kiosk-tile{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:108px;background:var(--k-surface);border-color:var(--k-line);color:var(--k-text)}.kiosk-shell .kiosk-tile-name{font-size:19px;font-weight:700}.kiosk-shell .kiosk-tile-name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:normal;word-break:normal}.kiosk-shell .kiosk-tile .kiosk-avatar-frame{width:50px;height:50px}.kiosk-shell .kiosk-tile-status{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:400;text-transform:uppercase}.kiosk-shell .kiosk-tile-status:before{content:"";display:block;flex:none;width:6px;height:6px;border-radius:50%}.kiosk-shell .kiosk-tile[data-status=active] .kiosk-tile-status{font-weight:700}.kiosk-shell .kiosk-tile[data-status=active] .kiosk-tile-status:before{background:var(--k-active)}.kiosk-shell .kiosk-tile[data-status=inactive] .kiosk-tile-status:before{border:1px solid var(--k-inactive)}.kiosk-shell .kiosk-tile[data-status=break] .kiosk-tile-status:before{background:var(--k-break)}.kiosk-shell .kiosk-tile:hover{filter:brightness(.96)}.kiosk-shell[data-theme=dark] .kiosk-tile:hover{filter:brightness(1.15)}.kiosk-shell .kiosk-tile[data-status=active]{background:var(--k-active-surface);border-color:var(--k-active-line);border-width:1.5px}.kiosk-shell .kiosk-tile:is([data-status=active],[data-status=break]):before{content:"";position:absolute;top:9px;bottom:9px;left:-4px;width:8px;border-radius:3px}.kiosk-shell .kiosk-tile[data-status=active]:before{background:var(--k-active-rail)}.kiosk-shell .kiosk-tile[data-status=inactive]{background:var(--k-inactive-surface);border-color:var(--k-inactive-line)}.kiosk-shell .kiosk-tile[data-status=break]{background:var(--k-break-surface);border-color:var(--k-break-line)}.kiosk-shell .kiosk-tile[data-status=break]:before{background:var(--k-break)}@media (min-width:601px),(orientation:landscape){.kiosk-shell .kiosk-content{max-width:none}.kiosk-shell .kiosk-filters,.kiosk-shell .kiosk-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (max-width:600px){.kiosk-shell .kiosk-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media (max-height:500px) and (orientation:landscape){.kiosk-shell .kiosk-zone-grid{column-gap:8px}.kiosk-shell .kiosk-tiles{gap:8px}}@media (max-width:600px){.kiosk-shell .kiosk-tiles{grid-auto-rows:minmax(76px,auto);gap:8px}.kiosk-shell .kiosk-tile{grid-template-columns:42px minmax(0,1fr);min-height:76px}.kiosk-shell .kiosk-tile-avatar{padding:6px}.kiosk-shell .kiosk-tile-details{align-items:start;gap:2px;padding-block:6px;padding-right:4px;text-align:left}.kiosk-shell .kiosk-tile-name-wrap{padding-right:0}.kiosk-shell .kiosk-tile[data-status=break] .kiosk-tile-name-wrap{padding-right:22px}.kiosk-shell .kiosk-tile-name{font-size:12px}.kiosk-shell .kiosk-tile-status{align-items:center;gap:3px;font-size:10px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame{width:30px;height:30px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>img{width:27px;height:27px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>svg{width:20px;height:20px}}@media (min-width:601px) and (max-width:1279px){.kiosk-shell .kiosk-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.kiosk-shell .kiosk-filter-tags{flex-wrap:wrap}.kiosk-shell .kiosk-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kiosk-shell .kiosk-tile{grid-template-columns:54px minmax(0,1fr);min-height:108px}.kiosk-shell .kiosk-tile-avatar{padding:8px}.kiosk-shell .kiosk-tile-details{align-items:start;padding-block:8px;text-align:left}.kiosk-shell .kiosk-tile-name-wrap{padding-right:0}.kiosk-shell .kiosk-tile[data-status=break] .kiosk-tile-name-wrap{padding-right:28px}.kiosk-shell .kiosk-tile-name{font-size:13px}.kiosk-shell .kiosk-tile-status{align-items:center;gap:4px;font-size:12px}.kiosk-shell .kiosk-tile-status>span{min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal}.kiosk-shell .kiosk-tile .kiosk-avatar-frame{width:38px;height:38px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>img{width:34px;height:34px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>svg{width:24px;height:24px}.kiosk-shell .kiosk-approver-settings{top:4px;right:4px;bottom:auto;min-width:44px;min-height:44px;padding:4px}}@media (min-width:768px) and (max-width:1279px){.kiosk-shell .kiosk-tile-name{font-size:16px}.kiosk-shell .kiosk-tile-status{font-size:14px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame{width:44px;height:44px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>img{width:40px;height:40px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>svg{width:28px;height:28px}}@media (min-width:768px) and (max-width:1279px) and (orientation:landscape){.kiosk-shell .kiosk-tile{grid-template-columns:87px minmax(0,1fr)}.kiosk-shell .kiosk-tile-avatar{justify-content:flex-start;padding:11px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame{width:64px;height:64px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>img{width:58px;height:58px}.kiosk-shell .kiosk-tile .kiosk-avatar-frame>svg{width:41px;height:41px}}.kiosk-shell .kiosk-status-active{color:var(--k-active)}.kiosk-shell .kiosk-status-inactive{color:var(--k-inactive)}.kiosk-shell .kiosk-status-break{color:var(--k-break)}.kiosk-shell .kiosk-avatar-active{background:var(--k-avatar-active);color:var(--k-active)}.kiosk-shell .kiosk-avatar-inactive,.kiosk-shell .kiosk-avatar-neutral{background:var(--k-avatar-inactive);color:var(--k-inactive)}.kiosk-shell .kiosk-panel{width:100%;max-width:760px;margin-inline:auto;background:var(--k-panel-surface);border-color:var(--k-panel-line)}.kiosk-shell .kiosk-panel[data-stage=clock-in],.kiosk-shell .kiosk-panel[data-stage=pin]{max-width:480px}.kiosk-shell .kiosk-panel[data-status=active] .kiosk-state-chip{background:var(--k-panel-active-chip);color:var(--k-panel-active-ink)}.kiosk-shell .kiosk-panel[data-status=inactive] .kiosk-state-chip{background:var(--k-panel-inactive-chip);color:var(--k-panel-inactive-ink)}.kiosk-shell .kiosk-panel[data-status=break]{border-color:var(--k-panel-break-line)}.kiosk-shell .kiosk-panel[data-status=break] .kiosk-state-chip{background:var(--k-panel-break-chip);color:var(--k-panel-break-ink)}.kiosk-shell .kiosk-state-dot{width:7px;height:7px;border-radius:50%;flex:none}.kiosk-shell .kiosk-panel[data-status=active] .kiosk-state-dot{background:currentColor}.kiosk-shell .kiosk-panel[data-status=inactive] .kiosk-state-dot{border:1px solid}.kiosk-shell .kiosk-panel-identity h2{font-size:26px;font-weight:700;line-height:1.2}.kiosk-shell .kiosk-panel-instruction{margin-top:4px;font-size:16px}.kiosk-shell .kiosk-panel-public-time{margin-top:8px;color:var(--k-subtle);font-size:14px}.kiosk-shell .kiosk-panel-ready{margin-top:8px;font-size:19px;font-weight:700}.kiosk-shell .kiosk-panel-summary{margin-top:14px;font-size:17px;line-height:1.35}.kiosk-shell .kiosk-panel[data-status=active] .kiosk-panel-summary{color:var(--k-panel-active-summary)}.kiosk-shell .kiosk-panel[data-status=break] .kiosk-panel-summary{color:var(--k-panel-break-summary)}.kiosk-shell .kiosk-panel[data-status=inactive] .kiosk-panel-summary{color:var(--k-subtle)}.kiosk-shell .kiosk-panel[data-status=break] .kiosk-shift-list:before{background:var(--k-shift-dot-break)}@media (min-width:900px) and (max-height:720px){.kiosk-shell .kiosk-panel:is([data-timeline-length="3"],[data-timeline-length="4"]){max-width:1100px}.kiosk-shell .kiosk-panel:is([data-timeline-length="3"],[data-timeline-length="4"]) .kiosk-panel-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:32px}.kiosk-shell .kiosk-panel:is([data-timeline-length="3"],[data-timeline-length="4"]) .kiosk-panel-details{border-top:0;border-left:1px solid var(--k-line);padding-top:0;padding-left:32px}}@media (min-width:900px) and (max-height:600px){.kiosk-shell .kiosk-panel[data-has-timeline=true]{max-width:1100px}.kiosk-shell .kiosk-panel[data-has-timeline=true] .kiosk-panel-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:32px}.kiosk-shell .kiosk-panel[data-has-timeline=true] .kiosk-panel-details{border-top:0;border-left:1px solid var(--k-line);padding-top:0;padding-left:32px}}@media (min-width:900px){.kiosk-shell .kiosk-panel[data-long-timeline=true]{max-width:1100px}.kiosk-shell .kiosk-panel[data-long-timeline=true] .kiosk-panel-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:32px}.kiosk-shell .kiosk-panel[data-long-timeline=true] .kiosk-panel-details{border-top:0;border-left:1px solid var(--k-line);padding-top:0;padding-left:32px}}.kiosk-shell .kiosk-panel-details{border-top:1px solid var(--k-header-line);padding-top:20px}.kiosk-shell .kiosk-panel[data-status=break] .kiosk-panel-details{border-top-color:var(--k-panel-break-line)}.kiosk-shell .kiosk-panel[data-has-timeline=false] .kiosk-panel-details{border-top:0;padding-top:0}.kiosk-shell .kiosk-state-chip{font-size:13px;letter-spacing:.5px}.kiosk-shell .kiosk-shift-heading{font-size:20px;font-weight:700;line-height:1.3}.kiosk-shell .kiosk-shift-date{color:var(--k-subtle);font-size:14px}.kiosk-shell .kiosk-shift-list{position:relative;margin-left:6px;padding-left:0}.kiosk-shell .kiosk-shift-list:before{content:"";position:absolute;left:6px;top:23px;bottom:23px;width:2px;background:var(--k-shift-line)}.kiosk-shell .kiosk-shift-row{position:relative;display:grid;grid-template-columns:12px 25px 68px minmax(0,1fr);align-items:center;gap:12px;min-height:46px;color:var(--k-text);font-size:17px}.kiosk-shell .kiosk-shift-row[data-kind=pending]{color:var(--k-subtle)}.kiosk-shell .kiosk-shift-dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:var(--k-shift-dot-active)}.kiosk-shell .kiosk-shift-row[data-kind=breakStart] .kiosk-shift-dot{background:var(--k-shift-dot-break)}.kiosk-shell .kiosk-shift-row[data-kind=clockOut] .kiosk-shift-dot{background:var(--k-shift-dot-inactive)}.kiosk-shell .kiosk-shift-row[data-kind=pending] .kiosk-shift-dot{background:var(--k-panel-surface);border:2px solid var(--k-shift-dot-pending)}.kiosk-shell .kiosk-panel[data-status=break] .kiosk-shift-row[data-kind=pending] .kiosk-shift-dot{border-color:var(--k-shift-dot-break)}.kiosk-shell .kiosk-shift-time{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.kiosk-shell .kiosk-shift-icon{display:flex;align-items:center;justify-content:center}.kiosk-shell .kiosk-shift-row[data-kind=breakEnd] .kiosk-shift-icon,.kiosk-shell .kiosk-shift-row[data-kind=clockIn] .kiosk-shift-icon{color:var(--k-shift-icon-active)}.kiosk-shell .kiosk-shift-row[data-kind=breakStart] .kiosk-shift-icon{color:var(--k-shift-icon-break)}.kiosk-shell .kiosk-shift-row[data-kind=clockOut] .kiosk-shift-icon{color:var(--k-shift-icon-inactive)}@media (max-width:440px){.kiosk-shell .kiosk-shift-row{grid-template-columns:12px 22px 55px minmax(0,1fr);gap:8px;font-size:14px}.kiosk-shell .kiosk-shift-time{font-size:17px}}.kiosk-shell .kiosk-shift-events{order:1}.kiosk-shell .kiosk-shift-actions{order:2}.kiosk-shell .kiosk-shift-close{order:2;align-self:flex-end;width:162px;min-height:45px}.kiosk-shell .kiosk-shift-cancel{order:3;align-self:flex-end;color:var(--k-subtle);font-size:14px;text-decoration:underline}.kiosk-shell .kiosk-panel[data-stage=clock-in] .kiosk-shift-cancel{align-self:stretch;min-height:50px;border:1px solid var(--k-panel-line);border-radius:10px;text-decoration:none;font-size:16px}.kiosk-shell .kiosk-pinpad{align-self:center;width:min(100%,290px);max-width:290px;gap:16px}.kiosk-shell .kiosk-panel[data-stage=pin] .kiosk-panel-content{gap:0}.kiosk-shell .kiosk-pinpad>div:first-child .kiosk-key,.kiosk-shell .kiosk-pinpad>div:first-child .kiosk-pin-filled{width:14px;height:14px}.kiosk-shell .kiosk-pinpad>div:nth-child(2){gap:8px}.kiosk-shell .kiosk-pinpad button{height:55px;border:1px solid var(--k-key-line);font-size:23px}.kiosk-shell .kiosk-pin-filled{background:var(--k-active-line)}.kiosk-shell .kiosk-event{background:transparent;color:var(--k-text);border-left:1px solid var(--k-active-line);border-radius:0}.kiosk-shell .kiosk-event-pending{color:var(--k-subtle);border-left-color:var(--k-line)}.kiosk-shell .kiosk-pending-dot{border-color:var(--k-subtle)}.kiosk-shell .kiosk-key{background:var(--k-key);color:var(--k-text)}.kiosk-shell .kiosk-key:hover{background:var(--k-key-hover)}.kiosk-shell .kiosk-action{min-width:162px;min-height:45px;font-size:17px;line-height:1.2}.kiosk-shell .kiosk-action[data-action=end_break],.kiosk-shell .kiosk-action[data-action=start_break]{min-width:202px}.kiosk-shell .kiosk-action[data-action=start_break] .kiosk-action-icon{order:-1}.kiosk-shell .kiosk-panel[data-stage=clock-in] .kiosk-action{width:100%;min-height:70px;font-size:20px}.kiosk-shell .kiosk-panel[data-stage=clock-in] .kiosk-shift-actions{width:100%}@media (max-width:639px){.kiosk-shell .kiosk-shift-actions{flex-direction:column}.kiosk-shell .kiosk-shift-actions .kiosk-action,.kiosk-shell .kiosk-shift-close{width:100%}}.kiosk-shell .kiosk-empty{min-height:108px;border-color:var(--k-line);color:var(--k-subtle)}@media (max-width:600px){.kiosk-shell .kiosk-empty{min-height:76px}}.kiosk-shell .kiosk-brand{color:var(--k-text)}.kiosk-shell .kiosk-brand-accent{color:var(--k-break)}.kiosk-shell .kiosk-outline-active{background:var(--k-active-surface);border-color:var(--k-active-line);color:var(--k-active)}.kiosk-shell .kiosk-outline-break{background:transparent;border-color:var(--k-break-line);color:var(--k-break)}.kiosk-shell .kiosk-action-active-primary{background:var(--k-action-in-bg);color:var(--k-action-in-ink)}.kiosk-shell .kiosk-action-inactive-primary{background:var(--k-action-out-bg);color:var(--k-action-out-ink)}.kiosk-shell .kiosk-action-break-primary{background:var(--k-action-break-bg);color:var(--k-action-break-ink)}.kiosk-shell .kiosk-outline-neutral{background:transparent;border-color:var(--k-action-neutral-line);color:var(--k-text)}