.staff-attendance-layout { display:grid; grid-template-columns:minmax(0,680px); justify-content:center; }
.staff-attendance-card { display:grid; gap:12px; padding:20px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.staff-attendance-card > .eyebrow,.staff-attendance-card h3,.staff-attendance-card > p { margin:0; }
.staff-attendance-card h3 { color:var(--green-dark); font-family:Manrope,sans-serif; font-size:20px; }
.staff-attendance-card > p:not(.eyebrow) { color:var(--muted); font-size:13px; }
.attendance-time-row { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); font-size:13px; }
.attendance-time-row strong { color:var(--ink); }
.attendance-time-row span { color:var(--muted); text-align:right; }
.attendance-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:4px; }
.attendance-actions > * { flex:1 1 145px; justify-content:center; }
.attendance-closed-note { padding:10px 12px; border-radius:6px; color:#7a4c00 !important; background:#fff5dc; }
@media (max-width:600px) {
  .staff-attendance-card { padding:14px; }
  .attendance-time-row { align-items:flex-start; flex-direction:column; gap:4px; }
  .attendance-time-row span { text-align:left; }
  .attendance-actions > * { flex-basis:100%; }
}