:root{--ink:#203c38;--muted:#75817d;--green:#17604f;--green-dark:#123a36;--mint:#e9f3ee;--line:#e5eae6;--bg:#f6f8f5;--orange:#cb8244;--white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}svg{width:21px;height:21px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin-bottom:12px}h2{font-size:18px;letter-spacing:-.35px;margin-bottom:8px}h3{font-size:16px}p{margin-bottom:16px}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:12px;line-height:1.7}.eyebrow{display:block;color:var(--green);font-size:10px;letter-spacing:2px;font-weight:750;margin-bottom:16px}.brand{display:flex;align-items:center;gap:12px;font-size:32px;letter-spacing:-1.7px;font-weight:650;line-height:1}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:14px;background:var(--green);color:white;flex-shrink:0}.brand-icon svg{width:29px;height:29px}.brand-small{display:block;letter-spacing:2px;font-size:8px;margin-top:7px;font-weight:600}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:32px 24px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:2}.workspace-label{font-size:9px;letter-spacing:1.7px;color:#929a96;font-weight:700;margin-top:47px;margin-bottom:12px}.company-chip{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:12px 10px;margin-bottom:25px}.company-chip strong{font-size:13px}.company-chip small,td small,.account-link small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.company-initial{width:35px;height:35px;background:#e6ede2;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--green);font-weight:700;font-size:16px;flex-shrink:0}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;color:#77827b;font-weight:550;margin-bottom:7px;font-size:13px}.nav-link.active{background:var(--mint);color:var(--green)}.nav-link:hover{background:#f2f6f2}.sidebar-bottom{margin-top:auto}.privacy-note{display:flex;gap:10px;align-items:center;font-size:11px;color:#84918a;margin:30px 8px}.account-link{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:10px}.account-link strong{font-size:12px}.sidebar-bottom form{margin:10px 0 0 45px}.avatar{background:#eef0e6;color:#6b7651;width:37px;height:37px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:650}.photo{object-fit:cover}.main-area{margin-left:252px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:12px}.breadcrumb{color:#969e98;margin-left:10px}.topbar-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.topbar-status i{width:6px;height:6px;border-radius:50%;background:#559376}.content{max-width:1550px;margin:auto;padding:40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{color:var(--muted);margin-bottom:0}.page-heading .eyebrow{margin-bottom:10px}.button{border:1px solid var(--green);background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;font-weight:600;font-size:12px;padding:12px 19px;line-height:1.5;min-height:43px;white-space:nowrap}.button:hover{background:#104f41}.button.secondary{background:#fff;color:var(--ink);border-color:#dce3dd}.button.secondary:hover{background:#f0f5f1}.button.small{min-height:33px;padding:7px 12px;font-size:11px}.text-button{border:0;background:none;color:var(--muted);padding:4px;font-size:12px}.text-button:hover,.row-link:hover{color:var(--green);text-decoration:underline}.text-button.danger{color:#a85647}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 3px #193a2203}.section-heading{padding:24px 26px 20px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.section-heading h2{margin-bottom:5px}.section-heading.horizontal{display:flex;align-items:center;justify-content:space-between;gap:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:23px 23px 20px}.stat>span{display:flex;align-items:center;justify-content:space-between;color:#748078;font-size:11px;gap:10px}.stat>span svg{color:#92a295;width:18px;height:18px}.stat>strong{display:block;font-size:36px;font-weight:600;letter-spacing:-1.5px;margin:13px 0 8px;line-height:1}.stat>small{font-size:10px;color:#99a198}.filters{padding:0 26px 23px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{font-size:10px;min-width:115px}.filters input,.filters select{min-height:38px;font-size:11px;padding:8px 10px;margin-top:5px}.filters .button{min-height:38px}.grow{flex:1}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#8b958d;letter-spacing:.3px;background:#fafbf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 24px}td{padding:18px 24px;border-bottom:1px solid #f0f2ef;font-size:12px}td strong{font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:11px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:550;border-radius:5px;padding:5px 9px;white-space:nowrap}.badge.pending{background:#fff5de;color:#ac862a}.badge.approved{background:#eaf5ec;color:#4b8761}.badge.flagged{background:#fbece7;color:#b06952}.badge.neutral{background:#f0f3ee;color:#86907f}.kind{display:inline-flex;align-items:center;gap:7px;font-size:11px}.kind:before{content:'';height:5px;width:5px;background:#73937b;border-radius:50%}.kind-out:before,.kind-break_out:before{background:#c49e75}.row-link{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:11px;font-weight:650}.row-link svg{width:15px}.empty{text-align:center;padding:50px 22px;color:var(--muted)}.empty h3,.empty h2{color:var(--ink);margin-bottom:9px}.empty p{font-size:12px}.empty-icon{margin:auto auto 16px;display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:var(--mint);border-radius:16px;color:var(--green)}.empty-icon svg{width:28px;height:28px}.pagination{padding:16px 26px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.pagination>div{display:flex;gap:10px}.footer-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#929c92;margin-top:10px}.footer-note svg{width:14px;height:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 26px 26px}.form-stack{display:flex;flex-direction:column;gap:20px}.form-stack .button{margin-top:3px}.form-action{display:flex;align-items:end;gap:15px;flex-wrap:wrap}label{display:flex;flex-direction:column;font-size:12px;font-weight:550;color:#4f6358;gap:7px}label small{font-weight:400;font-size:11px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #dce3dc;border-radius:6px;padding:11px 13px;min-height:43px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#4c8f75;box-shadow:0 0 0 3px #e8f3ec}input::placeholder,textarea::placeholder{color:#a0a99f;font-size:12px}input[type=file]{font-size:11px}input[type=file]::file-selector-button{border:none;background:var(--mint);padding:5px 9px;color:var(--green);border-radius:4px;margin-right:10px}.input-prefix{display:flex;border:1px solid #dce3dc;border-radius:6px;align-items:center}.input-prefix>span{padding-left:15px;color:#8e9b90}.input-prefix input{border:0}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.company-card{padding:26px}.company-card>.badge{float:right}.company-card h2{margin-top:20px}.company-card p{font-size:12px}.company-card .actions{margin-top:24px}.inline-form{display:flex;align-items:end;gap:18px;padding:0 26px 26px}.inline-form label{flex:1}.info-banner{display:flex;align-items:start;gap:17px;background:var(--mint);padding:24px;border-radius:10px;margin-bottom:25px}.info-banner p{margin:6px 0 0;font-size:12px;color:#698173;max-width:850px}.info-banner>svg{width:28px;height:28px;color:var(--green)}.notice{background:#e4f3e8;border:1px solid #cde5d5;border-radius:7px;padding:15px 20px;margin-bottom:24px;color:var(--green)}.back-link{display:inline-block;color:var(--muted);font-size:11px;margin-bottom:20px}.review-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.photo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 26px}figure{margin:0}figure img{width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:8px;background:var(--bg)}figcaption{color:var(--muted);font-size:11px;text-align:center;padding:8px}.record-details{padding:8px 26px 20px;margin:0}.record-details>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.record-details dt{color:var(--muted)}.record-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.mono{font-family:Consolas,monospace;font-size:11px;word-break:break-all}.padded{padding:0 26px 26px}.review-history{border-top:1px solid var(--line);padding:25px}.review-history article{padding:14px 0;border-bottom:1px solid var(--line)}.review-history p{margin:10px 0;font-size:12px;white-space:pre-wrap}.review-history small{color:var(--muted);font-size:10px}.narrow{max-width:650px}.simple-main{min-height:100vh}.simple-main:has(.login-story){display:grid;grid-template-columns:44% 56%}.login-story{padding:55px 65px;background:var(--green-dark);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-story>*:not(.decor-ring){position:relative;z-index:1}.login-story .brand-icon{background:#316256}.login-story .brand{align-self:start}.login-story h1{font-size:56px;letter-spacing:-2px;line-height:1.13;font-weight:500}.login-story p{color:#afc3b9;font-size:15px;line-height:1.9}.eyebrow.light{color:#b9cfc2}.story-footer{font-size:10px;color:#8eada0;letter-spacing:1px}.decor-ring{width:510px;height:510px;position:absolute;border-radius:50%;border:90px solid #244f4555;bottom:-200px;right:-180px}.login-form{display:flex;align-items:center;justify-content:center;padding:50px}.login-card{width:100%;max-width:350px}.login-card h1{font-size:30px}.login-card>.muted{margin-bottom:35px}.login-card .button{width:100%;justify-content:space-between;margin-top:5px}.login-card .subtle-link{margin:25px 0 15px;display:flex;justify-content:center}.login-card>.fine-print{margin-top:25px;text-align:center}.subtle-link{color:var(--green);font-size:12px;display:inline-flex;align-items:center;gap:7px}.subtle-link svg{width:16px}.error-card{margin:0 auto;max-width:620px;padding:15vh 30px}.error-card>.brand-icon{margin-bottom:30px}.error-card>p{color:var(--muted);margin:24px 0}.tablet-main{background:#f5f8f2;display:flex;flex-direction:column;min-height:100dvh}.tablet-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 42px;border-bottom:1px solid #e7ece2;background:#fff}.tablet-company{font-size:17px;font-weight:650}.connection{font-size:11px;color:#5d8a60}.connection.offline{color:#b25b43}.tablet-welcome{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 25px}.tablet-welcome .eyebrow{margin-bottom:6px}.clock-display{font-size:clamp(58px,8vw,94px);line-height:1.15;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:-5px;color:#214d3e}.clock-date{color:#7c8a78;font-size:15px;margin-top:10px;margin-bottom:40px}.tablet-welcome h1{font-size:30px;font-weight:600}.tablet-welcome>p:not(.clock-date){color:var(--muted);line-height:1.8}.tablet-start{font-size:17px;padding:20px 30px;min-width:330px;border-radius:11px;margin:15px 0 25px}.tablet-start svg:first-child{width:26px;height:26px}.tablet-start svg:last-child{margin-left:15px}.tablet-device{display:flex;align-items:center;gap:7px;color:#94a08d;font-size:11px}.tablet-device svg{width:14px;height:14px}.tablet-footer{font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;color:#96a08f;padding:20px}.tablet-footer svg{width:15px}dialog::backdrop{background:#0e2522ba;backdrop-filter:blur(4px)}.capture-dialog{padding:0;border:0;background:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;overflow:auto}.capture-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:100%}.camera-panel{background:#14241e;position:relative;overflow:hidden;min-height:400px}.camera-panel video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-frame{border:2px solid #ffffffaa;position:absolute;inset:17% 19%;border-radius:45%;pointer-events:none}.camera-label{position:absolute;bottom:50px;width:100%;text-align:center;color:#fff;text-shadow:0 1px 5px #000;font-size:16px}.close-camera{position:absolute;top:24px;left:24px;border:1px solid #ffffff55;background:#172c2aa0;border-radius:50%;color:#fff;font-size:30px;width:46px;height:46px;line-height:1}.capture-form{padding:45px clamp(25px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.capture-form h2{font-size:28px}.capture-form .muted{font-size:12px;margin-bottom:25px}.capture-form input,.capture-form select{min-height:49px;font-size:16px}.capture-form .button{min-height:54px;font-size:14px}.capture-form .form-stack{gap:16px}.inline-error{padding:13px;background:#fff1e9;color:#a9593d;font-size:12px;border-radius:6px;margin:0}.success-dialog{border:0;border-radius:20px;padding:45px;max-width:520px;width:calc(100% - 40px);text-align:center}.success-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 26px;background:#e7f3e5;color:var(--green);height:78px;width:78px;border-radius:50%}.success-icon svg{width:40px;height:40px}.success-dialog h1{font-size:34px}.success-dialog h2{font-size:23px;margin-top:20px}.success-dialog .button{min-width:180px;margin:15px}.success-dialog .mono{display:block}.success-dialog .eyebrow{font-size:10px}a:focus-visible,button:focus-visible{outline:3px solid #77ad98;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1600px){.content{padding-top:55px}}@media(max-width:1150px){.sidebar{width:220px;padding:25px 17px}.main-area{margin-left:220px}.content{padding:28px}.topbar{padding:0 28px}.stats{gap:12px}.stat{padding:18px 15px}.stat>span{font-size:10px}.stat>small{font-size:9px}.filters .grow{min-width:180px}.review-grid{grid-template-columns:1fr}.login-story{padding:40px}.login-story h1{font-size:44px}.company-grid{grid-template-columns:1fr}.page-heading{align-items:start}.page-heading h1{font-size:28px}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:17px 20px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:25px}.sidebar .brand-icon{width:36px;height:36px;border-radius:10px}.sidebar .brand-icon svg{width:23px}.workspace-label,.company-chip,.privacy-note,.sidebar-bottom .account-link,.sidebar-bottom form{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:18px;gap:5px}.nav-link{white-space:nowrap;padding:8px 10px;font-size:11px;margin:0;gap:6px}.nav-link svg{width:16px;height:16px}.sidebar-bottom{position:absolute;top:28px;right:20px}.sidebar-bottom .account-link{display:block;border:0;padding:0}.sidebar-bottom .account-link>.avatar,.sidebar-bottom .account-link strong{display:none}.sidebar-bottom .account-link small{font-size:11px}.main-area{margin:0}.topbar{height:52px;padding:0 20px}.content{padding:25px 18px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat>span{font-size:11px}.stat>small{font-size:10px}.page-heading{flex-wrap:wrap;gap:18px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.form-grid{grid-template-columns:1fr;padding:0 20px 24px}.section-heading{padding:22px 20px}.inline-form{flex-direction:column;align-items:stretch;padding:0 20px 24px}.filters{padding:0 20px 20px}.filters label{flex:1}.filters .button{flex:1}.form-action{align-items:center}.simple-main:has(.login-story){display:block}.login-story{min-height:0;padding:26px}.login-story>div:not(.decor-ring),.story-footer,.decor-ring{display:none}.login-form{padding:50px 26px}.tablet-header{padding:20px}.tablet-header .brand{font-size:25px}.tablet-header .brand-icon{width:36px;height:36px}.tablet-company{font-size:14px}.connection{font-size:10px}.tablet-welcome{padding:45px 20px}.tablet-welcome h1{font-size:25px}.tablet-welcome>p{font-size:13px}.tablet-start{min-width:0;width:100%;max-width:380px;padding:20px}.tablet-footer{font-size:9px}.capture-layout{grid-template-columns:1fr;grid-template-rows:minmax(260px,40dvh) 1fr}.camera-panel{min-height:260px}.camera-frame{inset:8% 30%}.camera-label{bottom:20px;font-size:13px}.capture-form{padding:25px}.capture-form .eyebrow{display:none}.capture-form h2{font-size:22px}.capture-form .form-stack{gap:12px}.capture-form .fine-print{margin:0}.photo-comparison{padding:0 20px;gap:10px}.breadcrumb{display:none}.topbar-status{font-size:10px}.footer-note{align-items:start}.success-dialog{padding:30px 22px}}

.photo-comparison.single-photo{display:block}.single-photo figure img{aspect-ratio:4/3;max-height:420px}
.camera-panel .capture-preview{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
#identity-title{overflow-wrap:anywhere}#identity-status{min-height:3em}.button:disabled{opacity:.55;cursor:not-allowed}

/* Tablet: camera first, followed by state-aware one-touch actions. */
.tablet-main:has(.tablet-kiosk)>.tablet-header,.tablet-main:has(.tablet-kiosk)>.tablet-footer{display:none}
.tablet-kiosk{position:fixed;inset:0;background:#102721;overflow:auto;z-index:10;min-height:100dvh}
.kiosk-camera{position:absolute;inset:0;overflow:hidden;color:#fff;background:#102721}
.kiosk-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.kiosk-shade{position:absolute;inset:0;background:linear-gradient(#071a21a6,transparent 30%,transparent 55%,#071a21e8);pointer-events:none}
.kiosk-top{position:absolute;top:0;left:0;right:0;padding:max(22px,env(safe-area-inset-top)) 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:2}
.kiosk-top>strong{font-size:20px}.kiosk-top>div{display:flex;align-items:center;gap:12px}.kiosk-top #live-clock{font-variant-numeric:tabular-nums;font-size:20px}
.kiosk-control{border:1px solid #ffffff66;background:#10272188;color:#fff;border-radius:9px;min-height:44px;padding:10px 14px;font-size:12px}
.face-guide{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(44vw,340px);height:min(52dvh,440px);border:3px solid #b7ecd8;border-radius:48%;box-shadow:0 0 0 200vmax #001b251c;pointer-events:none;overflow:hidden}
.face-guide span{position:absolute;left:5%;right:5%;height:2px;background:#a8f1d3;box-shadow:0 0 18px #81f1c6;animation:face-scan 3s ease-in-out infinite}
@keyframes face-scan{0%,100%{top:15%;opacity:.3}50%{top:85%;opacity:.9}}
.kiosk-camera-message{position:absolute;bottom:max(64px,9dvh);left:20px;right:20px;text-align:center}.kiosk-camera-message h1{font-size:clamp(25px,4vw,38px);color:white;margin-bottom:12px}.kiosk-camera-message .eyebrow{color:#c0e2d2;margin-bottom:12px}.kiosk-camera-message p{color:#e1ece6;font-size:16px;margin-bottom:12px}
.kiosk-camera-footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;justify-content:space-between;font-size:11px;color:#c4d1ca}
.kiosk-identity{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 24px 90px;background:radial-gradient(ellipse at top,#e3f0e7,#f6f8f5 65%)}
.identity-card{width:100%;max-width:760px;text-align:center}.identity-card>img{width:112px;height:112px;border-radius:50%;object-fit:cover;transform:scaleX(-1);border:5px solid white;box-shadow:0 5px 25px #173f2920;margin-bottom:18px}.identity-card .eyebrow{margin-bottom:10px}.identity-card h1{font-size:clamp(25px,4vw,38px);overflow-wrap:anywhere}.identity-card h2{margin:26px 0 8px;font-size:21px}.identity-card #identity-status{min-height:0;color:#65796e;font-size:14px}.employee-state{font-size:16px;font-weight:650;color:#17604f;margin-bottom:6px}.identity-card #last-punch{font-size:12px}
.punch-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin:24px 0}.punch-option{min-height:120px;border:0;border-radius:16px;background:#17604f;color:white;font-size:clamp(19px,2.6vw,25px);font-weight:650;white-space:normal;padding:26px;box-shadow:0 6px 20px #163e2314}.punch-option:hover{background:#104f41}.punch-option-out{background:#844c36}.punch-option-out:hover{background:#6d3d2a}.punch-option-break_out{background:#305b74}.punch-option-break_out:hover{background:#254b62}.identity-card #retry-identification{min-height:50px;font-size:14px;margin-top:8px}.identity-card #retry-punch{font-size:18px;min-height:65px;margin-bottom:20px;white-space:normal}
.kiosk-error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:700px;z-index:12;text-align:center;box-shadow:0 5px 30px #0002;font-size:14px}
@media(max-width:600px){.kiosk-top{padding:16px;align-items:start}.kiosk-top>strong{font-size:16px}.kiosk-top>div{gap:6px;flex-wrap:wrap;justify-content:end;max-width:220px}.kiosk-top #live-clock{font-size:16px}.kiosk-control{font-size:11px;padding:8px}.face-guide{width:65vw;height:43dvh;top:43%}.kiosk-camera-message{bottom:80px}.kiosk-camera-message p{font-size:14px}.kiosk-camera-footer{left:16px;right:16px;gap:10px;font-size:10px}.kiosk-identity{padding:24px 18px 110px}.identity-card>img{width:90px;height:90px}.punch-options{gap:12px;margin:18px 0}.punch-option{min-height:90px;padding:18px}.identity-card h2{margin-top:20px}}
@media(max-height:550px) and (min-width:650px){.face-guide{height:52dvh;width:190px;top:42%}.kiosk-camera-message{bottom:35px}.kiosk-camera-message .eyebrow{display:none}.kiosk-camera-message h1{font-size:23px;margin-bottom:3px}.kiosk-camera-message p{font-size:12px}.kiosk-camera-footer{bottom:10px}.identity-card>img{width:70px;height:70px;margin-bottom:8px}.kiosk-identity{padding-top:18px}.identity-card h1{font-size:25px}.identity-card h2{margin-top:12px}.punch-option{min-height:75px}}
@media(prefers-reduced-motion:reduce){.face-guide span{animation:none;top:50%}}

.kiosk-home{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:radial-gradient(ellipse at top,#e3f0e7,#f6f8f5 65%)}
.kiosk-home>.brand-icon{margin-bottom:16px}.home-company{font-size:20px;margin-bottom:30px}.kiosk-home .clock-date{margin-bottom:30px}.kiosk-home h1{font-size:clamp(25px,4vw,36px)}.kiosk-home>p:not(.clock-date){max-width:430px;color:var(--muted)}.kiosk-home .tablet-start{margin-top:16px;min-height:72px;font-size:21px}.kiosk-home .inline-error{margin-bottom:20px}
@media(max-height:650px){.kiosk-home{padding:24px}.kiosk-home>.brand-icon{display:none}.home-company{margin-bottom:14px}.kiosk-home .clock-display{font-size:58px}.kiosk-home .clock-date{margin-bottom:20px}}