#app .work-queue-head{padding:12px 16px}
#app .work-queue-head p{display:none}
#app .work-queue-head h2{font-size:16px;margin:0}
#app .work-count{min-width:28px;height:28px;font-size:14px}
#app .work-queue ul{margin:0;padding:0}
#app .work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"room amount" "tenant act";column-gap:10px;row-gap:2px;align-items:center;padding:10px 16px;border-bottom:1px solid #edf1f7}
#app .work-row-top,#app .work-row-bottom{display:contents}
#app .work-room{grid-area:room;font-size:17px;font-weight:800}
#app .work-amount{grid-area:amount;font-size:15px;font-weight:700;text-align:right}
#app .work-tenant{grid-area:tenant;margin:0;font-size:12px;color:#6b7c93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .work-row-bottom small{display:none}
#app .work-row-bottom .btn{grid-area:act;justify-self:end;min-height:28px;padding:3px 12px;font-size:12px;border-radius:999px;box-shadow:none}
#app .work-repair-row{grid-template-areas:"room status" "title act"}
#app .work-repair-row .work-repair-status,#app .work-repair-row .badge{grid-area:status;justify-self:end;font-size:11px}
#app .work-repair-row .work-repair-title{grid-area:title;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .work-repair-row>p{display:none}
#app .work-repair-row .work-row-action{grid-area:act;justify-self:end;min-height:28px;padding:3px 12px;font-size:12px;border-radius:999px;width:auto}
#app .work-upcoming-label{padding:6px 16px;font-size:12px}
#app .work-empty{padding:14px 16px}
#app .work-empty span{width:28px;height:28px;font-size:14px}
#app .work-queue-foot{padding:8px 16px;font-size:12px}
#app .work-queue-foot>span{display:none}
#app .work-queue-foot{justify-content:flex-end}