.work-tracking{border:1px solid #d7e1db}.work-head{display:flex;justify-content:space-between;align-items:center}.work-head small{display:block;color:#718077;font-size:11px;font-weight:700}.work-head b{font-size:20px}.timer-row{display:grid;grid-template-columns:minmax(180px,1fr) auto 110px;gap:8px;align-items:center;margin:12px 0}.timer-row select{padding:10px;border:1px solid #ccd7d0;border-radius:8px;background:#fff}.timer-row #timerClock{font-variant-numeric:tabular-nums;text-align:right}.production-steps{display:flex;gap:7px;margin-bottom:10px}.production-steps button{border:1px solid #bdcdc3;background:#f5f9f6;border-radius:8px;padding:8px 12px}.work-sessions>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #e3e9e5}.work-sessions span small{display:block;color:#6b776f;margin-top:2px}.work-sessions strong{white-space:nowrap}.handover{margin-top:12px;border-top:1px solid #dce4df;padding-top:10px}.handover summary{font-weight:800;cursor:pointer}.handover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.handover-grid label{display:grid;gap:4px;font-size:12px;font-weight:700}.handover-grid input,.handover-grid select{padding:9px;border:1px solid #ccd7d0;border-radius:8px;background:#fff}.handover-grid .wide{grid-column:1/-1}.handover-grid .handover-paid{display:flex;align-items:center;gap:7px}.handover-grid .handover-paid input{width:auto}#handoverSaved{display:inline-block;margin-left:10px;color:#315c46;font-weight:700}
@media(max-width:700px){.timer-row{grid-template-columns:1fr 1fr}.timer-row #timerClock{grid-column:1/-1;text-align:center;font-size:20px}.production-steps{display:grid;grid-template-columns:repeat(3,1fr)}.production-steps button{padding:8px 3px}.handover-grid{grid-template-columns:1fr}.handover-grid .wide{grid-column:auto}.work-sessions>div{font-size:12px}}