@layer features.scan-station{.app-page--scan-station{--intime-pointer-target-min-size:0px;--intime-pointer-control-min-size:0px;padding-block:.625rem 1rem}.scan-station-landing,.scan-station-setup,.scan-station-preview{inline-size:min(100%,76rem);margin-inline:auto}.scan-station-landing{align-items:center;min-block-size:calc(100dvh - 11rem);padding-block:clamp(1.25rem,5vw,4rem);display:grid;container:scan-landing/inline-size}.scan-station-landing__content{border:1px solid var(--intime-border-subtle);background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--intime-brand-accent) 16%, transparent), transparent 42%), var(--intime-surface-background);box-shadow:var(--intime-surface-shadow-raised);border-radius:1.25rem;grid-template-columns:minmax(0,1fr) minmax(22rem,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(1.25rem,4vw,3rem);display:grid}.scan-station-landing__copy{min-inline-size:0}.scan-station-eyebrow{color:var(--intime-brand-accent);font-size:var(--intime-caption-font-size);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.4rem;margin-block-end:.55rem;font-weight:600;display:inline-flex}.scan-station-setup h1{letter-spacing:-.045em;margin-block-end:.4rem;font-size:3rem;font-weight:500;line-height:1.1}.scan-station-lede{max-inline-size:38rem;color:var(--intime-text-body);font-size:var(--intime-body-font-size);margin-block-end:1.5rem}.scan-station-message{align-items:flex-start;gap:.65rem;transition:opacity .18s,transform .18s;display:flex}.scan-station-message.is-dismissing{opacity:0;transform:translateY(-.35rem)}.scan-station-scan-form{margin-block-start:1.25rem;container:scan-entry/inline-size}.scan-station-field .form-label{color:var(--intime-text-heading);margin-block-end:.25rem;font-weight:500}.scan-station-field__help{color:var(--intime-text-muted);font-size:var(--intime-secondary-font-size);margin-block-end:.7rem}.scan-station-input-group{gap:.65rem;display:flex}.scan-station-input-group .form-control,.scan-station-input-group .btn{min-block-size:3.25rem;font-size:var(--intime-body-font-size)}.scan-station-input-group .form-control{min-inline-size:0}.scan-station-input-group .form-control:user-invalid{border-color:var(--intime-text-danger)}.scan-station-setup{place-items:center;min-block-size:calc(100dvh - 11rem);padding-block:2rem;display:grid}.scan-station-setup__card{border-radius:1rem;inline-size:min(100%,44rem);margin-block-end:0}.scan-station-setup__card .card-body{padding:clamp(1.25rem,5vw,3rem)}.scan-station-preview{padding-block:0 .75rem;container:scan-preview/inline-size}.scan-station-validation{margin:0}.scan-station-validation__title{align-items:center;gap:.45rem;display:flex}.scan-station-validation ul{margin-block:.55rem 0;padding-inline-start:1.25rem}@container scan-landing (inline-size<62rem){.scan-station-landing__content{grid-template-columns:minmax(0,1fr)}}@media (width>=36rem) and (height<=50rem){.app-page--scan-station{padding-block:.375rem .625rem}.scan-station-preview{padding-block-end:.5rem}.scan-station-landing{min-block-size:0;padding-block:.5rem}.scan-station-landing__content{gap:1.25rem;padding:1rem 1.25rem}.scan-station-lede{margin-block-end:.75rem}.scan-station-scan-form{margin-block-start:.75rem}}@media (width<=575.98px){.app-page--scan-station{padding:.5rem}.scan-station-landing{padding-block:.75rem 1.5rem}.scan-station-landing__content{border-radius:.85rem;gap:1.25rem;padding:1.1rem}}@container scan-entry (inline-size<36rem){.scan-station-input-group{flex-direction:column;display:flex}.scan-station-input-group .btn{inline-size:100%}}@media (prefers-reduced-motion:reduce){.scan-station-message{transition:none}}.scan-station-barcode-dialog{inline-size:min(42rem, calc(100% - var(--intime-modal-effective-viewport-gutter) * 2));max-inline-size:none;max-block-size:calc(100dvh - var(--intime-modal-effective-viewport-gutter) * 2);border:1px solid var(--intime-border-strong);background:var(--intime-surface-background);color:var(--intime-text-body);box-shadow:var(--intime-surface-shadow-raised);border-radius:1rem;margin:auto;padding:0;overflow:auto;container:scan-barcode/inline-size}.scan-station-barcode-dialog:not([open]){display:none}.scan-station-barcode-dialog::backdrop{background:var(--intime-modal-backdrop-background)}.scan-station-barcode-dialog__surface{min-inline-size:0;padding-block:max(clamp(1rem, 4vw, 1.5rem), env(safe-area-inset-top)) max(clamp(1rem, 4vw, 1.5rem), env(safe-area-inset-bottom));padding-inline:max(clamp(1rem, 4vw, 1.5rem), env(safe-area-inset-left)) max(clamp(1rem, 4vw, 1.5rem), env(safe-area-inset-right));gap:1rem;display:grid}.scan-station-barcode-dialog__header{gap:.4rem;display:grid}.scan-station-barcode-dialog__header h2,.scan-station-barcode-dialog__header p,.scan-station-barcode-dialog__status{margin:0}.scan-station-barcode-dialog__header h2{color:var(--intime-text-heading);font-size:var(--intime-heading-2-size);font-weight:500}.scan-station-barcode-dialog__header p,.scan-station-barcode-dialog__status{color:var(--intime-text-muted)}.scan-station-barcode-dialog__video{aspect-ratio:4/3;border:1px solid var(--intime-border-strong);object-fit:cover;background:#000;border-radius:.75rem;max-block-size:min(60dvh,30rem);inline-size:100%;display:block}.scan-station-barcode-dialog__status{min-block-size:1.5rem;font-size:var(--intime-secondary-font-size)}.scan-station-barcode-dialog__actions{justify-content:flex-end;display:flex}.scan-station-barcode-trigger:focus-visible,.scan-station-barcode-dialog__close:focus-visible{outline:3px solid var(--intime-focus-outline-color);outline-offset:3px}@media (width<=575.98px){.scan-station-barcode-dialog{border-radius:.75rem}}@container scan-barcode (inline-size<36rem){.scan-station-barcode-dialog__actions .btn{inline-size:100%}}@media (forced-colors:active){.scan-station-barcode-dialog,.scan-station-barcode-dialog__video{border:2px solid canvastext}.scan-station-barcode-dialog::backdrop{opacity:.75;background:canvas}.scan-station-barcode-trigger:focus-visible,.scan-station-barcode-dialog__close:focus-visible{outline-color:highlight}}.scan-station-illustration{aspect-ratio:14/9;inline-size:100%;color:var(--intime-brand-accent)}.scan-station-illustration__svg{block-size:100%;inline-size:100%;display:block;overflow:visible}.scan-station-illustration__floor{fill:none;stroke:color-mix(in srgb, var(--intime-text-body) 28%, transparent);stroke-linecap:round;stroke-width:5px}.scan-station-person{fill:color-mix(in srgb, var(--intime-brand-accent) 14%, var(--intime-surface-background));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px;transform-box:fill-box;transform-origin:bottom}.scan-station-person--back{opacity:.48;animation:7s ease-in-out infinite scan-station-queue-back}.scan-station-person--middle{opacity:.72;animation:7s ease-in-out infinite scan-station-queue-middle}.scan-station-person--front{animation:7s ease-in-out infinite scan-station-person-front}.scan-station-presenting-arm{transform-box:fill-box;transform-origin:0 0;animation:7s ease-in-out infinite scan-station-present-badge}.scan-station-person__arm,.scan-station-person__leg{fill:none}.scan-station-person__hand{fill:var(--intime-surface-background);stroke:currentColor;stroke-width:4px}.scan-station-badge{fill:var(--intime-surface-background);stroke-width:4px}.scan-station-reader__body{fill:color-mix(in srgb, var(--intime-text-heading) 88%, var(--intime-surface-background));stroke:color-mix(in srgb, var(--intime-text-heading) 70%, transparent);stroke-width:4px}.scan-station-reader__screen{fill:color-mix(in srgb, var(--intime-context-success-background) 18%, var(--intime-surface-background));stroke:var(--intime-context-success-background);stroke-width:4px}.scan-station-reader__check{fill:none;stroke:var(--intime-context-success-background);stroke-linecap:round;stroke-linejoin:round;stroke-width:7px;stroke-dasharray:45;stroke-dashoffset:45px;animation:7s ease-in-out infinite scan-station-check}.scan-station-reader__pulse{fill:none;stroke:var(--intime-context-success-background);stroke-width:5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:7s ease-out infinite scan-station-reader-pulse}.scan-station-reader__stand{fill:none;stroke:var(--intime-text-heading);stroke-linecap:round;stroke-width:8px}@keyframes scan-station-present-badge{0%,18%{transform:translate(0)}32%,84%{transform:translate(8px)}85%,to{transform:translate(0)}}@keyframes scan-station-reader-pulse{0%,34%,68%,to{opacity:0;transform:scale(.68)}43%{opacity:.7;transform:scale(1)}58%{opacity:0;transform:scale(1.22)}}@keyframes scan-station-check{0%,38%,72%,to{stroke-dashoffset:45px}48%,64%{stroke-dashoffset:0}}@keyframes scan-station-person-front{0%,67%{opacity:1;transform:translate(0)}78%{opacity:1;transform:translate(92px)}84%,91%{opacity:0;transform:translate(92px)}92%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes scan-station-queue-middle{0%,70%{opacity:.72;transform:translate(0)}82%{opacity:1;transform:translate(105px)}87%,91%{opacity:0;transform:translate(105px)}92%{opacity:0;transform:translate(0)}to{opacity:.72;transform:translate(0)}}@keyframes scan-station-queue-back{0%,70%{opacity:.48;transform:translate(0)}82%{opacity:.72;transform:translate(105px)}87%,91%{opacity:0;transform:translate(105px)}92%{opacity:0;transform:translate(0)}to{opacity:.48;transform:translate(0)}}@container scan-landing (inline-size<62rem){.scan-station-illustration{inline-size:min(100%,34rem);margin-inline:auto}}@media (width>=36rem) and (height<=50rem){.scan-station-illustration{max-block-size:16rem}}@media (prefers-reduced-motion:reduce){.scan-station-person,.scan-station-presenting-arm,.scan-station-reader__check,.scan-station-reader__pulse{animation:none}.scan-station-reader__check{stroke-dashoffset:0}.scan-station-reader__pulse{opacity:.3;transform:scale(1)}}.scan-station-step,.scan-station-action-panel{container:scan-step/inline-size}.scan-station-preview__layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:.625rem;display:grid}.scan-station-transaction-form{gap:.625rem;display:grid}.scan-station-member-rail{z-index:20;background:var(--intime-canvas-background);align-self:start;justify-items:stretch;min-inline-size:0;padding-block-end:.5rem;display:grid;position:sticky;inset-block-start:calc(var(--intime-topbar-height) + .5rem)}.scan-station-member-card{inline-size:100%;margin-block-end:0}.scan-station-member-card .card-body{text-align:start;justify-items:stretch;padding:.625rem .75rem;display:grid}.scan-station-member-card__summary{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.5rem;inline-size:100%;min-inline-size:0;display:grid}.scan-station-member-card__summary>.app-user-summary{text-align:start;grid-template-columns:4rem minmax(0,1fr);place-items:center stretch;gap:.75rem;inline-size:100%;display:grid}.scan-station-member-card__summary .app-user-summary__photo{aspect-ratio:1;border:.25rem solid color-mix(in srgb, var(--intime-brand-accent) 18%, var(--intime-surface-background));background:var(--intime-surface-subtle-background);object-fit:cover;border-radius:50%;block-size:4rem;inline-size:4rem}.scan-station-member-card__summary .app-user-summary__copy{justify-items:start;inline-size:100%;min-inline-size:0}.scan-station-member-card__summary .app-user-summary__name{inline-size:100%;font-size:var(--intime-heading-4-size);font-weight:500}.scan-station-section-heading h2,.scan-station-section-heading h3{font-size:var(--intime-body-font-size);margin:0;font-weight:500}.scan-station-section-heading p{color:var(--intime-text-muted);font-size:var(--intime-secondary-font-size);margin-block:.25rem 0}.scan-station-flow{gap:.75rem;min-inline-size:0;display:grid}.scan-station-flow--enhanced .scan-station-step[hidden]{display:none}.scan-station-step{border:1px solid var(--intime-border-subtle);border-radius:var(--intime-radius);background:var(--intime-surface-background);box-shadow:none;gap:.625rem;padding:clamp(.75rem,2vw,1rem);scroll-margin-block-start:calc(var(--intime-topbar-height) + 7rem);display:grid}.scan-station-step:focus{outline:none}.scan-station-step:focus-visible{outline:max(3px, var(--intime-focus-outline-width)) solid var(--intime-focus-outline-color);outline-offset:3px}.scan-station-flow--enhanced .scan-station-step:not([hidden]){view-transition-name:scan-station-step}.scan-station-section-heading{justify-content:space-between;align-items:flex-start;gap:.625rem;margin-block-end:0;display:flex}.scan-station-section-heading>:first-child{min-inline-size:0}.scan-station-section-heading__count{background:var(--intime-brand-accent-soft);color:var(--intime-brand-accent-strong);font-size:var(--intime-caption-font-size);white-space:nowrap;border-radius:99rem;padding:.25rem .6rem;font-weight:500}.scan-station-meeting-list{border:0;grid-template-columns:minmax(0,1fr);gap:.5rem;min-inline-size:0;margin:0;padding:0;display:grid}.scan-station-meeting-card{border:2px solid var(--intime-border-strong);background:var(--intime-surface-background);cursor:pointer;border-radius:.75rem;gap:.625rem;min-block-size:5.25rem;padding:.75rem .875rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}:where(.scan-station-meeting-input:not(:disabled))+.scan-station-meeting-card:hover{border-color:color-mix(in srgb, var(--intime-brand-accent) 55%, var(--intime-border-strong))}.scan-station-meeting-input:focus-visible+.scan-station-meeting-card{outline:max(3px, var(--intime-focus-outline-width)) solid var(--intime-focus-outline-color);outline-offset:2px}.scan-station-meeting-input:checked+.scan-station-meeting-card{border-color:var(--intime-brand-accent);box-shadow:0 0 0 .2rem color-mix(in srgb, var(--intime-brand-accent) 18%, transparent)}.scan-station-meeting-card__check{border:2px solid var(--intime-border-strong);background:var(--intime-surface-background);color:#0000;border-radius:50%;flex:none;place-items:center;block-size:1.65rem;inline-size:1.65rem;display:grid}.scan-station-meeting-input:checked+.scan-station-meeting-card .scan-station-meeting-card__check{border-color:var(--intime-brand-accent);background:var(--intime-brand-accent);color:var(--intime-brand-accent-foreground)}.scan-station-meeting-card__content{flex:1;gap:.2rem;min-inline-size:0;display:grid}.scan-station-meeting-card__topline{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.scan-station-meeting-card__range{color:var(--intime-text-muted);font-size:var(--intime-secondary-font-size)}.scan-station-meeting-card__title{color:var(--intime-text-heading);font-size:var(--intime-body-font-size);font-weight:500}.scan-station-status-with-range{justify-items:end;gap:.2rem;min-inline-size:0;display:grid}.scan-station-status-with-range>.app-state-label{justify-self:end}.scan-station-status-range{overflow-wrap:anywhere;max-inline-size:100%;color:var(--intime-text-body);font-size:var(--intime-secondary-font-size);font-variant-numeric:tabular-nums;text-align:end;font-weight:500;line-height:1.2}.scan-station-meeting-card__note{color:var(--intime-text-body);font-size:var(--intime-secondary-font-size)}.scan-station-meeting-error{color:var(--intime-text-danger);font-size:var(--intime-secondary-font-size);margin-block:.25rem 0;font-weight:500}.scan-station-action-error,.scan-station-question-error{color:var(--intime-text-danger);font-size:var(--intime-secondary-font-size);margin:0;font-weight:500}.scan-station-action-panel{border-block-start:1px solid var(--intime-border-subtle);gap:.625rem;padding-block-start:.75rem;scroll-margin-block-start:calc(var(--intime-topbar-height) + 7rem);display:grid}.scan-station-flow--enhanced .scan-station-action-panel[hidden]{display:none}.scan-station-action-panel:focus{outline:none}.scan-station-action-panel:focus-visible{outline:max(3px, var(--intime-focus-outline-width)) solid var(--intime-focus-outline-color);outline-offset:3px}.scan-station-meeting-error:empty,.scan-station-action-error:empty,.scan-station-question-error:empty{display:none}.scan-station-action-choices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-inline-size:0;padding:0;display:grid}.scan-station-action-choice{border:2px solid var(--intime-border-strong);background:var(--intime-surface-background);min-block-size:4.75rem;color:var(--intime-text-heading);cursor:pointer;border-radius:.75rem;align-items:center;gap:.625rem;padding:.75rem .875rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.scan-station-action-choice>span{gap:.2rem;display:grid}.scan-station-action-choice strong{font-size:var(--intime-body-font-size);font-weight:600}.scan-station-action-choice small{color:var(--intime-text-muted);font-size:var(--intime-secondary-font-size);line-height:var(--intime-body-line-height)}.scan-station-action-input:focus-visible+.scan-station-action-choice{outline:max(3px, var(--intime-focus-outline-width)) solid var(--intime-focus-outline-color);outline-offset:2px}.scan-station-action-input:checked+.scan-station-action-choice--check-in{border-color:var(--intime-context-success-background);background:color-mix(in srgb, var(--intime-context-success-background) 10%, var(--intime-surface-background));box-shadow:0 0 0 .2rem color-mix(in srgb, var(--intime-context-success-background) 16%, transparent)}.scan-station-action-input:checked+.scan-station-action-choice--check-out{border-color:var(--intime-context-danger-background);background:color-mix(in srgb, var(--intime-context-danger-background) 9%, var(--intime-surface-background));box-shadow:0 0 0 .2rem color-mix(in srgb, var(--intime-context-danger-background) 15%, transparent)}.scan-station-step__navigation{justify-content:space-between;align-items:center;gap:.5rem;padding-block-start:0;display:flex}.scan-station-step__navigation--forward{justify-content:flex-end}.scan-station-flow--enhanced [data-scan-station-action-submit]{display:none}.scan-station-question-instructions{border-inline-start:3px solid var(--intime-context-info-background);background:var(--intime-surface-subtle-background);font-size:var(--intime-secondary-font-size);margin-block-end:.625rem;padding:.625rem .75rem}.scan-station-question-instructions>:last-child{margin-block-end:0}.scan-station-question-list{gap:.5rem;display:grid}.scan-station-question{border:1px solid var(--intime-border-subtle);background:var(--intime-surface-subtle-background);border-radius:.65rem;padding:.625rem .75rem}.scan-station-question legend{float:none;inline-size:auto;color:var(--intime-text-heading);font-size:var(--intime-body-font-size);margin-block-end:.4rem;font-weight:500}.scan-station-question__choices{flex-wrap:wrap;gap:.5rem;display:flex}.scan-station-question__choice{border:1px solid var(--intime-border-strong);background:var(--intime-surface-background);cursor:pointer;border-radius:.55rem;align-items:center;gap:.4rem;min-block-size:2.75rem;padding-inline:.75rem;display:inline-flex}.scan-station-question__choice:has(input:checked){border-color:var(--intime-brand-accent);box-shadow:0 0 0 .15rem color-mix(in srgb, var(--intime-brand-accent) 14%, transparent)}.scan-station-question__choice input{accent-color:var(--intime-brand-accent)}@container scan-preview (inline-size>=48rem){.scan-station-preview__layout{grid-template-columns:minmax(12rem,14rem) minmax(0,1fr);gap:.75rem}.scan-station-member-card .card-body{text-align:center;justify-items:center;padding:.75rem 1rem}.scan-station-member-card__summary>.app-user-summary{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.5rem}.scan-station-member-card__summary .app-user-summary__photo{block-size:auto;inline-size:100%}.scan-station-member-card__summary .app-user-summary__copy{justify-items:center}.scan-station-step,.scan-station-action-panel{scroll-margin-block-start:calc(var(--intime-topbar-height) + 1rem)}}@media (width>=36rem) and (height<=50rem){.scan-station-transaction-form,.scan-station-flow,.scan-station-step{gap:.5rem}.scan-station-member-card .card-body,.scan-station-step{padding:.625rem .75rem}.scan-station-member-card__summary{gap:.375rem}.scan-station-section-heading{gap:.5rem}.scan-station-section-heading p{margin-block-start:.125rem}.scan-station-meeting-list,.scan-station-action-choices,.scan-station-question-list{gap:.375rem}.scan-station-meeting-card{min-block-size:4.75rem;padding:.625rem .75rem}.scan-station-action-choice{min-block-size:4.5rem;padding:.625rem .75rem}.scan-station-question-instructions,.scan-station-question{padding:.5rem .625rem}.scan-station-question-instructions{margin-block-end:.5rem}}@container scan-step (inline-size<36rem){.scan-station-action-choices{grid-template-columns:minmax(0,1fr)}.scan-station-step__navigation{flex-direction:column;align-items:stretch}.scan-station-step__navigation .btn{inline-size:100%}.scan-station-meeting-card__topline{flex-direction:column;align-items:flex-start;display:flex}.scan-station-status-with-range{justify-items:start}.scan-station-status-with-range>.app-state-label{justify-self:start}.scan-station-question__choice{flex:7rem;justify-content:center}}@media (prefers-reduced-motion:reduce){.scan-station-meeting-card,.scan-station-action-choice{transition:none}::view-transition-group(scan-station-step){animation:none}::view-transition-old(scan-station-step){animation:none}::view-transition-new(scan-station-step){animation:none}}::view-transition-group(scan-station-step){animation-duration:.18s}}
