@import url('/phaztrack-mobile-density-fix.css?v=20260912-mobile2') screen and (min-width:901px);
@import url('/phaztrack-map-control-layout.css?v=20260912-maptools2') screen and (min-width:901px);
/* Never let responsive command-center rules expose the authenticated app shell while login is active. */
body[data-product="phaztrack"] #customerApp.hidden{display:none!important}
body[data-product="phaztrack"] .phaz-mini-legend{position:absolute;z-index:690;left:12px;top:12px;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(104,118,135,.48);border-radius:9px;background:rgba(32,39,48,.88);color:#eef2f7;font-size:.6rem;backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(15,22,30,.12)}
body[data-product="phaztrack"] .phaz-mini-legend span{display:flex;align-items:center;gap:4px;white-space:nowrap}
body[data-product="phaztrack"] .phaz-mini-legend i{width:7px;height:7px;border-radius:50%;display:block}
body[data-product="phaztrack"] .phaz-mini-legend .moving{background:#198754}body[data-product="phaztrack"] .phaz-mini-legend .parked{background:#2f6fba}body[data-product="phaztrack"] .phaz-mini-legend .idling{background:#c18418}body[data-product="phaztrack"] .phaz-mini-legend .offline{background:#8592a2}
body[data-product="phaztrack"] .phaz-fullscreen-map{position:absolute;z-index:690;left:12px;bottom:76px;border:1px solid rgba(104,118,135,.55);border-radius:9px;background:rgba(32,39,48,.92);color:#fff;padding:7px 9px;font-size:.68rem;font-weight:750;box-shadow:0 4px 14px rgba(15,22,30,.12);backdrop-filter:blur(8px)}
body[data-product="phaztrack"] .phaz-capability-note{margin-top:9px;padding:8px 9px;border-radius:8px;background:#f3f6f9;color:#607083;font-size:.66rem;line-height:1.4;border:1px solid #e0e6ec}
body[data-product="phaztrack"] .phaz-product-module-sheet{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:18px;background:rgba(12,18,25,.56);backdrop-filter:blur(5px)}
body[data-product="phaztrack"] .phaz-module-card{position:relative;width:min(760px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce2e8;border-radius:16px;background:#fff;color:#263445;padding:22px;box-shadow:0 22px 70px rgba(10,16,24,.28)}
body[data-product="phaztrack"] .phaz-module-card h2{margin:4px 38px 8px 0;font-size:1.2rem}
body[data-product="phaztrack"] .phaz-module-card .phaz-module-copy{margin:0;color:#607083;line-height:1.55;font-size:.88rem}
body[data-product="phaztrack"] .phaz-module-kicker{font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#b51222}
body[data-product="phaztrack"] .phaz-module-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:9px;background:#f1f4f7;color:#263445;font-size:1.2rem}
body[data-product="phaztrack"] .phaz-module-status{margin-top:14px;padding:8px 10px;border-radius:9px;font-size:.72rem;font-weight:750;background:#f3f6f9;color:#607083;border:1px solid #e0e6ec}
body[data-product="phaztrack"] .phaz-module-status.loading{background:#f7f8fa;color:#566372}body[data-product="phaztrack"] .phaz-module-status.ready{background:#edf7f1;color:#17663a;border-color:#cfe8d9}body[data-product="phaztrack"] .phaz-module-status.error{background:#fff2f3;color:#a01425;border-color:#f1cbd0}
body[data-product="phaztrack"] .phaz-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;overflow:auto;padding:1px 3px 8px 1px;overscroll-behavior:contain}
body[data-product="phaztrack"] .phaz-module-item{min-width:0;border:1px solid #e0e6ec;border-radius:12px;background:#fbfcfd;padding:12px;box-shadow:0 4px 16px rgba(20,32,45,.04)}
body[data-product="phaztrack"] .phaz-module-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}body[data-product="phaztrack"] .phaz-module-item-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}
body[data-product="phaztrack"] .phaz-module-pill{flex:0 0 auto;border-radius:999px;padding:4px 7px;background:#e9edf2;color:#526171;font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}body[data-product="phaztrack"] .phaz-module-pill.active,body[data-product="phaztrack"] .phaz-module-pill.armed,body[data-product="phaztrack"] .phaz-module-pill.completed{background:#e3f4e9;color:#17663a}body[data-product="phaztrack"] .phaz-module-pill.due,body[data-product="phaztrack"] .phaz-module-pill.warning,body[data-product="phaztrack"] .phaz-module-pill.critical{background:#fdebed;color:#a01425}body[data-product="phaztrack"] .phaz-module-pill.due-soon{background:#fff5dc;color:#8a6110}
body[data-product="phaztrack"] .phaz-module-item dl{margin:0;display:grid;gap:6px}body[data-product="phaztrack"] .phaz-module-item dl>div{display:grid;grid-template-columns:minmax(80px,.75fr) minmax(0,1.25fr);gap:8px;align-items:start}body[data-product="phaztrack"] .phaz-module-item dt{color:#748294;font-size:.66rem}body[data-product="phaztrack"] .phaz-module-item dd{margin:0;color:#263445;font-size:.7rem;font-weight:650;word-break:break-word;text-align:right}
body[data-product="phaztrack"] .phaz-module-empty{grid-column:1/-1;display:grid;gap:5px;padding:22px;border:1px dashed #d4dce4;border-radius:12px;background:#fafbfd;text-align:center}body[data-product="phaztrack"] .phaz-module-empty strong{font-size:.86rem}body[data-product="phaztrack"] .phaz-module-empty span{color:#6b7989;font-size:.75rem;line-height:1.45}
body[data-product="phaztrack"] .phaz-module-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body[data-product="phaztrack"] .phaz-module-metrics>div{display:grid;gap:3px;padding:10px;border:1px solid #e0e6ec;border-radius:10px;background:#f7f9fb}body[data-product="phaztrack"] .phaz-module-metrics span{color:#708093;font-size:.62rem}body[data-product="phaztrack"] .phaz-module-metrics strong{font-size:1rem}
body[data-product="phaztrack"] .phaz-module-safety{grid-column:1/-1;padding:9px 10px;border-radius:9px;background:#fff7e8;color:#765214;border:1px solid #f0dfb8;font-size:.7rem;line-height:1.45}
body[data-product="phaztrack"] .phaz-module-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}body[data-product="phaztrack"] .phaz-module-actions button{border:1px solid #3d4856;border-radius:9px;background:#29313d;color:#fff;padding:9px 12px;font-weight:750}body[data-product="phaztrack"] .phaz-module-actions button[data-module-action="refresh"]{background:#fff;color:#29313d;border-color:#cdd5dd}
@media(max-width:1100px){body[data-product="phaztrack"] .phaz-mini-legend{left:10px;top:10px;gap:6px;padding:5px 7px;font-size:.55rem}body[data-product="phaztrack"] .phaz-fullscreen-map{left:10px;bottom:132px;padding:6px 8px;font-size:.62rem}}
@media(max-width:620px){body[data-product="phaztrack"] .phaz-product-module-sheet{place-items:end center;padding:10px}body[data-product="phaztrack"] .phaz-module-card{width:100%;max-height:84vh;border-radius:15px;padding:17px}body[data-product="phaztrack"] .phaz-module-list{grid-template-columns:1fr}body[data-product="phaztrack"] .phaz-module-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-product="phaztrack"] .phaz-module-actions{position:sticky;bottom:0;background:#fff;padding-top:8px}body[data-product="phaztrack"] .phaz-module-actions button{flex:1 1 150px}}
@media(max-width:520px){body[data-product="phaztrack"] .phaz-mini-legend{display:none}body[data-product="phaztrack"] .phaz-fullscreen-map{bottom:132px}body[data-product="phaztrack"] .phaz-module-metrics{gap:5px}body[data-product="phaztrack"] .phaz-module-metrics>div{padding:8px 6px}body[data-product="phaztrack"] .phaz-module-item dl>div{grid-template-columns:minmax(72px,.8fr) minmax(0,1.2fr)}}

/* Sidebar controls must not look highlighted because of accidental browser text selection. */
body[data-product="phaztrack"] .side nav button,
body[data-product="phaztrack"] .side .nav button,
body[data-product="phaztrack"] .side nav button *,
body[data-product="phaztrack"] .side .nav button *{-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}
body[data-product="phaztrack"] .side nav button::selection,
body[data-product="phaztrack"] .side nav button *::selection,
body[data-product="phaztrack"] .side .nav button::selection,
body[data-product="phaztrack"] .side .nav button *::selection{background:transparent!important;color:inherit!important}
body[data-product="phaztrack"] .side nav button mark,
body[data-product="phaztrack"] .side .nav button mark{background:transparent!important;color:inherit!important}
