.logout-icon,.search-clear,.filters-btn,.filter-backdrop,.filter-sheet-head,.filter-sheet-auto,.sheet-handle,.panel-status-pill,.panel-quick-actions,.mapboxgl-ctrl.locate-ctrl{display:none}.filter-more{display:contents}.pin-picker-popup .mapboxgl-popup-content{padding:6px 0;min-width:220px}.pin-picker-title{padding:6px 40px 6px 14px;font-size:13px;font-weight:600;color:var(--text-muted)}.pin-picker-list{max-height:min(264px,40vh);overflow-y:auto;overscroll-behavior:contain}.pin-picker-row{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 14px;background:none;border:none;border-top:1px solid var(--border-primary);color:var(--text-primary);font-size:15px;text-align:left;cursor:pointer}.pin-picker-row:active{background:var(--bg-tertiary)}.pin-picker-dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000040}.pin-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-picker-account{flex:0 0 auto;font-size:13px;color:var(--text-muted)}.pin-picker-more{padding:8px 14px 4px;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border-primary)}.pin-picker-popup .mapboxgl-popup-close-button{width:40px;height:36px;font-size:22px}@media (max-width: 899px){@supports (height: 100dvh){body,#app-screen.screen{height:100dvh}}#app-screen.screen{width:100%}#app-screen #map{flex:1 1 auto;min-height:0;height:auto}#app-screen .header{flex-wrap:nowrap;gap:4px;min-height:48px;padding:calc(2px + env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-right,0px)) 2px max(6px,env(safe-area-inset-left,0px))}#app-screen .header-left{gap:0;flex:0 0 auto}#app-screen .header-left h1{display:none}#app-screen .header-right{gap:4px;flex:0 0 auto;margin-left:0}#app-screen .header-center{order:0;flex:1 1 auto;min-width:0;width:auto;max-width:none;margin:0}#app-screen .hamburger-btn,#app-screen .theme-picker-btn{width:44px;height:44px}#app-screen #user-email{display:none}#app-screen .logout-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:var(--header-text)}#app-screen .logout-icon{display:block}#app-screen .logout-label{display:none}#app-screen #search-input{height:44px;padding:0 40px 0 14px;font-size:16px;border-radius:22px}#app-screen .search-container.has-value .search-clear{display:flex}#app-screen .search-clear{position:absolute;top:0;right:0;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:none;color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer}#app-screen .search-results{position:fixed;top:calc(50px + env(safe-area-inset-top,0px));left:0;right:0;max-height:calc(var(--search-vv-height, 100dvh) - 58px - env(safe-area-inset-top,0px));border:none;border-top:1px solid var(--border-primary);border-radius:0 0 12px 12px;box-shadow:0 12px 24px #00000040;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:2100}#app-screen .search-filter-row{padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}#app-screen .search-filter-toggle{min-height:44px;font-size:14px}#app-screen .search-filter-toggle input[type=checkbox]{width:20px;height:20px}#app-screen .search-result-item{min-height:60px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}#app-screen .search-result-item:active{background:var(--bg-primary)}#app-screen .search-result-name{font-size:16px}#app-screen .search-result-account{font-size:14px;color:var(--text-muted)}#app-screen .search-result-address{font-size:14px}#app-screen .search-badge,#app-screen .search-badge.company,#app-screen .search-badge.fuel-type{font-size:11px}#app-screen .stale-warning{gap:8px;padding:0 0 0 max(12px,env(safe-area-inset-left,0px));font-size:13px}#app-screen .stale-warning-text{text-align:left}#app-screen .dismiss-warning{flex:0 0 44px;height:40px;padding:0;font-size:22px}#app-screen .filter-bar{flex-wrap:nowrap;gap:4px;padding:2px max(6px,env(safe-area-inset-right,0px)) 2px max(6px,env(safe-area-inset-left,0px))}#app-screen .filter-bar>.filter-group:first-child{flex:1 1 auto;min-width:0;gap:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}#app-screen .filter-bar>.filter-group:first-child::-webkit-scrollbar{display:none}#app-screen .filter-toggle{flex:0 0 auto;gap:4px;min-height:44px;padding-right:4px}#app-screen .filter-chip{padding:5px 10px;font-size:13px;white-space:nowrap}#app-screen .count{font-size:13px}#app-screen .filter-bar>.filter-group:first-child .filter-toggle{position:relative;isolation:isolate;gap:3px;padding:0 6px;color:var(--text-muted)}#app-screen .filter-bar>.filter-group:first-child .filter-toggle:before{content:"";position:absolute;top:7px;right:0;bottom:7px;left:0;z-index:-1;border:1.5px solid var(--border-secondary, var(--border-primary));border-radius:15px}#app-screen .filter-bar>.filter-group:first-child .filter-chip,#app-screen .filter-bar>.filter-group:first-child .filter-toggle input:checked+.filter-chip{padding:0;border:none;background:transparent!important;color:inherit!important;filter:none;font-size:13px;font-weight:600}#app-screen .filter-bar>.filter-group:first-child .chip-word-long{display:none}#app-screen .filter-bar>.filter-group:first-child .count{color:inherit;font-size:13px;opacity:.85}#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked):before{border-color:transparent}#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.red),#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.blue),#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.alert-chip){color:#fff}#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.yellow){color:#1a1a2e}#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.red):before,#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.alert-chip):before{background:#e94560}#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.yellow):before{background:#f0c929}#app-screen .filter-bar>.filter-group:first-child .filter-toggle:has(input:checked+.filter-chip.blue):before{background:#4a90d9}#app-screen .filter-bar>.filter-group:first-child.is-overflowing{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}#app-screen .filters-btn{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;height:44px;min-width:44px;padding:0 10px;border:1px solid var(--border-primary);border-radius:22px;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer}#app-screen .filters-btn.has-changes{border-color:var(--accent-primary);color:var(--accent-primary)}#app-screen .filter-bar.filters-open .filters-btn{background:var(--accent-primary-light)}@media (max-width: 420px){#app-screen .filters-btn{width:44px;padding:0}#app-screen .filters-btn-label{display:none}#app-screen .filters-btn .filters-badge{position:absolute;top:2px;right:0}}#app-screen .filters-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-primary);color:#fff;font-size:12px;font-weight:700;line-height:18px;text-align:center}#app-screen .filter-more{display:none}#app-screen .filter-bar.filters-open .filter-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop, rgba(0, 0, 0, .4));z-index:1500}#app-screen .filter-bar.filters-open .filter-more{display:flex;flex-direction:column;gap:14px;position:fixed;left:0;right:0;bottom:0;max-height:80dvh;overflow-y:auto;padding:4px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--card-bg);color:var(--text-primary);border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #0000004d;z-index:1501}#app-screen .filter-sheet-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--border-primary)}#app-screen .filter-sheet-title{font-size:17px;font-weight:600}#app-screen .filter-sheet-done{min-width:64px;height:44px;padding:0 12px;border:none;border-radius:8px;background:none;color:var(--accent-primary);font-size:16px;font-weight:600;cursor:pointer}#app-screen .filter-more .filter-group{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;border:none}#app-screen .filter-more .filter-group-label{display:block;flex:0 0 100%;margin:0;font-size:13px;color:var(--text-muted)}#app-screen .filter-more .filter-chip{padding:8px 14px;font-size:15px}#app-screen .filter-more .filter-bar-right{gap:0}#app-screen .filter-more .locate-me-btn{display:none}#app-screen .filter-more .last-updated{font-size:13px;color:var(--text-muted)}#app-screen .filter-more .last-updated.stale{color:var(--status-warning)}#app-screen .filter-sheet-auto{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer}#app-screen .filter-sheet-auto input{width:20px;height:20px;accent-color:var(--accent-primary)}#app-screen .mapboxgl-ctrl-top-left{left:env(safe-area-inset-left,0px)}#app-screen .mapboxgl-ctrl-group button,#app-screen .style-toggle-btn{width:44px;height:44px}#app-screen .mapboxgl-ctrl-fullscreen{display:none}#app-screen .mapboxgl-ctrl-group:has(>.mapboxgl-ctrl-fullscreen:only-child){display:none}#app-screen .mapboxgl-ctrl.locate-ctrl{display:block}#app-screen .locate-ctrl-btn{display:flex;align-items:center;justify-content:center;color:#333}#app-screen .locate-ctrl-btn.locating{animation:pulse-btn 1s ease-in-out infinite}#app-screen .in-view-panel{display:none}#app-screen .customer-panel{left:0;right:0;top:auto;bottom:0;width:auto;max-height:55dvh;padding:0 max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-radius:16px 16px 0 0;border-bottom:none;box-shadow:0 -8px 24px #00000040;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:1200}#app-screen .customer-panel.sheet-expanded{max-height:calc(100dvh - 56px - env(safe-area-inset-top,0px))}#app-screen .panel-title-row{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 calc(-1*max(16px,env(safe-area-inset-right,0px))) 0 calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:16px 52px 10px max(16px,env(safe-area-inset-left,0px));background:var(--card-bg);border-bottom:1px solid var(--border-primary);cursor:pointer}#app-screen .sheet-handle{display:block;position:absolute;top:6px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:var(--border-secondary, var(--border-primary))}#app-screen .close-panel{top:6px;right:4px;width:44px;height:44px;font-size:28px;line-height:1}#app-screen .customer-panel h2{margin:0;padding:0;font-size:18px;line-height:1.25}#app-screen .panel-status-pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-weight:600;white-space:nowrap}#app-screen .panel-status-pill[data-status="0"]{background:#4a90d9;color:#fff}#app-screen .panel-status-pill[data-status="1"]{background:#f0c929;color:#1a1a2e}#app-screen .panel-status-pill[data-status="2"]{background:#e94560;color:#fff}#app-screen .panel-quick-actions{display:flex;gap:8px;padding:10px 0 4px}#app-screen .panel-directions-btn{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;background:var(--btn-primary-bg, var(--accent-primary));color:var(--btn-primary-text, #fff);font-size:16px;font-weight:600;text-decoration:none}#app-screen .panel-directions-btn.hidden{display:none}#app-screen .panel-details{gap:0}#app-screen .panel-details .detail-row{gap:12px;padding:9px 0;font-size:15px;border-bottom:1px solid var(--border-primary)}#app-screen .panel-details .detail-row .label{flex:0 0 auto;font-size:14px}#app-screen .panel-details .detail-row>span:last-child{min-width:0;text-align:right;overflow-wrap:anywhere}#app-screen .panel-details .detail-row:nth-child(3){display:none}#app-screen #panel-otodata-row{order:1}#app-screen .panel-details .detail-row:nth-child(7),#app-screen #panel-tax-rate-row{order:2}#app-screen #panel-company-row,#app-screen #panel-fuel-type-row{order:3}#app-screen .panel-details .detail-row.hidden{display:none}#app-screen .photo-title,#app-screen .text-notes-title,#app-screen .tank-inventory-title{color:var(--text-primary);font-size:15px}#app-screen .note-toggle{min-height:44px;font-size:15px}#app-screen .add-photo-btn{min-height:44px;min-width:72px;justify-content:center;font-size:15px}#app-screen .new-note-input{min-height:44px;font-size:16px}#app-screen .add-note-btn{min-height:44px;min-width:64px;font-size:15px}#app-screen .text-note-delete{min-width:44px;min-height:44px}#app-screen .text-note-content{font-size:15px}#app-screen .text-note-meta{font-size:13px}#app-screen .action-btn{min-height:44px;font-size:16px}#app-screen .edit-instructions{font-size:14px}#app-screen .coord-input-inline{width:120px;min-height:40px;font-size:16px}#app-screen .alerts-list-panel{left:0;right:0;top:auto;bottom:0;width:auto;max-height:50dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0}#app-screen .alerts-list-header,#app-screen .alerts-list-tabs{flex-shrink:0}#app-screen .alerts-list-title{font-size:16px}#app-screen .alerts-list-count{font-size:13px}#app-screen .alerts-tab{min-height:40px;padding:0 12px;font-size:13px}#app-screen .alerts-tab .alerts-tab-count{font-size:12px}#app-screen .alerts-list-row{min-height:52px;padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}#app-screen .alerts-list-name{font-size:15px}#app-screen .alerts-list-account,#app-screen .alerts-list-detail{font-size:13px}#app-screen .alerts-list-type{font-size:12px}#app-screen .theme-option{min-height:44px}}@media (max-width: 899px) and (orientation: landscape) and (max-height: 500px){#app-screen .customer-panel,#app-screen .customer-panel.sheet-expanded,#app-screen .alerts-list-panel{left:auto;right:0;top:calc(98px + env(safe-area-inset-top,0px));bottom:0;width:min(380px,48vw);max-height:none;border-radius:16px 0 0}#app-screen .filter-bar.filters-open .filter-more{left:auto;top:0;width:min(420px,60vw);max-height:none;border-radius:16px 0 0 16px}}.filter-toggle input:checked+.filter-chip.trucks{background:#6d28d9!important;color:#fff!important}.trucks-toggle.trucks-none .count{opacity:.6}body.trucks-on .in-view-panel{display:none!important}.trucks-panel{position:fixed;left:60px;top:130px;width:300px;max-height:calc(100vh - 160px);background:var(--card-bg);color:var(--text-primary);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);z-index:100;display:flex;flex-direction:column;overflow:auto}.trucks-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--card-border);position:sticky;top:0;background:var(--card-bg);z-index:1}.trucks-title{font-weight:700;font-size:.95rem}.trucks-updated{font-size:.75rem;color:var(--text-muted);flex:1}.trucks-close{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;line-height:1;cursor:pointer;padding:0 4px}.trucks-close:hover{color:var(--text-primary)}.trucks-empty{margin:0;padding:12px;font-size:.85rem;color:var(--text-secondary)}.trucks-cards{display:flex;flex-direction:column;gap:8px;padding:10px}.truck-card{border:1px solid var(--card-border);border-left:4px solid var(--truck);border-radius:8px;background:var(--card-bg);overflow:hidden}.truck-card.open{background:var(--card-bg-hover)}.truck-card-head{display:flex;gap:10px;align-items:flex-start;width:100%;padding:8px 10px;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.truck-card-head:hover{background:var(--card-bg-hover)}.truck-swatch{flex:none;width:14px;height:14px;border-radius:50%;background:var(--truck);margin-top:3px;border:2px solid #fff;box-shadow:0 0 0 1px var(--truck)}.truck-card-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.truck-card-top{display:flex;justify-content:space-between;gap:8px}.truck-driver{font-weight:700;font-size:.95rem}.truck-unconfirmed{color:var(--status-warning)}.truck-posted{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.truck-hint,.truck-counts{font-size:.8rem;color:var(--text-secondary)}.truck-state{font-size:.8rem;font-weight:600}.truck-state-exception{color:var(--status-error)}.truck-state-check{color:var(--status-warning)}.truck-state-clear{color:var(--status-success)}.truck-state-muted{color:var(--text-muted)}.truck-warn{color:var(--status-warning);font-size:.8rem}.truck-small{font-size:.75rem}.truck-card-body{padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}.truck-actions{display:flex;gap:6px}.truck-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--truck);background:none;color:var(--text-primary);font:inherit;font-size:.8rem;cursor:pointer}.truck-btn:hover{background:var(--truck);color:#fff}.truck-btn:disabled{opacity:.5;cursor:default}.truck-stops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.truck-stop{display:grid;grid-template-columns:24px 1fr auto auto;gap:6px;align-items:baseline;width:100%;padding:3px 4px;border:none;border-radius:4px;background:none;color:inherit;font:inherit;font-size:.82rem;text-align:left;cursor:pointer}.truck-stop:hover{background:var(--card-bg)}.truck-stop-n{font-weight:700;color:var(--truck);font-variant-numeric:tabular-nums}.truck-stop.suggested .truck-stop-n{color:#c2410c}.truck-stop-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truck-stop-acct{font-family:var(--mono, monospace);font-size:.75rem;color:var(--text-muted)}.truck-stop-leg{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.truck-review-link{font-size:.8rem;color:var(--btn-primary-bg)}.truck-line{margin:6px 0;padding:5px 8px;border-radius:6px;border-left:4px solid var(--truck);background:var(--card-bg-hover);color:var(--text-primary);font-size:.82rem;font-weight:600}.panel-truck:empty{display:none}.popup-content .truck-line{margin:6px 0 0;font-size:.78rem}.mapboxgl-popup.truck-hover .mapboxgl-popup-content{padding:4px 8px;font-size:.8rem;color:#1d2430}@media (max-width: 899px){#app-screen .trucks-panel{left:0;right:0;top:auto;bottom:0;width:auto;max-height:50dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;z-index:1150}#app-screen .filter-more .trucks-toggle{display:flex}}.fleet-section{padding:12px;border-bottom:1px solid var(--card-border)}.fleet-heading,.fleet-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.fleet-heading span,.fleet-note,.fleet-address{font-size:.75rem;color:var(--text-secondary)}.fleet-note{margin:4px 0 8px}.fleet-warning{font-size:.8rem;color:var(--status-warning);margin:8px 0}.fleet-card{border:1px solid var(--card-border);border-radius:8px;padding:9px;margin-top:8px}.fleet-row label{cursor:pointer;white-space:nowrap}.fleet-row>span{font-size:.75rem;text-align:right}.fleet-stale .fleet-row>span{color:var(--status-warning)}.fleet-address{overflow-wrap:anywhere;margin:4px 0}.fleet-actions{display:flex;gap:8px;margin-top:8px}.fleet-actions button{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);border-radius:5px;padding:5px 8px;cursor:pointer;font:inherit;font-size:.75rem}.fleet-actions button[aria-pressed=true]{color:#fff;background:#0369a1}.fleet-actions button:disabled{opacity:.5;cursor:default}.fleet-marker{display:flex;flex-direction:column;align-items:center;padding:4px 7px;background:#075985;color:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #0007;cursor:pointer;z-index:2;min-width:46px}.fleet-marker-name{font:700 12px system-ui}.fleet-marker-stale{background:#64748b;border-style:dashed}.fleet-heading-arrow{position:absolute;top:-18px;font-size:16px;color:#075985;text-shadow:0 0 2px white;transform-origin:center 36px;pointer-events:none}.fleet-marker-stale .fleet-heading-arrow{color:#64748b}.fleet-popup{color:#172033;font:13px system-ui}.fleet-popup .mapboxgl-popup-content{max-width:260px;padding:12px 24px 12px 12px}.fleet-popup strong{font-size:16px}.fleet-routes-label{padding:10px 12px 0;font-size:.85rem;font-weight:600}