#planView #jobs .job{padding:5px 10px;min-height:40px;font-size:12px;line-height:1.25;row-gap:4px}
#planView #jobs .job-head{padding:7px 10px;font-size:10px;line-height:1.2}
#planView #jobs .position{width:25px;height:25px;font-size:12px;border-radius:6px}
#planView #jobs .vehicle{font-size:12px;line-height:1.25}
#planView #jobs .sub{font-size:10px;line-height:1.2}
#planView #jobs .job-destination-name{display:block;font-size:12px;font-weight:650;line-height:1.25;margin-bottom:2px;overflow-wrap:anywhere;hyphens:none}
#planView #jobs button.job-work-edit{background:transparent;color:inherit;border:0;padding:0;text-align:left;border-radius:2px;max-width:100%;cursor:pointer}
#planView #jobs button.job-work-edit:hover{text-decoration:underline;text-underline-offset:2px}
#planView #jobs button.job-work-edit:focus-visible{outline:2px solid #d18717;outline-offset:3px}
#planView #jobs .job-compact-meta{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:1px;font-size:10.5px;font-weight:400;line-height:1.2;color:var(--muted)}
#planView #jobs .job-work-address{display:inline;margin:0;font-size:10.5px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
#planView #jobs .job-order-number{display:inline;margin:0;font-size:10px;line-height:1.2;font-weight:400;white-space:nowrap}
#planView #jobs .job-travel-minutes{font-size:10px;line-height:1.2}
#planView #jobs .companion-summary{font-size:10.5px;line-height:1.2;margin-top:2px}
#planView #jobs .job .actions{flex-wrap:wrap;gap:3px;align-content:center;justify-content:flex-end}
#planView #jobs .actions button,#planView #jobs .job .actions .ops-performance-button{min-height:24px;padding:3px 5px;font-size:10px;line-height:1.15;border-radius:4px}
#planView #jobs .job-planning-hint{margin-top:3px;padding:3px 5px;font-size:10.5px;line-height:1.25}
@media(min-width:1150px){#planView #jobs .job-head,#planView #jobs .job{grid-template-columns:28px 76px 116px 78px 58px minmax(180px,1fr) 66px 62px 246px;column-gap:7px}}
@media(min-width:1600px){#planView #jobs .job-head,#planView #jobs .job{grid-template-columns:28px 84px 132px 82px 64px minmax(230px,1fr) 74px 66px 246px;column-gap:8px}}
@media(max-width:760px){#planView #jobs .job{font-size:13px;padding:8px 10px;row-gap:5px}#planView #jobs .job-destination-name{font-size:13px}#planView #jobs .job-work-address{font-size:12px}#planView #jobs .job .actions{justify-content:flex-start}#planView #jobs .actions button,#planView #jobs .job .actions .ops-performance-button{min-height:34px;font-size:11px;padding:6px 8px}}

.day-billing-type{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:4px;background:#e8edf2;color:#294963;font-weight:700;font-size:10px;white-space:nowrap}
.day-billing-type.is-cubic{background:#dceef8;color:#214b65}
.day-billing-type.is-hourly{background:#f9e6c7;color:#755019}