.att-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.att-punch{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.att-punch button{min-width:140px;font-size:22px;padding:16px}.attendance66 label{max-width:260px;display:block}.attendance66 td{white-space:normal;overflow-wrap:anywhere}.attendance66 td small{display:block;margin-top:6px}.attendance66 .table-wrap{max-width:100%}.att-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#c5cfda;border:1px solid #c5cfda}.att-week{text-align:center;padding:10px;background:#edf2f7;font-weight:bold}.att-day{background:white;min-height:120px;padding:8px;overflow-wrap:anywhere}.att-day.off{background:#ede7df}.att-day.today{box-shadow:inset 0 0 0 3px #205c99}.att-day.empty{background:#f5f5f5}.att-event{margin-top:7px;padding:6px;border-left:4px solid;border-radius:3px;font-size:12px;line-height:1.5}.att-event.leave{background:#eee4f8;border-color:#795099;color:#4b2864}.att-event.trip{background:#dfeefd;border-color:#2469a4;color:#16456e}.att-event.outing{background:#def2e9;border-color:#278260;color:#17523c}@media(max-width:800px){.att-calendar{grid-template-columns:repeat(7,minmax(115px,1fr));overflow-x:auto}.att-day{min-height:100px}}

.att-presence{font-weight:700;white-space:nowrap}.att-presence.clocked-in{color:#c62828}.att-presence.clocked-out{color:#1565c0}.att-presence.not-clocked{color:#626b73}.att-presence-key{font-size:13px}