.attendance-page{padding-top:38px}.attendance-welcome{align-items:center}.attendance-month-controls{display:flex;align-items:center;gap:8px}.attendance-month-controls button{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:36px;height:36px;color:#52656a;font:600 14px "DM Sans";cursor:pointer}.attendance-month-controls strong{min-width:145px;text-align:center;font-size:15px}.attendance-month-controls #attendance-today{padding:0 12px}.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.attendance-summary article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 18px}.attendance-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.attendance-summary strong{font:600 22px Fraunces,serif}.attendance-action-card{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;margin-bottom:8px;background:#f0f8f5}.attendance-action-card>div{display:flex;align-items:center;gap:14px}.attendance-live-dot{width:11px;height:11px;border-radius:50%;background:#aeb9b5;box-shadow:0 0 0 5px #e4eae7}.attendance-live-dot.active{background:#1c8b78;box-shadow:0 0 0 5px #d5eee7;animation:attendance-pulse 1.5s infinite}.attendance-action-card p{margin:0 0 3px;font-size:13px;color:#55706c}.attendance-action-card strong{font:600 24px Fraunces,serif;display:block}.attendance-action-card small{font-size:12px;color:var(--muted)}.attendance-punch-button{border:0;border-radius:9px;background:#176f65;color:#fff;padding:12px 24px;font:700 14px "DM Sans";cursor:pointer}.attendance-punch-button.punch-out{background:#9c4136}.attendance-punch-button:disabled{opacity:.55;cursor:wait}.attendance-message{min-height:20px;margin:0 3px 8px;font-size:13px;color:#247562}.attendance-message.error{color:#ad3d31}.attendance-calendar-panel{overflow:hidden}.attendance-weekdays,.attendance-calendar{display:grid;grid-template-columns:repeat(7,1fr)}.attendance-weekdays{background:#f5f8f6;border-bottom:1px solid var(--line)}.attendance-weekdays span{text-align:center;padding:11px;color:#76868a;font-size:11px;font-weight:700;text-transform:uppercase}.attendance-day{min-height:118px;padding:10px;border:0;border-right:1px solid #edf0ee;border-bottom:1px solid #edf0ee;background:#fff;text-align:left;color:var(--ink);font-family:"DM Sans";cursor:pointer;position:relative}.attendance-day:nth-child(7n){border-right:0}.attendance-day.outside{background:#fafbf9;color:#b6bfbc}.attendance-day.today .attendance-day-number{background:#176f65;color:#fff}.attendance-day.selected{box-shadow:inset 0 0 0 2px #27887b}.attendance-day-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.attendance-day-state{display:inline-block;margin-top:8px;padding:3px 6px;border-radius:8px;background:#def2e9;color:#237862;font-size:10px;font-weight:700}.attendance-day-state.incomplete{background:#fff0d2;color:#936d17}.attendance-day-times{display:grid;gap:3px;margin-top:7px;color:#68797c;font-size:10px}.attendance-day-total{position:absolute;right:9px;bottom:8px;font-size:11px;font-weight:700;color:#2b5f59}.attendance-detail-panel{margin-top:15px;padding:20px}.attendance-detail-panel header{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.attendance-detail-panel h3{font:600 21px Fraunces,serif}.attendance-detail-panel header button{border:0;background:transparent;font-size:23px;color:#75838a;cursor:pointer}.attendance-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.attendance-event{border:1px solid var(--line);border-radius:9px;padding:14px}.attendance-event>span{font-size:11px;font-weight:700;color:#247562}.attendance-event strong{display:block;font-size:19px;margin:5px 0}.attendance-event p{font-size:12px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.attendance-event a{color:#177d70;font-size:12px;font-weight:600}.attendance-detail-total{grid-column:1/-1;background:#f1f7f4;border-radius:8px;padding:12px;font-size:13px}.attendance-privacy-note{color:#7b898c;font-size:12px;text-align:center;margin:14px 0}.attendance-empty{grid-column:1/-1;color:var(--muted);font-size:13px}.attendance-day:focus-visible,.attendance-punch-button:focus-visible,.attendance-month-controls button:focus-visible{outline:3px solid #9fd4ca;outline-offset:2px}@keyframes attendance-pulse{50%{box-shadow:0 0 0 8px #d5eee700}}@media(max-width:850px){.attendance-summary{grid-template-columns:repeat(2,1fr)}.attendance-day{min-height:105px}.attendance-day-times{font-size:9px}}@media(max-width:620px){.attendance-welcome{display:block}.attendance-month-controls{margin-top:18px}.attendance-summary{grid-template-columns:1fr 1fr}.attendance-action-card{align-items:flex-start;gap:14px}.attendance-action-card>div{align-items:flex-start}.attendance-punch-button{padding:11px 13px;white-space:nowrap}.attendance-calendar-panel{overflow-x:auto}.attendance-weekdays,.attendance-calendar{min-width:700px}.attendance-detail-grid{grid-template-columns:1fr}}
.attendance-location-retry {
  appearance: none;
  border: 1px solid currentColor;
  border-radius: 7px;
  background: #fff;
  color: #0f766e;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  margin-left: 8px;
  padding: 6px 10px;
}
.attendance-location-retry:hover { background: #ecfdf5; }
.attendance-day.auto-punch-out{background:#fffaf0;box-shadow:inset 0 0 0 1px #e8c977}.attendance-day.auto-punch-out .attendance-day-state{background:#fff0c8;color:#80560b}.attendance-exception-note{grid-column:1/-1;border:1px solid #e7c674;border-radius:9px;background:#fff9e9;padding:13px 15px;color:#694b16}.attendance-exception-note strong{font-size:12px}.attendance-exception-note p{margin:5px 0 0;font-size:12px;line-height:1.55}