.global-attendance{display:flex;align-items:center;gap:6px;border:1px solid #496785;background:#213f62;border-radius:7px;padding:3px 4px 3px 8px;color:#dce8f5;font:600 10px/1.2 Inter,Segoe UI,Arial,sans-serif;white-space:nowrap}
.global-attendance[hidden]{display:none!important}
.global-attendance-dot{width:7px;height:7px;border-radius:50%;background:#9aa9ba;box-shadow:0 0 0 3px #ffffff12}
.global-attendance.checked-in{border-color:#3c9878;background:#174f43}
.global-attendance.checked-in .global-attendance-dot{background:#51d39f;box-shadow:0 0 0 3px #51d39f26}
.global-attendance .global-attendance-action{border:1px solid #4d90ca!important;background:#2f78bd!important;color:#fff!important;border-radius:5px!important;padding:5px 8px!important;font:700 10px/1.2 Inter,Segoe UI,Arial,sans-serif!important;width:auto!important;margin:0!important}
.global-attendance.checked-in .global-attendance-action{background:#b74850!important;border-color:#d36b71!important}
.global-attendance .global-attendance-action:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:720px){.global-attendance{padding-left:5px}.global-attendance-status{display:none}}
.attendance-checkout-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(13,27,46,.72);font-family:Inter,Segoe UI,Arial,sans-serif}
.attendance-checkout-modal.show{display:flex}
.attendance-checkout-card{width:min(520px,100%);overflow:hidden;border-radius:11px;background:#fff;color:#17202a;box-shadow:0 25px 70px #0006}
.attendance-checkout-head{padding:17px 19px 12px;border-bottom:1px solid #d8dee8}
.attendance-checkout-head h2{margin:0 0 3px;font-size:17px}
.attendance-checkout-head p{margin:0;color:#667085;font-size:11.5px;line-height:1.5}
.attendance-checkout-body{padding:15px 19px;background:#f7f9fb}
.attendance-checkout-body label{display:block;margin:0 0 5px;color:#59677a;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.35px}
.attendance-checkout-body textarea{display:block;width:100%;min-height:120px;resize:vertical;border:1px solid #c9d2df;border-radius:7px;padding:10px;background:#fff;color:#17202a;font:13px/1.5 Inter,Segoe UI,Arial,sans-serif;outline:none}
.attendance-checkout-body textarea:focus{border-color:#5d9ce4;box-shadow:0 0 0 3px #dcecff}
.attendance-checkout-help{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#667085;font-size:10px}
.attendance-checkout-error{color:#b4232c!important}
.attendance-checkout-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 19px;border-top:1px solid #d8dee8}
.attendance-checkout-actions button,.attendance-reminder button{border:1px solid transparent;border-radius:6px;padding:8px 12px;background:#2474d2;color:#fff;font:700 12px/1.2 Inter,Segoe UI,Arial,sans-serif;cursor:pointer}
.attendance-checkout-actions button.secondary,.attendance-reminder button.secondary{border-color:#d8dee8;background:#fff;color:#27364a}
.attendance-reminder{position:fixed;right:18px;top:76px;z-index:950;display:none;width:min(380px,calc(100vw - 28px));padding:14px;border:1px solid #f0ce83;border-radius:10px;background:#fff8e8;color:#5f430b;box-shadow:0 16px 42px rgba(18,37,63,.2);font-family:Inter,Segoe UI,Arial,sans-serif}
.attendance-reminder.show{display:block;animation:attendanceReminderIn .2s ease-out}
.attendance-reminder b{display:block;margin-bottom:3px;color:#6f4d09;font-size:13px}
.attendance-reminder p{margin:0 0 10px;font-size:11.5px;line-height:1.45}
.attendance-reminder-actions{display:flex;justify-content:flex-end;gap:7px}
@keyframes attendanceReminderIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:720px){.attendance-reminder{top:12px;right:14px}.attendance-checkout-actions{flex-direction:column-reverse}.attendance-checkout-actions button{width:100%}}