.clocking-motion{background:var(--brand-mist);color:var(--brand-navy);font-family:var(--font-body);position:absolute;inset:0;overflow:hidden;container-type:inline-size}.clocking-motion>[role=img]{font-size:3.2cqw;line-height:1.4}.clocking-motion-header{justify-content:space-between;align-items:center;padding:14cqw 5cqw 7cqw;display:flex}.clocking-motion-logo{width:30cqw;height:auto}.clocking-motion-avatar{background:var(--brand-navy);width:9cqw;height:9cqw;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:3cqw;display:grid}.clocking-motion-summary{background:var(--gradient-navy);color:var(--primary-foreground);border-radius:6cqw;margin:0 4cqw;padding:6cqw 5cqw 5cqw}.clocking-motion-greeting{color:color-mix(in srgb, var(--primary-foreground) 65%, transparent);font-size:3.2cqw}.clocking-motion-clock{font-variant-numeric:tabular-nums;margin:4cqw 0 5cqw;font-size:16cqw;font-weight:650;line-height:1}.clocking-motion-clock small{color:var(--brand-teal);margin-left:1cqw;font-size:5cqw}.clocking-motion-status{background:color-mix(in srgb, var(--primary-foreground) 9%, transparent);border-radius:8cqw;align-items:center;gap:1cqw;padding:1.5cqw 2.5cqw;font-size:2.9cqw;display:inline-flex}.clocking-motion-dot{background:var(--brand-teal);border-radius:50%;width:1.4cqw;height:1.4cqw}.clocking-motion-muted{color:color-mix(in srgb, var(--primary-foreground) 55%, transparent);margin-top:2cqw;font-size:3cqw}.clocking-motion-hours{margin-top:7cqw;font-size:4cqw}.clocking-motion-hours strong{font-size:6.5cqw}.clocking-motion-actions{gap:2.5cqw;margin-top:6cqw;display:grid}.clocking-motion-action{will-change:transform;border:1px solid color-mix(in srgb, var(--primary-foreground) 22%, transparent);border-radius:2.5cqw;justify-content:center;align-items:center;gap:2cqw;min-height:12cqw;font-size:3.5cqw;display:flex;position:relative;overflow:hidden}.clocking-motion-action-primary{background:var(--brand-teal-deep);border-color:#0000}.clocking-motion-icon{flex-shrink:0;width:4cqw;height:4cqw}.clocking-motion-correction{align-items:center;gap:2cqw;padding:6cqw;font-size:3cqw;display:flex}.clocking-motion-correction .clocking-motion-icon:last-child{margin-left:auto}.clocking-motion-events{border:1px solid var(--border);background:var(--card);border-radius:4cqw;margin:0 4cqw;padding:5cqw 4cqw}.clocking-motion-events strong{font-size:3.7cqw}.clocking-motion-event{border-bottom:1px solid var(--border);align-items:center;gap:3cqw;padding:4cqw 0;font-size:3.2cqw;display:flex}.clocking-motion-event b{font-variant-numeric:tabular-nums}.clocking-motion-nav{background:var(--card);border:1px solid var(--border);height:13cqw;box-shadow:var(--shadow-soft);border-radius:9cqw;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:10cqw;left:4cqw;right:4cqw}.clocking-motion-nav>svg{width:5cqw;height:5cqw}.clocking-motion-fingerprint{background:var(--brand-navy);width:14cqw;height:14cqw;color:var(--primary-foreground);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;margin-top:-9cqw;display:grid}.clocking-motion-fingerprint svg{width:7cqw;height:7cqw}.clocking-motion-overlay{background:color-mix(in srgb, var(--brand-navy) 58%, transparent);position:absolute;inset:0}.clocking-motion-sheet{background:var(--card);text-align:center;box-shadow:var(--shadow-lift);border-radius:6cqw 6cqw 0 0;padding:4cqw 5cqw 15cqw;position:absolute;bottom:0;left:0;right:0}.clocking-motion-handle{background:var(--border);border-radius:1cqw;width:10cqw;height:.7cqw;margin:0 auto 4cqw}.clocking-motion-check{background:var(--brand-teal-deep);width:16cqw;height:16cqw;color:var(--primary-foreground);border-radius:50%;place-items:center;margin:4cqw auto 5cqw;display:grid}.clocking-motion-check svg{width:8cqw;height:8cqw}.clocking-motion-sheet strong{font-size:3.8cqw;display:block}.clocking-motion-receipt-time{font-variant-numeric:tabular-nums;margin-top:5cqw;font-size:10cqw;font-weight:650;line-height:1}.clocking-motion-sheet p{color:var(--muted-foreground);margin-top:3cqw;font-size:3cqw}.clocking-motion-source{justify-content:center;align-items:center;gap:1.5cqw;margin-top:5cqw;font-size:3.2cqw;display:flex}.clocking-motion-sheet-action{background:var(--brand-navy);color:var(--primary-foreground);margin-top:6cqw}.clocking-motion-cancel{background:var(--brand-mist);color:var(--brand-navy);margin-top:2cqw}.clocking-motion-tap{pointer-events:none;border:1.5px solid color-mix(in srgb, var(--primary-foreground) 70%, transparent);background:color-mix(in srgb, var(--primary-foreground) 28%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;width:10cqw;height:10cqw;margin:-5cqw 0 0 -5cqw;position:absolute;top:50%;left:50%}.clocking-motion-cycle{position:absolute;inset:0}.clocking-motion-sheet{will-change:transform, opacity}
