.staff-time{max-width:680px;margin:0 auto}.staff-welcome{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 18px}.staff-welcome h1{margin:0;font-size:2rem}.staff-welcome p{margin:3px 0}.staff-clocked,.staff-punch{padding:26px;border-radius:20px}.staff-clocked{text-align:center;border:2px solid #86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}.status-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 7px #bbf7d0;margin-top:4px}.eyebrow{font-size:.78rem;letter-spacing:.12em;font-weight:900;color:#475467;margin:14px 0 4px}.staff-clocked h2,.staff-punch h2{font-size:1.65rem;margin:4px 0}.staff-timer{display:block;font-size:3.25rem;margin:18px 0 4px}.staff-clocked small{display:block;color:#667085}.staff-punch-out,.staff-punch-in{display:block;width:100%;min-height:60px;font-size:1.15rem;margin-top:22px}.staff-punch-out{background:#b42318}.staff-punch-in{background:#067647}.staff-punch input,.staff-punch select{min-height:50px;font-size:1rem;margin-bottom:16px}.staff-recent{margin-top:26px}.staff-shift{display:flex;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;margin-bottom:9px}.staff-shift>div{display:flex;flex-direction:column}.staff-shift>div:last-child{text-align:right}.staff-shift span{color:#667085;font-size:.83rem;margin-top:2px}
@media(max-width:650px){.staff-welcome{align-items:flex-start}.staff-welcome h1{font-size:1.55rem}.staff-welcome button{min-width:auto}.staff-clocked,.staff-punch{padding:20px 16px}.staff-timer{font-size:2.65rem}.staff-shift{padding:12px}.staff-shift>div:last-child{max-width:48%}}