.timecardsClockWorkspace .kiosk-root{position:absolute;inset:0;width:100%;height:100%}.timecardsClockWorkspace .kiosk-root:not(.kioskAccountRoot){grid-template-columns:1fr;grid-template-rows:1fr auto auto auto;grid-template-areas:"spacer" "hint" "keypad" "help";row-gap:16px}.timecardsClockWorkspace .kiosk-keypad{justify-self:center}.timecardsClockWorkspace .kiosk-entry-hint{justify-self:center;align-items:center;text-align:center;max-width:min(58vw,420px)}.timecardsClockWorkspace .kiosk-passcode-dots{justify-content:center;min-height:20px}.tcClockOverlay{gap:20px}.tcClockGreeting{font-size:clamp(30px,4.2vw,52px);font-weight:700;color:#5fd68a;max-width:900px}.tcClockDurations{display:flex;flex-direction:column;gap:6px;font-size:clamp(18px,2.4vw,26px);color:#dfe6ee;font-variant-numeric:tabular-nums}.tcLunchReminder{font-size:clamp(14px,1.8vw,18px);font-weight:600;color:#ffc857}.tcClockFarewell{font-size:clamp(20px,2.8vw,30px);font-weight:600;color:#9aa7b5;margin-top:8px}.tcDismissHint{font-size:14px;color:#5c6a7a;margin-top:24px;letter-spacing:.02em}.tcSuccessCountdown{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92vw,420px)}.tcSuccessCountdownTrack{width:100%;height:14px;border-radius:7px;background:#ffffff1f;overflow:hidden}.tcSuccessCountdownFill{height:100%;background:linear-gradient(90deg,#5fd68a,#3dd9c1);border-radius:7px;transition:width .1s linear}.tcSuccessCountdownLabel{font-size:clamp(15px,1.8vw,19px);font-weight:600;color:#9aa7b5;font-variant-numeric:tabular-nums}.tcSuccessDoneBtn{margin-top:20px;width:min(92vw,420px);padding:20px 24px;font-size:clamp(20px,2.6vw,28px);font-weight:800;border-radius:14px;border:none;background:#3d8bfd;color:#fff;cursor:pointer;box-shadow:0 8px 24px #3d8bfd59}.tcSuccessDoneBtn:active{background:#2f74e0}.tcForgotPunchLink{background:none;border:none;color:#6fa8ff;font-size:15px;text-decoration:underline;cursor:pointer;padding:4px 0}.tcForgotPunchLink:hover{color:#91bcff}.tcCorrectionOverlay{align-items:center;justify-content:center;overflow-y:auto}.tcCorrectionForm{width:100%;max-width:480px;background:#151b23;border:1px solid #232c38;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px;text-align:left}.tcCorrectionForm h2{margin:0;font-size:24px}.tcCorrectionHint{margin:0;font-size:14px;color:#9aa7b5}.tcCorrectionSignedInAs{margin:-6px 0 0;font-size:13px;font-weight:600;color:#6fa8ff}.tcCorrectionForm label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#c4ccd6;flex:1}.tcCorrectionForm input,.tcCorrectionForm select{font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid #2c3846;background:#0e131a;color:#f4f6f8}.tcCorrectionRow{display:flex;gap:14px}.tcTimePicker{display:flex;flex-direction:column;gap:8px}.tcTimePickerPreview{font-size:15px;font-weight:700;color:#f4f6f8}.tcTimePillRow{display:flex;flex-wrap:wrap;gap:6px}.tcTimePill{flex:1 0 auto;min-width:42px;font-size:14px;font-weight:600;padding:8px 10px;border-radius:8px;border:1px solid #2c3846;background:#1c2733;color:#c4ccd6;cursor:pointer;text-align:center}.tcTimePill:hover{background:#24313f;color:#f4f6f8}.tcTimePillActive{background:#3d7bff;border-color:#3d7bff;color:#fff}.tcTimePickerModeLink{align-self:flex-start;background:none;border:none;padding:2px 0;font-size:13px;color:#7ba6ff;cursor:pointer;text-decoration:underline}.tcTimePickerModeLink:hover{color:#a4c3ff}.tcLunchDurationPills{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.tcLunchDurationHint{margin:0;font-size:13px;color:#9aa7b5}.tcTestModeBanner{position:fixed;top:0;left:0;right:0;z-index:20;background:#b8860b;color:#1a1300;font-weight:700;font-size:14px;text-align:center;padding:6px 12px;letter-spacing:.03em}.tcTestClockWrap{position:fixed;top:16px;left:16px;z-index:6}.tcTestClockToggle{background:#b8860b26;border:1px solid rgba(184,134,11,.45);color:#d9a441;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.tcTestClockToggle:hover{background:#b8860b40}.tcTestClockPanel{width:min(90vw,420px);background:#1c1608;border:1px solid rgba(184,134,11,.5);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.tcTestClockHeader{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#d9a441;font-weight:600}.tcTestClockClose{align-self:flex-start;background:transparent;border:1px solid rgba(217,164,65,.5);color:#d9a441;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer}.tcTestClockReadout{font-size:20px;font-weight:700;color:#fff}.tcTestClockAdvanceRow{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tcTestClockAdvanceLabel{font-size:12px;color:#9aa7b5;margin-right:4px}.tcCameraBackdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:saturate(.85) brightness(.85);pointer-events:none;z-index:-1}.tcCameraBackdropMirrored{transform:scaleX(-1)}.tcCameraInset{position:absolute;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);width:clamp(110px,15vw,190px);aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;border:2px solid rgba(255,255,255,.55);box-shadow:0 6px 20px #00000073;opacity:.95;pointer-events:none;z-index:1}.tcCameraInsetMirrored{transform:scaleX(-1)}.tcCameraWarningCentered{display:flex;align-items:flex-start;gap:8px;align-self:center;max-width:clamp(240px,36vw,420px);border:1px solid rgba(255,184,77,.45);background:#ffb84d1f;border-radius:10px;padding:10px 14px;text-align:left}.tcCameraPreviewWarningIcon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-top:1px;border-radius:50%;background:#ffb84d;color:#151b23;font-size:11px;font-weight:800;line-height:1}.tcCameraPreviewLabel{font-size:13px;font-weight:500;letter-spacing:0;color:#ffffffd9;text-transform:none;text-align:left;line-height:1.35}.tcDashboard{max-width:960px;max-height:85vh;overflow-y:auto;text-align:left}.tcDashboardBody{margin-top:16px}.tcDashboardTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tcDashboardTab{background:#151b23;border:1px solid #232c38;color:#9aa7b5;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.tcDashboardTab:hover{color:#f4f6f8}.tcDashboardTabActive{background:#3d8bfd26;border-color:#3d8bfd;color:#6fa8ff}.tcDashboardTableWrap{overflow-x:auto}.tcDashboardTable{width:100%;border-collapse:collapse;font-size:13px}.tcDashboardTable th{text-align:left;color:#8a95a3;font-weight:600;font-size:12px;padding:6px 10px;border-bottom:1px solid #232c38;white-space:nowrap}.tcDashboardTable td{padding:8px 10px;border-bottom:1px solid #1c2530;color:#dfe6ee;white-space:nowrap}.tcDashboardBadgeInline{margin-left:8px}.tcBirthdaySection{margin-top:0;margin-bottom:16px}.tcBirthdayRow{font-size:13px;color:#dfe6ee;padding:6px 0}.tcBirthdayRowToday{font-weight:700;color:#ffc857}.tcDashboardSection{margin-top:20px}.tcDashboardSection h3{margin:0 0 10px;font-size:16px;color:#c4ccd6}.tcDashboardEmployeeList,.tcDashboardGroup{display:flex;flex-direction:column;gap:6px}.tcDashboardGroup+.tcDashboardGroup{margin-top:18px}.tcDashboardGroupHeading{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#8a95a3}.tcDashboardEmployeeRow{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:10px;background:#151b23;border:1px solid #232c38}.tcDashboardEmployeeRowMain{display:flex;align-items:center;gap:10px}.tcDashboardLiveDetails{font-size:12px;color:#8a95a3;line-height:1.4}.tcDashboardLiveDetailsRow td{padding-top:0;padding-bottom:10px;white-space:normal}.tcDashboardEmployeeName{flex:1;font-size:15px;font-weight:600;color:#f4f6f8}.tcDashboardEmployeeNameLink{flex:1;text-align:left;background:none;border:none;padding:0;font-size:15px;font-weight:600;color:#6fa8ff;cursor:pointer}.tcDashboardEmployeeNameLink:hover{text-decoration:underline}.tcDashboardLastPunch{font-size:12px;color:#8a95a3}.tcDashboardBadge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.tcDashboardBadge-not_clocked_in{background:#9aa7b526;color:#9aa7b5}.tcDashboardBadge-working{background:#5fd68a26;color:#5fd68a}.tcDashboardBadge-at_lunch{background:#ffc85726;color:#ffc857}.tcDashboardBadge-clocked_out{background:#9aa7b526;color:#9aa7b5}.tcDashboardBadgeSalaried{background:#7da6ff26;color:#7ba6ff}.tcDashboardEmpty{font-size:14px;color:#8a95a3}.tcDashboardReviewRow{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:#ffc85714;border:1px solid rgba(255,200,87,.25);margin-bottom:6px}.tcDashboardReviewName{font-size:14px;font-weight:700;color:#f4f6f8}.tcDashboardReviewDetail{font-size:12px;color:#c4ccd6}.tcCorrectionError{font-size:14px;color:#ff8080;background:#ff50501a;border:1px solid rgba(255,80,80,.3);border-radius:8px;padding:10px 12px}.tcCorrectionActions{display:flex;gap:12px;margin-top:4px}.tcCorrectionCancel,.tcCorrectionSubmit{flex:1;font-size:16px;font-weight:600;padding:14px;border-radius:10px;border:none;cursor:pointer}.tcCorrectionCancel{background:#232c38;color:#f4f6f8}.tcCorrectionSubmit{background:#3d8bfd;color:#fff}.tcCorrectionSubmit:disabled,.tcCorrectionCancel:disabled{opacity:.6;cursor:default}.tcCardOverlay{align-items:center;justify-content:center;overflow-y:auto}.tcCard{position:relative;width:100%;max-width:560px;background:#151b23;border:1px solid #232c38;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:18px;text-align:center}.tcCardClose{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid #2c3846;background:#0e131a;color:#9aa7b5;font-size:18px;line-height:1;cursor:pointer}.tcCardClose:hover{color:#f4f6f8}.tcCardGreeting{font-size:clamp(24px,3vw,32px);font-weight:700;color:#f4f6f8}.tcCardGreetingLine{font-size:clamp(20px,2.6vw,26px);font-weight:700;color:#f4f6f8}.tcCardStatusBanner{font-size:clamp(15px,2vw,18px);font-weight:700;padding:6px 14px;border-radius:8px;display:inline-block;align-self:center}.tcCardStatus-in.tcCardStatusBanner,.tcCardStatus-in .tcCardStatusBanner{color:#4cd97b;background:#4cd97b1a}.tcCardStatus-lunch.tcCardStatusBanner,.tcCardStatus-out.tcCardStatusBanner,.tcCardStatus-lunch .tcCardStatusBanner,.tcCardStatus-out .tcCardStatusBanner{color:#ffc857;background:#ffc8571a}.tcCardStatus-not_started.tcCardStatusBanner,.tcCardStatus-not_started .tcCardStatusBanner{color:#9aa7b5;background:#9aa7b514}.tcCatchupBanner,.tcPromptBanner,.tcPromptBannerCompact{background:#ffbe501a;border:1px solid rgba(255,190,80,.35);border-radius:10px;padding:14px 16px;font-size:15px;color:#f4f6f8;text-align:left;display:flex;flex-direction:column;gap:10px}.tcPromptBannerCompact{padding:10px 14px}.tcCatchupActions,.tcPromptActions{display:flex;gap:10px;flex-wrap:wrap}.tcCatchupYes,.tcCatchupNo,.tcPromptPrimary,.tcPromptSecondary{font-size:14px;font-weight:600;padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.tcCatchupYes,.tcPromptPrimary{background:#3d8bfd;color:#fff}.tcCatchupNo,.tcPromptSecondary{background:#232c38;color:#f4f6f8}.tcShiftRow{display:flex;flex-direction:column;gap:4px;transition:opacity .2s ease,filter .2s ease}.tcShiftRowDimmed{opacity:.45;filter:grayscale(30%)}.tcShiftRowCards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tcShiftCard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 14px;border-radius:14px;border:1px solid #2c3846;background:#0e131a;color:#dfe6ee;cursor:pointer;min-height:92px}.tcShiftCard:disabled{cursor:default;opacity:.75}.tcShiftCardFilled{color:#dfe6ee}.tcShiftCardSuggested{border-color:#3d8bfd;box-shadow:0 0 0 2px #3d8bfd59}.tcShiftCardLocked{border-color:#ffc85780;position:relative}.tcShiftCardLockOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:14px;background:#0a0d12d1;color:#ffc857;font-size:15px;font-weight:800;text-align:center;line-height:1.3;letter-spacing:.01em;pointer-events:none}.tcShiftCardFlagged{border-color:#ffbe5099}.tcShiftCardLabel{font-size:13px;font-weight:600;letter-spacing:.02em;color:#9aa7b5}.tcShiftCardTime{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.tcShiftCardAction{font-size:20px;font-weight:700;color:#f4f6f8}.tcShiftCardSub{font-size:14px;font-weight:600;line-height:1.3;color:#f4f6f8;text-align:center}.tcShiftCardCountdown{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:#5fd68a}.tcShiftDuration{text-align:center;font-size:13px;font-weight:600;color:#6fa8ff}.tcShiftCardChoice{cursor:default}.tcShiftCardChoiceButtons{display:flex;gap:10px;width:100%}.tcShiftCardChoiceBtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:10px;border:1px solid #2c3846;background:#151b23;color:#f4f6f8;font-size:14px;font-weight:700;cursor:pointer}.tcShiftCardChoiceBtn:hover{border-color:#3d8bfd}.tcShiftCardChoiceBtnPrimary{background:#3d8bfd;border-color:#3d8bfd;color:#fff}.tcShiftCardChoiceBtnPrimary:hover{border-color:#fff}.tcShiftCardChoiceIcon{font-size:22px;line-height:1}.tcLunchDurationCaption{text-align:center;font-size:13px;font-weight:700;letter-spacing:.02em;color:#ffc857}.tcCardManualHint{font-size:12px;color:#6b7683}.tcCardReportIssueLink{align-self:center;background:none;border:none;padding:0;margin-top:-4px;font-size:13px;font-weight:600;color:#6fa8ff;cursor:pointer}.tcCardReportIssueLink:hover{text-decoration:underline}.tcErrorActions{display:flex;gap:12px;margin-top:12px}.tcErrorActions button{font-size:15px;font-weight:600;padding:10px 18px;border-radius:8px;border:none;cursor:pointer}.tcClockFlaggedNote{font-size:15px;color:#ffbe50;max-width:420px}.tcHelpFab{grid-area:help;justify-self:center;display:flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #2c3846;background:#151b23;color:#9aa7b5;font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer}.tcHelpFabIcon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;font-size:12px;font-weight:700}.tcHelpFab:hover{color:#f4f6f8;border-color:#3d8bfd}