*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;background:#f4f6fa;color:#1b2333}
header{background:#000;border-bottom:3px solid #ffd200;color:#fff;padding:10px 16px;display:flex;gap:16px;align-items:center}header b{font-size:18px}
header a{color:#fff;cursor:pointer;opacity:.85}header a.on{opacity:1;text-decoration:underline}header .sp{flex:1}
main{padding:16px;max-width:1200px;margin:auto}.card{background:#fff;border-radius:8px;padding:14px;margin-bottom:14px;box-shadow:0 1px 3px #0002}
label{display:block;font-size:12px;color:#556;margin-top:6px}input,select,textarea{width:100%;padding:7px;border:1px solid #c8cfdb;border-radius:5px;font-size:14px}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.chk{display:flex;gap:6px;align-items:center;margin-top:8px}.chk input{width:auto}
button{background:#d71920;color:#fff;border:0;border-radius:5px;padding:8px 14px;font-size:14px;cursor:pointer}button.sec{background:#e3e8f2;color:#1b2333}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:6px;border-bottom:1px solid #e5e8ef;text-align:left}tr.click{cursor:pointer}tr.click:hover{background:#f0f4fb}
.pill{padding:2px 8px;border-radius:10px;background:#e3e8f2;font-size:12px}.pill.delivered{background:#cdeccf}.pill.new{background:#ffe7b3}
.price{font-size:13px}.price .big{font-size:26px;font-weight:700}.err{color:#b00020}.sugg{border:1px solid #c8cfdb;background:#fff;max-height:200px;overflow:auto}.sugg div{padding:6px;cursor:pointer}.sugg div:hover{background:#eef}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:14px}@media(max-width:800px){.grid2{grid-template-columns:1fr}}
/* ---- mobile: never scroll the page sideways ---- */
html,body{max-width:100%;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}
img,canvas,iframe,video{max-width:100%}input,select,textarea,button{max-width:100%;min-width:0}
td,th,.card,main{overflow-wrap:anywhere;word-break:break-word}.row>*,.grid2>*{min-width:0}
header{flex-wrap:wrap;row-gap:6px}
table{max-width:100%}
@media(max-width:700px){
  main{padding:8px}.card{padding:10px}.row{grid-template-columns:1fr}
  header{gap:10px;padding:8px 10px}header .sp{display:none}
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
  table.stack tr:first-child:has(th){display:none}
  table.stack tr{border:1px solid #e5e8ef;border-radius:6px;margin-bottom:8px;padding:6px;background:#fff}
  table.stack td{border:0;padding:3px 4px}
  table.stack td[data-l]::before{content:attr(data-l) ": ";font-weight:600;color:#556}
  table:not(.stack){display:block;overflow-x:auto}
}
/* address autocomplete: dropdown stays inside the field's width (no sideways scroll on phones) */
.ac-wrap{position:relative;width:100%;max-width:100%}
.ac-list{position:absolute;left:0;right:0;top:100%;z-index:50;background:#fff;border:1px solid #c8cfdb;border-radius:0 0 6px 6px;box-shadow:0 4px 10px #0002;max-height:260px;overflow-y:auto;overflow-x:hidden}
.ac-item{padding:9px 8px;cursor:pointer;font-size:14px;white-space:normal;overflow-wrap:anywhere}.ac-item:hover{background:#eef3fb}
.ac-foot{font-size:11px;color:#889;text-align:right;padding:3px 8px}.ac-badge{font-size:12px;min-height:0}.ac-badge .ok{color:#1b7a32}.ac-badge .warn{color:#a65f00}
.miles-note{font-size:12px;color:#556}

/* Daily Express Couriers brand: red #d71920, yellow #ffd200, silver #c0c4cc, black */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hlogo{display:flex;align-items:center}.hdrlogo{display:block;height:40px;width:auto;max-width:46vw}
header a.on{color:#ffd200;opacity:1}.drvtag{color:#c0c4cc;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.brandband{background:#000;margin:-14px -14px 12px;padding:16px 14px;border-radius:8px 8px 0 0;border-bottom:3px solid #ffd200;text-align:center}
.brandlogo{display:block;width:100%;max-width:300px;height:auto;margin:auto}
.pill.delivered{background:#d9f2dc}.pill.new{background:#fff2b3}
@media(max-width:700px){.brandband{margin:-10px -10px 12px}.hdrlogo{height:32px}}
/* phones: nothing wider than the screen */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
header{max-width:100vw}header a{white-space:nowrap}
input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%}
select{max-width:100%;text-overflow:ellipsis}
table{max-width:100%}
@media (max-width:600px){header{font-size:15px;column-gap:12px}header .hdrlogo{height:32px}}

/* main nav: inline on desktop, ☰ drawer on phones */
#mainnav{display:contents}#hamb{display:none}
@media (max-width:768px){
  header{position:relative;flex-wrap:nowrap}
  #hamb{display:block;order:-1;width:auto;background:none;border:1px solid #555;color:#fff;font-size:24px;line-height:1;padding:6px 12px;border-radius:8px;cursor:pointer}
  #mainnav{display:none;position:absolute;left:0;right:0;top:100%;z-index:60;background:#000;border-bottom:3px solid #ffd200;box-shadow:0 10px 24px rgba(0,0,0,.45);flex-direction:column;padding:6px 0}
  header.mopen #mainnav{display:flex}
  #mainnav a{display:block;padding:15px 20px;font-size:18px;opacity:1;border-top:1px solid #222;white-space:normal}
  #mainnav a.on{background:#1b1b1b;color:#ffd200;text-decoration:none;border-left:4px solid #ffd200;padding-left:16px}
  header #who{display:none}header .sp{display:block;flex:1}
}
@media (max-width:768px){#hamb{display:flex;align-items:center;gap:8px;max-width:58vw;font-size:17px;font-weight:600}#hamb .hi{font-size:22px}#hamb #hambcur{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header .hdrlogo{height:28px}}
/* Every unit is one clearly boxed block: darker border + bigger gaps (all CIS windows) */
.card{border:2px solid #555;border-radius:10px;margin-bottom:15px}
.jbox,.dbox{border:2px solid #555!important;border-radius:8px!important}
.jboxes{gap:15px!important}.rpd{gap:15px!important}
.jbox+.jbox,.dbox+.dbox{margin-top:0}
.sbox{gap:10px}
table.stack{border-collapse:separate;border-spacing:0 12px}
table.stack tr:not(:first-child) td{border-top:2px solid #555;border-bottom:2px solid #555;background:#fff}
table.stack tr:not(:first-child) td:first-child{border-left:2px solid #555;border-radius:8px 0 0 8px}
table.stack tr:not(:first-child) td:last-child{border-right:2px solid #555;border-radius:0 8px 8px 0}
table.stack tr:first-child:not(:has(th)) td{border-top:2px solid #555;border-bottom:2px solid #555;background:#fff}
table.stack tr:first-child:not(:has(th)) td:first-child{border-left:2px solid #555;border-radius:8px 0 0 8px}
table.stack tr:first-child:not(:has(th)) td:last-child{border-right:2px solid #555;border-radius:0 8px 8px 0}
table.djobs{border-spacing:0 15px}table.djobs td{padding:10px 8px}
@media (max-width:600px){
  table.stack{border-spacing:0}
  table.stack tr{border:2px solid #555!important;border-radius:8px!important;margin-bottom:15px!important;padding:10px!important}
  table.stack tr td{border:0!important;border-radius:0!important;padding:3px 4px}
}

.rcards{display:flex;flex-direction:column;gap:15px}.rcard{border:2px solid #555;border-radius:8px;padding:10px;min-width:0;cursor:pointer}
.rhead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.rright{display:flex;gap:8px;align-items:center;white-space:nowrap}
.rstops{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:10px 0}.rstops .jbox{padding:8px;min-width:0;overflow-wrap:anywhere}.rstops h4{margin:0 0 4px}
.rdrvw{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rdrvw select{max-width:100%;width:auto;flex:1 1 160px}
.rstops .jbox h4{display:block!important;width:max-content;margin:0 0 6px!important}
.dtab{background:#fff!important;border:2px solid!important;font-weight:700}.dt0{border-color:#111!important;color:#111!important}.dt1{border-color:#0a7d2c!important;color:#0a7d2c!important}.dt2{border-color:#d71920!important;color:#d71920!important}.dtab.sel{color:#fff!important}.dt0.sel{background:#111!important}.dt1.sel{background:#0a7d2c!important}.dt2.sel{background:#d71920!important}
#livemap{height:320px;border:2px solid #555;border-radius:8px;margin-bottom:10px;max-width:100%}.lvrow{border:2px solid #555;border-radius:8px;padding:8px;margin-top:8px}
.leaflet-container{max-width:100%}
#signout{flex:0 0 auto;width:auto;margin:0 0 0 8px;padding:8px 12px;font-size:16px;font-weight:700;color:#fff;background:#d71920;border:2px solid #fff;border-radius:8px;cursor:pointer;white-space:nowrap}#signout[hidden]{display:none}
#hamb[hidden],#mainnav[hidden]{display:none!important}
.drvtag{white-space:nowrap}
.jbh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.jbh .jswap-h{margin:0 0 0 auto;padding:4px 12px;float:none;position:static}
.jbox h4{display:table!important}.jbh .jswap-h{margin:0 0 0 8px!important;padding:2px 10px}.jbox h4.jbh{display:flex!important;width:fit-content}
#lmwrap{position:relative}#lmclose{display:none}
#lmwrap.full{position:fixed;inset:0;z-index:2000;background:#fff}#lmwrap.full #livemap{height:100%!important;width:100%;border:0;border-radius:0;margin:0}
#lmwrap.full #lmclose{display:block;position:absolute;top:12px;right:12px;z-index:2100;width:auto;padding:10px 16px;font-size:17px;font-weight:700;background:#000;color:#fff;border:2px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0006}
.lvpin span{display:block;width:22px;height:22px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #000,0 2px 6px #0007}
.drvdot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px;vertical-align:middle;border:1px solid #0003}
.bulkbar .bbrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.bulkbar .bbrow button{flex:1 1 140px;width:auto;margin:0}
.jchk{display:inline-flex;align-items:center;margin-right:6px}.jchk input{width:26px;height:26px;accent-color:#d71920}
.job.bsel{outline:3px solid #d71920;outline-offset:2px}
#dbulk .bbrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#dbulk .bbrow button,#dbulk .bbrow select{width:auto;margin:0}.dcb{width:22px;height:22px;accent-color:#d71920}
table.stack tr.dgrp td{background:#f2f2f2;font-size:17px;padding:10px 12px!important;border-top:2px solid #555}table.stack tr.dgrp td::before{content:none!important}@media (max-width:768px){table.stack tr.dgrp{display:block;margin-top:14px}table.stack tr.dgrp td{display:block;width:auto}}
.dbar{display:inline-block;width:10px;height:1.4em;border-radius:3px;margin-right:8px;vertical-align:middle}
table.stack tr.dgrp td{color:#fff!important;font-size:18px;padding:10px 14px!important;border:0!important;border-radius:6px;text-shadow:0 1px 2px #0007;box-sizing:border-box}table.stack tr.dgrp td b{color:#fff}.dgn{color:#fff;opacity:.92;font-size:15px}@media (max-width:768px){table.stack tr.dgrp,table.stack tr.dgrp td{width:100%!important;max-width:100%}}.jdin{width:auto;max-width:100%;font-size:14px;padding:4px;margin-top:4px}
@media (min-width:769px){table.stack tr.dgrp td{display:table-cell!important}}@media (max-width:768px){table.stack tr.dgrp{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}table.stack tr.dgrp td{display:block!important}}
.srchw{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:6px 0 10px;width:100%}.srchw span{font-weight:700;font-size:14px;white-space:nowrap}.srchw input{width:260px!important;max-width:calc(100% - 70px);margin:0!important;padding:6px 10px;font-size:16px}
#mapbtn{background:#fff;color:#1f6feb;border:2px solid #1f6feb}#mapbtn.on{background:#1f6feb;color:#fff}
.bpnav{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.bpnav span{font-weight:600}button.bpbtn{background:#fff;color:#1f6feb;border:2px solid #1f6feb;padding:6px 14px}button.bpbtn:active{background:#1f6feb;color:#fff}
.selhere{display:block;width:100%;margin:8px 0 2px;white-space:normal;text-transform:none;font-size:13px;padding:8px}
.ofil{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ofil select,.ofil input{width:100%}@media(max-width:700px){.ofil{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ocard{display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.ohd{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.ohd .obill{margin-left:auto}
.oft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}@media(max-width:420px){.oft{grid-template-columns:1fr}}
.opg{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}button.bpbtn:disabled{opacity:.4}
.job .sbox{clear:both;width:100%}@media(max-width:600px){.job .sbox{grid-template-columns:1fr}.job .sbox>.swap{justify-self:center;transform:rotate(90deg)}}
button.bpbtn.on{background:#1f6feb;color:#fff}.bpnav{flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{padding:8px 14px;border-radius:99px;border:1.5px solid #bbb;background:#fff;color:#1b2333;font-weight:600}.chip.on{background:#0047ab;border-color:#0047ab;color:#fff}
.sec-bar{display:flex;justify-content:space-between;align-items:center;margin:12px 0 10px;padding:11px 14px;border-radius:10px;font-size:17px;font-weight:800;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12)}.sec-bar .sec-n{min-width:34px;text-align:center;padding:2px 10px;border-radius:99px;background:rgba(255,255,255,.25)}
.sec-flag{background:#f0a500;color:#2b1d00}.sec-flag .sec-n{background:rgba(0,0,0,.12)}.sec-open{background:#2e7d4f}.sec-fin{background:#1d1d1f}.sec-all{background:#1f6feb}
.pill.attn{background:#fde2e1;color:#b3261e}
.pill.invd{background:#e3edff;color:#0b4bb3}tr.ujobs td{padding:6px 0 12px!important}tr.ujobs td::before{content:none!important}.ofil{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:700px){.ofil{grid-template-columns:repeat(2,minmax(0,1fr))}}
.iarow{display:flex;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid #ddd;cursor:pointer;overflow-wrap:anywhere}.iarow span:nth-child(2){flex:1;min-width:0}.ihist{border-left:4px solid #1f6feb;padding:4px 10px}
.pgt{margin:6px 4px 10px}
td.nw,th{white-space:nowrap}td.nw .pill,.pill{white-space:nowrap}td.flexc{width:100%;white-space:normal;overflow-wrap:anywhere}.ohd>*{white-space:nowrap}.ohd{min-width:0}
td.nw,td.nw *,.ohd>*,.pill{overflow-wrap:normal!important;word-break:normal!important}
.ilist{display:flex;flex-direction:column;gap:10px}.irow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 14px;align-items:center;border:2px solid #555;border-radius:8px;padding:8px 10px;cursor:pointer}.irow .ic{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-width:0}.irow .cn{overflow:hidden;text-overflow:ellipsis}.irow .r{text-align:right;justify-self:end}
.invback{margin:0 0 8px}

.ijhd{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ijhd h3{margin:0}.ijhd .srchw{width:auto;flex:1 1 200px;margin:4px 0}
table.djobs td.djno{white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;min-width:8ch}

.phl{white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.telb{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;margin:-6px 0;text-decoration:none!important;font-size:18px;border-radius:50%}.telb:active,.telb:hover{background:#0001}

.discnote{font-size:14px;font-weight:600;color:#0a7d2c;min-height:1.3em;margin-top:2px;white-space:nowrap}.discnote.up{color:#b35c00}
.dbtns{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.dbtns .dtab{width:100%;padding:10px 4px;margin:0}
.osort{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.osort .chip{padding:6px 10px;font-size:14px;white-space:nowrap}.osort .muted{font-size:13px;font-weight:700;margin-right:2px}
.odate{min-height:44px;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:auto;background:#fff;font-size:16px}
.jsec{margin:14px 0 4px}.jsech{margin:0 0 8px;padding:8px 12px;border-radius:6px;font-size:17px;color:#fff;background:#0047ab;list-style:none;cursor:default}.jsec-picked .jsech{background:#b35c00}.jsec-enroute .jsech{background:#6a1b9a}.jsec-done .jsech{background:#1d1d1f;cursor:pointer}.jsec-done summary::-webkit-details-marker{display:none}.jsec-done summary::before{content:'▸ ';}.jsec-done[open] summary::before{content:'▾ '}.jsecn{opacity:.9;font-weight:600}
.futcard{background:#fff8e1!important;border-color:#b35c00!important}.futnote{flex:1 1 100%;color:#b35c00;font-weight:600}
.alldone{text-align:center;font-size:20px;font-weight:700;color:#0a7d2c;padding:28px 12px}
.jsec-done{margin-top:22px}.jsec-done .jsech{background:#1d1d1f!important;font-size:18px;padding:12px 14px;border-radius:6px;text-shadow:0 1px 2px #0007;width:100%;box-sizing:border-box;display:block}
.rhead .rnext{white-space:nowrap;align-self:center;margin:0 10px;font-size:15px}@media (max-width:600px){.rhead{flex-wrap:wrap}.rhead .rnext{order:3;flex:1 1 100%;margin:4px 0 0}}
.rjd{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rjd>div{min-width:0}.rjd .rjr{border-left:1px solid #ccc;padding-left:16px}@media (max-width:760px){.rjd{grid-template-columns:1fr}.rjd .rjr{border-left:0;padding-left:0;border-top:1px solid #ccc;padding-top:10px}}
/* keep header + ☰ drawer above Leaflet (panes/controls up to ~1000); fullscreen map (2000) still covers all */
header{position:relative;z-index:1500}#mainnav{z-index:1600}.ac-list{z-index:1100}
/* time clock (driver) */
.tclock{border-color:#111}.tchead{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.tcst{font-weight:800;font-size:18px;padding:4px 10px;border-radius:6px;border:2px solid}
.tcst.tcout{color:#555;border-color:#555}.tcst.tcin{color:#0a7d2c;border-color:#0a7d2c}.tcst.tcbrk{color:#b26a00;border-color:#b26a00}.tcsince{color:#333}.tctoday{margin-left:auto;font-size:16px}
.tcbtns{display:flex;gap:10px;margin-top:10px}.tcb{flex:1;padding:16px 10px;font-size:19px;font-weight:800;background:#fff!important;border:3px solid!important;border-radius:10px}
.tcb.tcgo{color:#0a7d2c!important;border-color:#0a7d2c!important}.tcb.tcstop{color:#d71920!important;border-color:#d71920!important}.tcb.tcbrk{color:#b26a00!important;border-color:#b26a00!important}
.tcb:active,.tcb.sel{color:#fff!important}.tcb.tcgo:active{background:#0a7d2c!important}.tcb.tcstop:active{background:#d71920!important}.tcb.tcbrk.sel,.tcb.tcbrk:active{background:#b26a00!important}
.tcmy{margin-top:10px}.tcmy summary{font-weight:700;cursor:pointer;padding:6px 0}.tcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:6px 0}
.tcbox{border:2px solid #555;border-radius:8px;padding:8px 10px;min-width:0}.tcbox h5{margin:0 0 4px;font-size:13px;color:#333}.tcbox b{font-size:18px;display:block}.tcbox small{color:#444}.tcshifts{margin:6px 0;display:grid;gap:4px}
/* payroll (office) */
.prrow{border:2px solid #555;border-radius:10px;padding:10px 12px;margin-bottom:12px}.prhd{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}.prhd b{font-size:17px}
.prnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:8px 0}.prnums div{border:1px solid #999;border-radius:6px;padding:6px 8px}.prnums small{display:block;color:#444}
.prshift{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;border-top:1px solid #ccc;padding:6px 0}.prshift button{width:auto;padding:4px 10px}
.prbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prbar button{width:auto}.obtn{background:#fff!important;color:#111!important;border:2px solid #111!important}.obtn.sel{background:#111!important;color:#fff!important}
.jhrow{display:flex;align-items:center;gap:10px}.jhrow h3{margin:0;flex:1;min-width:0}.jback{width:auto!important;flex:none;padding:8px 14px;font-weight:700;white-space:nowrap}.jback:hover,.jback:active{background:#111!important;color:#fff!important}
.sec-cxl{background:#6b6b6b!important;color:#fff!important}.jcx{width:auto!important;padding:4px 10px!important;font-size:13px!important;margin-top:4px;color:#d71920!important;border-color:#d71920!important}.jcx:hover,.jcx:active{background:#d71920!important;color:#fff!important}
.junc{width:auto!important;padding:4px 10px!important;font-size:13px!important;margin-top:4px;color:#0a7d2c!important;border-color:#0a7d2c!important}.junc:hover,.junc:active{background:#0a7d2c!important;color:#fff!important}
.pickall{width:auto;padding:8px 12px;margin-top:6px;font-weight:700;background:#fff!important;color:#0a7d2c!important;border:2px solid #0a7d2c!important;border-radius:8px}.pickall:active{background:#0a7d2c!important;color:#fff!important}
/* status badges (Dispatch + driver cards): yellow = not started, green = in progress, black = delivered, grey = cancelled */
.pill.stb{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:800;letter-spacing:.02em;border:2px solid transparent;white-space:nowrap}
.pill.stb.new,.pill.stb.assigned{background:#ffd200;color:#1b1b1b;border-color:#c9a400}
.pill.stb.on_way,.pill.stb.picked_up,.pill.stb.en_route{background:#0a7d2c;color:#fff;border-color:#06591f}
.pill.stb.delivered{background:#111;color:#fff;border-color:#000}
.pill.stb.cancelled{background:#8a8a8a;color:#fff;border-color:#6b6b6b;text-decoration:line-through}
table.djobs td.dstat .dstw{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px;min-height:62px}table.djobs td.dstat .jcx,table.djobs td.dstat .junc{margin-top:0}
table.djobs td[data-l="Calc"],table.djobs td[data-l="Billed"],table.djobs td[data-l="Service"]{white-space:nowrap}
@media (max-width:768px){
  table.djobs tr.click{position:relative}
  table.djobs td.dstat::before{content:none!important}
  table.djobs td.dstat .dstw{min-height:0;display:block;text-align:right}
  table.djobs td.dstat .stb{position:absolute;top:8px;right:8px}
  table.djobs td.djno{padding-right:120px!important}
}

table.djobs .dord{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}
table.djobs .dord button{min-width:34px;min-height:30px;padding:2px 6px;font-size:13px;line-height:1}
table.djobs .dord button:disabled{opacity:.35}
.dgrp .dtc{font-weight:normal;margin-left:6px}
.dmis{color:#b00020;font-weight:bold}
.prtime{display:inline-flex;gap:4px;align-items:center}.prtime select{width:auto;min-width:64px;font-size:18px;padding:6px}.prdate{max-width:150px;font-size:18px}
.obtn.rowbtn{white-space:nowrap;width:auto;flex:0 0 auto}