.touch-kiosk{min-height:90vh;padding:20px 32px;background:#f3f5f2;color:#17241c}.touch-kiosk header{display:flex;align-items:center;justify-content:space-between;background:#101710;padding:12px 24px;color:white}.touch-kiosk header img{width:190px}.touch-kiosk header a{color:white}.touch-kiosk main{max-width:580px;margin:20px auto;text-align:center}.touch-kiosk h1{font-size:34px;margin:16px 0}.touch-kiosk #pin{font-size:36px;text-align:center;letter-spacing:18px;width:100%;height:65px}.touch-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.touch-keys button{height:76px;font-size:30px;background:white;color:#15291c;border:1px solid #b9c7b2}.touch-confirm{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:28px auto;max-width:1200px}.touch-confirm video{width:100%;height:360px;object-fit:cover;background:#18251d;border-radius:12px}.clock-choice{display:flex;gap:12px;margin:24px 0}.clock-choice span{padding:16px;border-radius:8px;background:#e2e6df;flex:1;text-align:center}.clock-choice .selected{background:#c7e57a;font-weight:bold}.touch-kiosk #capture-clock{width:100%;min-height:80px;background:#193d29;color:#fff;font-size:26px}.touch-kiosk button:disabled{opacity:.5}.touch-kiosk #kiosk-error{color:#8d1c1c}@media(max-width:700px){.touch-confirm{grid-template-columns:1fr}.touch-confirm video{height:220px}}@media(max-height:700px){.touch-keys button{height:58px}.touch-kiosk main{margin:8px auto}.touch-kiosk h1{margin:8px 0}.touch-confirm video{height:280px}}

/* Kiosk header visibility fix */
.touch-kiosk header{position:relative;z-index:2;min-height:80px;margin:0 0 18px;padding:12px 20px;background:#fff;color:#17241c;border:1px solid #d2d9d0;border-radius:10px;align-items:center;overflow:visible}
.touch-kiosk header img{display:block;position:static;width:190px;max-width:45%;height:auto;max-height:64px;object-fit:contain;background:#fff;flex-shrink:0}
.touch-kiosk header button,.touch-kiosk header a{display:inline-flex;align-items:center;justify-content:center;min-width:110px;min-height:48px;padding:12px 20px;background:#193d29;color:#fff!important;border:2px solid #193d29;border-radius:8px;font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}
.touch-kiosk header button:hover,.touch-kiosk header a:hover{background:#28583d}
.touch-kiosk header button:focus-visible,.touch-kiosk header a:focus-visible{outline:3px solid #7a9d23;outline-offset:3px}

.missing-time{color:#a11919!important;background:#fff0f0;border:1px solid #c13a3a;border-radius:4px;padding:4px}

.clock-choice button{padding:16px;border-radius:8px;background:#e2e6df;color:#17241c;flex:1;text-align:center;border:2px solid transparent;font-size:20px;min-height:60px}.clock-choice button.selected{background:#c7e57a;border-color:#65852c;font-weight:bold}.clock-choice button:focus-visible{outline:3px solid #193d29;outline-offset:3px}