.clock-launch{margin-top:20px;padding-top:18px;border-top:1px solid #e5e7eb}.clock-launch h3{margin:0 0 6px}.clock-grid,.time-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clock-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.clock-action{min-height:48px}.clock-action[data-action="CLOCK_IN"]{background:#16855b;color:#fff}.clock-action[data-action="CLOCK_OUT"]{background:#9e2d36;color:#fff}.clock-result{margin:10px 0 0;font-weight:800}.time-list{display:grid;gap:10px}.time-event{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;border-top:1px solid #edf0f4;padding:12px 0}.time-event small{display:block;color:#6d6472}.time-event.exception{border-left:4px solid #e09a18;padding-left:10px}.time-staff-row{display:grid;grid-template-columns:1fr 160px 120px auto;gap:8px;align-items:end;border-top:1px solid #edf0f4;padding:12px 0}.time-location-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 100px auto;gap:8px;align-items:end}.clock-modal-status{padding:10px;border-radius:9px;background:#f3f6fa;white-space:pre-wrap}.auth-box{max-width:620px!important}@media(max-width:700px){.clock-grid,.time-config-grid,.time-location-row,.time-staff-row{grid-template-columns:1fr}.time-event{grid-template-columns:78px 1fr}.time-event>:last-child{grid-column:2}.clock-actions{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.auth-gate{display:block;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.auth-box{margin:0 auto}.clock-actions{padding-bottom:8px}}
.auth-gate{overflow-y:auto;overscroll-behavior:contain;align-items:start}.auth-box{margin:auto}.clock-kiosk-link{display:block;margin-top:14px;padding:13px;border-radius:9px;background:#172337;color:white;text-align:center;font-weight:850;text-decoration:none}
.time-event.voided{opacity:.72;border-left:4px solid #7b8492;padding-left:10px;background:#f6f7f9}.time-event-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.void-clock-event{color:#9e2d36}
.time-event.corrected{border-left:4px solid #285dab;padding-left:10px}.time-event-actions{display:grid;justify-items:end;gap:7px}.correction-audit{margin-top:5px;color:#285dab!important;font-weight:700}@media(max-width:700px){.time-event-actions{grid-column:2;justify-items:start}}