.dash-work-desktop{display:none}
@media(min-width:701px){
 .dash-work-desktop{display:block;margin-bottom:24px}
 #app[data-view=dashboard] .dash-legacy-work{display:none}
 .work-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
 .work-metric{display:flex;flex-direction:column;text-align:left;padding:18px;background:#fff;border:2px solid #9db3ce;border-radius:12px;color:#17375f;min-width:0}
 .work-metric>span{font-size:15px;font-weight:600}.work-metric>strong{font-size:25px;font-weight:800;margin:8px 0 4px;white-space:nowrap;letter-spacing:-.6px}
 .work-metric small{color:#4f6783;font-size:14px;margin:0}.work-metric small span{float:right}
 .work-metric-income{background:#17375f;color:#fff;border-color:#17375f}#app .work-metric-income small{color:#d7e5f8}
 .work-metric-late>strong{color:#a5413a}
 .work-queues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
 .work-queue{border:2px solid #a2b6d0;border-radius:12px;display:flex;flex-direction:column;min-width:0;overflow:hidden}
 .work-queue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:#edf2fa;border-bottom:1px solid #a2b6d0;padding:16px}
 .work-queue-head h2{font-size:18px;color:#17375f;line-height:1.5}.work-queue-head p{font-size:14px;color:#52677f;margin-top:3px;line-height:1.5}
 .work-count{display:grid;place-items:center;min-width:34px;height:34px;background:#17375f;color:#fff;border-radius:9px;font-size:17px;font-weight:700;flex:none}
 .work-queue ul{list-style:none;margin:0;padding:0}.work-row{padding:14px 16px;border-bottom:1px solid #ccd8e7;min-width:0}
 .work-row:last-child{border-bottom:0}.work-row-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
 .work-room{font-size:19px;color:#244f7f;white-space:nowrap}.work-amount{font-size:16px;color:#17375f;white-space:nowrap;font-variant-numeric:tabular-nums}
 .work-row p{color:#425b76;font-size:15px;line-height:1.55;margin:4px 0 8px;overflow-wrap:anywhere}
 .work-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.work-row-bottom small{font-size:14px;margin:0;color:#536b85;line-height:1.5}
 .work-row .btn{min-height:42px;font-size:15px;padding:8px 12px;border-width:1.5px;border-radius:8px}
 .work-late-amount{color:#a5413a}.work-remind-btn{border-color:#8eaaa0!important;color:#176548!important;background:#eef7f3!important}
 .work-line-unlinked{margin-top:6px;font-size:14px;color:#5a6b80}
 .work-urgent{background:#f8e8e5;color:#a1392e;border:1px solid #d2a09a;border-radius:6px;padding:3px 7px;font-size:14px}
 .work-repair-status{font-size:14px;color:#52677f}.work-repair-title{display:block;font-size:15px;line-height:1.5;margin-top:5px;color:#17375f}
 .work-repair-row p{font-size:14px;margin:4px 0 8px}.work-row-action{width:100%;text-align:left;background:#edf2f9!important;border-color:#9fb4d0!important;color:#244f7f!important}
 .work-upcoming-label{background:#f2f5f9;color:#536b85;padding:7px 16px;font-size:14px;font-weight:600;border-top:1px solid #ccd8e7;border-bottom:1px solid #ccd8e7}
 .work-queue-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding:8px 12px;background:#f7f9fc;border-top:1px solid #ccd8e7}
 .work-queue-foot>span{font-size:14px;color:#52677f}.work-queue-foot .text-btn{font-size:14px;min-height:42px;padding:7px 4px;white-space:nowrap;color:#2454c6}
 .work-empty{padding:26px 16px;text-align:center}.work-empty>span{display:inline-grid;place-items:center;background:#e6f2ec;color:#197151;border-radius:50%;height:36px;width:36px;font-size:20px}.work-empty p{font-size:15px;color:#52677f;margin-top:8px}
 .work-other{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
 .work-other button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:#fff;border:1.5px solid #9db3ce;border-radius:10px;padding:12px 14px;color:#17375f;min-width:0}
 .work-other strong{font-size:15px}.work-other small{font-size:14px;color:#536b85;margin-top:3px}.work-other b{font-size:20px;white-space:nowrap}.work-other b span{font-size:18px;color:#5c7696}
 .work-metric:focus-visible,.work-other button:focus-visible{outline:3px solid #3263ed;outline-offset:3px}
}
@media(min-width:701px) and (max-width:1199px){
 .work-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .work-queues{grid-template-columns:repeat(2,minmax(0,1fr))}
 .work-repairs{grid-column:1/-1}.work-repairs ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .work-repairs .work-row{border-bottom:0}.work-repairs .work-row+ .work-row{border-left:1px solid #ccd8e7}
 .work-other{grid-template-columns:1fr}.work-other small{display:inline;margin-left:8px}
}
