.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.clock-card.compact{padding:15px 19px;margin-bottom:13px;border-radius:12px;max-width:none}
.compact .clock-label{text-transform:none;font-size:13px;letter-spacing:0;font-weight:700}.compact .clock-label svg{width:20px;height:20px}.compact .clock-tag{font-size:10px;padding:3px 9px}.compact p{margin:7px 0 11px;font-size:11px;line-height:1.5}
.clock-controls{display:grid;grid-template-columns:minmax(100px,1fr) 100px 100px;gap:8px;align-items:center;max-width:520px}.clock-controls select{padding:8px 10px;min-height:42px;max-width:none;font-size:12px}.clock-controls .btn{min-height:42px;padding:8px 12px;font-size:16px;font-weight:700;background:#ffffff10;border:1px solid #ffffff30;color:white}.clock-controls .btn.primary{background:#d8edb7;border-color:#d8edb7;color:#123e34}.clock-controls .btn:disabled{opacity:.4}.compact.working .clock-controls .btn{color:#725c34;background:#fff9ec;border-color:#ddcca7}.compact.working .clock-controls .btn.primary{color:#fff;background:#123e34;border-color:#123e34}
.clock-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#bfd0c1;font-size:9px}.clock-foot button{border:0;background:none;color:inherit;padding:0;font-size:10px;display:flex;gap:5px;align-items:center}.clock-foot svg{width:13px;height:13px}.compact.working .clock-foot{color:#8b754e}
.employee-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:23px}.employee-quick:empty{display:none}.employee-quick button{border:1px solid #dce6d2;background:#fff;border-radius:10px;padding:16px;display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;font-weight:600;color:#173e34}.employee-quick button>svg:first-child{width:23px;height:23px;color:#5e854e}.employee-quick button>svg:last-child{margin-left:auto;width:15px;height:15px;color:#94a58a}
@media(max-width:760px){.clock-card.compact{padding:13px 14px;margin-bottom:11px}.compact .clock-label{font-size:12px}.compact .clock-tag{font-size:9px}.compact p{font-size:10px;line-height:1.5;margin:7px 0 10px}.clock-controls{grid-template-columns:minmax(85px,1fr) 73px 73px;gap:7px}.clock-controls select{font-size:11px;min-height:42px}.clock-controls .btn{font-size:17px;min-height:42px;padding:7px}.employee-quick{gap:9px;margin-bottom:20px}.employee-quick button{font-size:12px;padding:14px 11px;gap:7px;min-height:62px}.employee-quick button>svg:first-child{width:21px;height:21px}.employee-quick button>svg:last-child{width:12px;height:12px}.clock-reminder{margin-bottom:15px;padding:10px 12px}.clock-reminder b{font-size:11px}.clock-reminder small{font-size:9px}}

.cash-denoms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.modal .listrow{gap:12px;flex-wrap:wrap}.modal .listrow>span{margin-left:auto;text-align:right}