.attendance-pin-action { margin: .75rem 0; display: grid; gap: .4rem; text-align: left; }
.attendance-pin-action label { font-weight: 700; }
.attendance-pin-action select { width: 100%; min-height: 48px; padding: .65rem .8rem; font: inherit; color: #f2efe8; background: #1d1d1d; border: 1px solid #777; border-radius: 8px; }
.attendance-pin-action select:focus-visible { outline: 3px solid #efa942; outline-offset: 3px; }
.attendance-note, .attendance-help { font-size: .85rem; line-height: 1.5; color: #bfbcb6; margin: .6rem 0; }
.attendance-status { margin: .75rem 1rem; padding: .85rem 1rem; border: 1px solid #6f756a; border-radius: 8px; background: #1c241c; color: #f2efe8; font-size: .85rem; line-height: 1.5; }
.attendance-status--warn { border-color: #b08846; background: #302619; }
.attendance-status[hidden] { display: none; }
.attendance-break { color: #efa942; font-weight: 600; }
.ms-next__actions { flex-wrap: wrap; }
.ms-next__actions .btn { white-space: normal; }
@media (max-width: 480px) { .ms-next__actions .btn { flex: 1 1 140px; } }