.payroll-shell>header .payroll-quick-controls{flex-wrap:wrap}
.attendance .at-live-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.attendance .at-live h3{font-size:21px;margin:0 0 6px}.attendance .at-live-heading p{margin:0}.attendance .at-live-tools{display:flex;gap:8px;flex-wrap:wrap}.attendance .at-live-tools button,.attendance .at-live-tools a,.attendance .at-live-table button{min-height:40px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center}.attendance .at-live-controls{padding:16px 0}.attendance .at-live-status{color:#087c50;margin:16px 0}.attendance .at-live-status:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:8px}.attendance .at-live-status[data-health=stale]{color:#a15d05}.attendance .at-live-status[data-health=paused]{color:#6c7887}.attendance .at-live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.attendance .at-live-metrics button{text-align:left;padding:16px;border:1px solid #dbe4ef;border-radius:10px;background:#f6f9fd;display:flex;flex-direction:column;gap:5px;color:#1f456f}.attendance .at-live-metrics b{font-size:28px;font-variant-numeric:tabular-nums}.attendance .at-live-metrics [aria-pressed=true]{background:#e5efff;border-color:#4283d1}.attendance .at-live-search{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 16px}.attendance .at-live-search label:first-child{flex:1;min-width:200px}.attendance .at-live-search label:last-child{min-width:200px}.attendance .at-live-search input,.attendance .at-live-search select{min-height:42px}.attendance .at-live-total{margin:6px 0 12px}.attendance .at-live-table small{max-width:240px;overflow-wrap:anywhere}.attendance .at-live-attention{color:#a15d05}.attendance .at-live-activity{border-top:1px solid #e0e7ef;padding:16px 0;margin-top:18px}.attendance .at-live-activity summary{cursor:pointer;font-weight:600}.attendance .at-live-activity ol{padding:0;list-style:none}.attendance .at-live-activity li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5eaf1;padding:10px 0;font-size:13px}.attendance .at-live-activity li span{color:#64748b}
@media(max-width:700px){.attendance .at-live-heading{display:block}.attendance .at-live-heading .at-live-tools{margin-top:14px}.attendance .at-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attendance .at-live-metrics button{padding:12px}.attendance .at-live-controls>*{flex:1 1 42%}.attendance .at-live-controls button,.attendance .at-live-controls a,.attendance .at-live-tools button{min-height:44px}.attendance .at-live-search{display:grid;grid-template-columns:1fr}.attendance .at-live-table{border:0;overflow:visible}.attendance .at-live-table table{min-width:0!important;display:block}.attendance .at-live-table thead{display:none}.attendance .at-live-table tbody{display:grid;gap:12px}.attendance .at-live-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe4ef;border-radius:12px;padding:12px;background:white}.attendance .at-live-table td{padding:9px 5px;border:0;min-width:0;overflow-wrap:anywhere}.attendance .at-live-table td:before{content:attr(data-label);display:block;color:#697e96;font-size:11px;margin-bottom:6px}.attendance .at-live-table td:first-child{grid-column:1/-1}.attendance .at-live-table td:first-child b{font-size:15px}.attendance .at-live-table td:first-child:before{display:none}.attendance .at-live-table td:last-child{grid-column:1/-1}.attendance .at-live-table td:last-child button{width:100%;min-height:44px}.attendance .at-live-activity li{flex-direction:column;gap:4px}.attendance nav{flex-wrap:nowrap;overflow-x:auto;padding:10px}.attendance nav button{white-space:nowrap;min-height:42px}.attendance .at-live-status{line-height:1.5}.attendance .at-live-table td[colspan]{grid-column:1/-1}}