:root{--ink:#173e3b;--teal:#007468;--mint:#e4f4eb;--bg:#f4f8f7;--line:#dce9e6;--muted:#647b77}button,a.btn{border-radius:13px}button:focus-visible,a:focus-visible{outline:3px solid #42b8aa;outline-offset:3px}.card{box-shadow:0 5px 18px #173e3b08;border-radius:20px}.card.highlight{background:linear-gradient(120deg,#e4f4eb,#edf8f7);border-color:#cce5dc}nav button.active{color:var(--teal);background:var(--mint)}.top-brand{color:var(--teal)}#bottom-nav{display:none}.tag{border-radius:20px;padding:6px 11px}.tracking-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.tracking-stats>div{background:white;border:1px solid var(--line);border-top:3px solid #36a99a;border-radius:17px;padding:18px;display:grid;gap:8px}.tracking-stats span{font-size:12px;color:var(--muted)}.tracking-stats strong{font-size:30px;line-height:1}.tracking-tabs{display:flex;gap:8px;margin-bottom:20px}.tracking-tabs button.active{background:var(--teal);color:white;border-color:var(--teal)}.tracking-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}.delivery-card{margin:0 0 8px}.delivery-card h2{margin:20px 0 6px;font-size:24px}.delivery-client{font-size:16px;font-weight:600}.delivery-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.delivery-meta>span{display:grid;gap:5px;min-width:0}.delivery-meta b{font-size:14px;overflow-wrap:anywhere}.delivery-meta small{font-size:11px}.delivery-progress{background:#e4f4eb;border-radius:13px;padding:14px;display:grid;gap:4px;margin:14px 0}.delivery-progress span{font-size:12px;color:var(--muted)}.delivery-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}.delivery-footer small{flex:1}.delivery-footer button{font-size:12px}.customer-tracking{min-height:100dvh;background:linear-gradient(150deg,#edf7f1,#f7faf9)}.customer-brand{max-width:640px;margin:auto;padding:20px 24px;display:flex;align-items:center}.customer-brand img{width:140px;height:70px;object-fit:contain}.customer-brand span{color:var(--teal);font-size:13px}.customer-tracking main{max-width:640px;margin:auto;padding:24px}.customer-tracking h1{font-size:36px;line-height:1.2;margin:12px 0 28px}.customer-count{display:grid;text-align:center;padding:24px 0;gap:8px}.customer-count strong{font-size:64px;line-height:1.15;color:var(--teal);letter-spacing:-2px}.customer-count span{font-size:15px;color:var(--muted)}.customer-note{font-size:12px;margin-top:24px}
@media(max-width:760px){#workspace{display:block}#topbar{min-height:64px;padding:10px 16px;gap:10px;flex-wrap:nowrap}#mobile-menu{display:none}.top-brand{font-size:13px;letter-spacing:-.2px}#logout-top{font-size:11px;padding:9px 11px;min-height:44px;margin-left:auto}#top-user{display:none}#workspace>aside{display:none;position:fixed;inset:auto 10px calc(88px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 175px);height:auto;padding:20px;background:white;border:1px solid var(--line);border-radius:24px;z-index:70;overflow:auto;box-shadow:0 0 0 100vmax #173e3b66,0 12px 40px #173e3b25}body.menu-open #workspace>aside{display:block}aside>.logo,.brand-sub{display:none}#nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}#nav button{font-size:11px;min-height:54px;white-space:normal;text-align:center;border:1px solid var(--line);padding:12px 8px}.aside-bottom{display:grid;padding:16px 4px 0}.aside-bottom #logout{padding:10px 0;min-height:44px}#bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 22px #173e3b09;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:80}#bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;padding:7px 1px;font-size:10px;font-weight:600;color:#71867e;border:0;border-radius:13px;text-align:center;white-space:nowrap}#bottom-nav button svg{width:23px;height:23px}#bottom-nav button.active{background:#e4f4eb;color:#007468}main{padding:24px 16px calc(100px + env(safe-area-inset-bottom));width:100%;max-width:100%;min-width:0}header{margin-bottom:22px}header h1{font-size:27px;line-height:1.2;letter-spacing:-.8px}header>.pill{display:none}.eyebrow{font-size:10px;letter-spacing:1.3px}.card{padding:18px;border-radius:18px;margin-bottom:15px}.card h2{font-size:21px;line-height:1.3}.card p{font-size:14px;line-height:1.6}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.grid>.card:last-child:nth-child(odd){grid-column:1/-1}.grid .card{padding:16px}.grid .muted{font-size:12px}.big{font-size:28px}.toolbar{gap:10px;margin-bottom:18px;align-items:stretch}.toolbar label{min-width:0;flex:1 1 calc(50% - 10px);font-size:12px}.toolbar label:has(input[name=q]){flex-basis:100%}.toolbar button{min-height:46px}.toolbar input,.toolbar select{min-width:0}input,select,textarea{font-size:16px!important;min-width:0;border-radius:12px;min-height:46px}.actions button,.actions .btn{font-size:12px;min-height:46px;padding:10px 12px}.split{grid-template-columns:1fr;gap:8px}.step{gap:9px}.step-body{padding:13px;min-width:0}.step-num{width:27px;height:27px;line-height:27px;font-size:12px}.table-wrap{overflow:visible}table,tbody{display:block;width:100%}thead{display:none}tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:16px;background:white;padding:14px;margin:12px 0}tbody td{display:flex;flex-direction:column;gap:5px;border:0;padding:0;min-width:0;font-size:12px;overflow-wrap:anywhere}tbody td::before{content:attr(data-label);font-size:10px;color:var(--muted)}tbody td:first-child{grid-column:1/-1;font-weight:700;font-size:14px;color:var(--teal)}tbody td:last-child:has(button),tbody td:last-child:has(a){grid-column:1/-1}.tracking-stats{gap:9px;margin:18px 0}.tracking-stats>div{padding:14px 11px;gap:10px;border-radius:15px}.tracking-stats span{font-size:10px;line-height:1.4}.tracking-stats strong{font-size:27px}.tracking-tabs{gap:6px}.tracking-tabs button{flex:1;min-width:0;font-size:12px;padding:12px 6px}.tracking-cards{grid-template-columns:1fr;gap:0}.delivery-card h2{font-size:23px}.delivery-meta{gap:12px}.delivery-meta b{font-size:13px}.delivery-footer button{width:100%}dialog{width:calc(100vw - 16px);max-height:90dvh;padding:22px 17px;border-radius:22px}dialog .close{min-height:44px;min-width:44px}#chat-form{bottom:78px;padding-bottom:10px}.message{font-size:14px}.chat-suggestions{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.chat-suggestions button{min-width:180px;font-size:12px}#notice{top:72px;left:12px;right:12px;z-index:110}.customer-tracking main{padding:20px 20px 40px}.customer-tracking h1{font-size:30px}.customer-brand{padding:12px 20px}.customer-tracking .delivery-meta{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.pending-orders h2{margin:8px 0}.pending-order{margin:14px 0}.pending-order>.item-head{align-items:center}.pending-order .checkbox{margin:7px 0;align-items:flex-start}.pending-orders input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;accent-color:var(--teal);margin:3px 0}.pending-deliveries{padding:10px 0 0 20px;border-top:1px solid var(--line)}.pending-deliveries small{display:block;font-weight:400;margin:3px 0}.pending-order input:disabled+span{color:var(--muted)}.pending-orders #pending-status{font-size:13px;margin:18px 0}#route-form{scroll-margin-top:90px}details>summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0}@media(max-width:760px){.pending-orders .actions button{flex:1 1 45%}.pending-orders .actions .primary{flex-basis:100%}.pending-order{padding:14px}.pending-deliveries{padding-left:7px}.pending-order .item-head>.tag{margin-left:32px}.pending-order .checkbox{font-size:13px;min-height:44px;gap:11px}}

/* Compact route date controls, including native iPhone date input. */
@media(max-width:760px){.toolbar:has(#route-date){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.toolbar:has(#route-date)>label{width:100%;min-width:0;margin:0}#route-date{width:100%;min-width:0;max-width:100%;box-sizing:border-box;height:44px;min-height:44px}.toolbar #refresh{align-self:end;height:44px;min-height:44px;width:auto;padding:9px 13px;font-size:12px;line-height:1.2;white-space:nowrap}.toolbar:has(#route-date)>button:not(#refresh){grid-column:1/-1;justify-self:start;min-height:44px;padding:10px 13px;font-size:12px}.incident-recipient{overflow-wrap:anywhere}.incident-recipient p{margin:8px 0}}