@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--green:#87a80b;--ink:#292d27;--muted:#7c8474}*{box-sizing:border-box}body{margin:0;background:#f6f7f2;font:13px Poppins,sans-serif;color:var(--ink);padding-bottom:85px}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}header{background:#fff;padding:20px max(22px,calc((100vw - 1060px)/2));display:flex;align-items:center;gap:20px;border-bottom:1px solid #e5e9dc}header>img{width:132px}header>span{border-left:1px solid #e2e7d9;padding-left:20px;font-size:9px;letter-spacing:1.5px}header b{display:block;font-size:16px;letter-spacing:0}#profileButton{margin-left:auto;border-radius:50%;background:#f0f4e2;width:40px;height:40px;font-weight:700;color:#718b0a}main{max-width:1060px;margin:auto;padding:28px 22px}.demo{font-size:8px;letter-spacing:1.6px;color:#929a85;margin-bottom:22px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#7e960f}h1{font-size:35px;letter-spacing:-1.2px;margin:9px 0}h2{font-size:22px;letter-spacing:-.6px}.welcome p{font-size:12px;color:var(--muted)}.available{background:#eaf2d0;border:1px solid #dce8bc;color:#6b8604;padding:11px 16px;border-radius:24px;font-size:11px;white-space:nowrap}.available.off{background:#eceee7;color:#7a8070;border-color:#dfe2d5}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;gap:15px}.stats>div{border:1px solid #e1e6d6;background:#fff;border-radius:15px;padding:20px}.stats small{display:block;color:var(--muted);font-size:10px;margin-bottom:9px}.stats b{font-size:25px;letter-spacing:-.8px}.stats>div:last-child b{font-size:20px}.location-panel{display:flex;align-items:center;gap:14px;background:#eef3df;border:1px solid #dfe7cb;border-radius:15px;padding:18px}.location-icon{font-size:30px;color:#7e980f}.location-panel>div{flex:1}.location-panel b{font-size:12px}.location-panel p{font-size:10px;line-height:1.8;color:var(--muted);margin:5px 0 0}.location-panel button{background:#fff;border:1px solid #dce4cc;padding:10px 14px;border-radius:9px;font-size:10px}.tabs{display:flex;gap:10px;margin:30px 0 20px}.tabs button{padding:10px 19px;border-radius:22px;font-size:11px}.tabs .selected{background:var(--ink);color:white}.delivery-card{border:1px solid #e1e6d7;background:white;border-radius:20px;margin-bottom:22px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #edf0e5;gap:15px}.channel{font-size:9px;font-weight:600;display:flex;gap:7px;align-items:center}.channel img{width:23px;height:23px;object-fit:contain}.channel.saas{color:#7a910e}.order-ref{font-size:10px;color:var(--muted)}.card-body{padding:23px 25px}.card-status{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.card-status h2{margin:0;font-size:19px}.status-chip{background:#f0f5e1;border-radius:20px;padding:7px 11px;font-size:9px;color:#6f870b}.route{display:grid;gap:23px;border-left:2px dashed #dce5c5;margin:0 0 20px 8px;padding-left:22px}.route-point{position:relative}.route-point:before{content:'';position:absolute;left:-29px;top:3px;width:11px;height:11px;border-radius:50%;background:#8aaa0c;box-shadow:0 0 0 5px white}.route-point:last-child:before{background:#30362a}.route-point small{font-size:9px;color:var(--muted);display:block}.route-point b{display:block;font-size:13px;margin:5px 0}.route-point p{font-size:11px;color:#767f6c;margin:0}.route-point a{display:inline-block;color:#6d8509;font-size:10px;margin-top:8px;text-decoration:none;font-weight:600}.delivery-info{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid #edf0e4;padding:17px 0;gap:15px}.delivery-info small{font-size:9px;display:block;color:var(--muted);margin-bottom:5px}.delivery-info b{font-size:12px}.items{font-size:10px;color:var(--muted);line-height:1.9;margin:17px 0}.primary{background:var(--green);color:white;border-radius:11px;padding:13px 17px;font-weight:600;font-size:12px;width:100%}.secondary{border:1px solid #dfe6d1;padding:11px 15px;border-radius:10px;font-size:10px}.actions{display:flex;gap:12px}.actions .primary{flex:1}.integration{border:1px solid #e0e5d5;border-radius:15px;text-align:center;padding:22px;margin-top:35px}.integration>span{font-size:9px;letter-spacing:2px;font-weight:700;color:#85926b}.integration p{font-size:11px;color:#6d765f}.integration small,.note{font-size:10px;color:var(--muted);line-height:1.8}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:60px;background:#fff;border-top:1px solid #e5e9dc;padding:12px 20px max(12px,env(safe-area-inset-bottom));z-index:3}.bottom-nav button{font-size:22px;min-width:65px;color:#76835c}.bottom-nav span{display:block;font-size:9px}dialog{max-width:440px;width:calc(100% - 30px);padding:28px;border:0;border-radius:20px}dialog::backdrop{background:#20251c88;backdrop-filter:blur(4px)}.close{float:right;font-size:19px}#toast{display:none;position:fixed;bottom:95px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#292e23;color:#fff;border-radius:12px;z-index:5;font-size:11px;max-width:90%;width:max-content}.empty{padding:50px;text-align:center;color:var(--muted);background:#fff;border:1px solid #e3e8d8;border-radius:18px}@media(max-width:540px){header{padding:17px 20px;gap:13px}header>img{width:110px}header>span{padding-left:13px;font-size:7px}header b{font-size:14px}main{padding:23px 16px}.welcome{align-items:start}.welcome h1{font-size:29px}.eyebrow{font-size:8px}.welcome p{font-size:10px}.available{font-size:9px;padding:10px}.stats{gap:9px}.stats>div{padding:14px 11px}.stats b{font-size:23px}.stats small{font-size:8px}.stats>div:last-child b{font-size:15px}.location-panel{flex-wrap:wrap;padding:16px}.location-panel button{margin-left:42px}.card-head,.card-body{padding:19px}.card-status h2{font-size:17px}.delivery-info{gap:9px}.delivery-info b{font-size:10px}.bottom-nav{gap:40px}}
.delivery-route-map{margin:22px 0}.route-map-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.route-map-heading b{font-size:12px}.route-map-heading span{font-size:10px;color:var(--muted)}.route-map{height:280px;border-radius:13px;border:1px solid #dfe5d2;background:#eaf0e3;z-index:0}.route-map-status{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.leaflet-container{font-family:Poppins,sans-serif}.leaflet-control-attribution{font-size:8px}@media(max-width:540px){.route-map{height:250px}}
.live-route-consent{padding:17px 20px;background:white;border:1px solid #e2e7d7;border-radius:13px;margin-top:12px}.live-route-consent b{font-size:11px}.live-route-consent p{font-size:10px;line-height:1.8;color:var(--muted)}.live-route-consent label{font-size:10px;line-height:1.8;display:flex;align-items:start;gap:8px}.live-route-consent input{accent-color:#87a80b}.batch-summary{background:#fff;border:1px solid #e0e6d4;border-radius:17px;padding:22px;margin-top:24px}.batch-summary h2{font-size:20px;margin:10px 0}.batch-summary p,.batch-summary>small{font-size:10px;line-height:1.8;color:var(--muted)}.batch-summary ol{padding-left:20px}.batch-summary li{padding:9px 0;font-size:11px;color:#728914}.batch-summary li span{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.driver-payment{background:#f1f5e5;border:1px solid #dfe7ce;border-radius:12px;padding:16px;margin-top:17px}.driver-payment b{font-size:11px}.driver-payment strong{display:block;font-size:13px;margin-top:9px;color:#637d08}.driver-payment p{font-size:10px;color:var(--muted);line-height:1.8;margin:8px 0 0}
.courier-assignment{margin:0;padding:12px 25px;background:#f7f9f0;border-bottom:1px solid #e8eddf;color:#738159;font-size:10px;line-height:1.8}
#incidentForm select,#incidentForm textarea{display:block;width:100%;font:inherit;font-size:12px;padding:12px;border:1px solid #dfe5d2;border-radius:10px;margin:15px 0}#incidentForm textarea{min-height:90px}.delivery-check{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.8;margin:20px 0}.delivery-check input{accent-color:#87a80b}