:root{--navy:#18344d;--blue:#1688d5;--blue2:#35a8eb;--bg:#eef3f8;--card:#fff;--text:#243b50;--muted:#7d8d9b;--line:#dfe7ee;--green:#18a56a;--red:#e64c46;--orange:#f59e0b;--shadow:0 10px 30px rgba(25,55,80,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.ph-app a{text-decoration:none}.ph-top{position:sticky;top:0;z-index:1100;min-height:72px;padding:10px 22px;display:flex;align-items:center;gap:20px;background:linear-gradient(100deg,var(--navy),#176da6 70%,var(--blue));box-shadow:0 5px 22px rgba(13,44,69,.22);color:#fff}.ph-brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:230px}.ph-logo{width:43px;height:43px;display:grid;place-items:center;background:rgba(255,255,255,.13);border-radius:12px;font-size:23px}.ph-brand b{display:block;font-size:17px}.ph-brand small{display:block;color:rgba(255,255,255,.7);font-size:10px}.ph-nav{display:flex;align-items:center;gap:4px;flex:1}.ph-nav a{padding:10px 11px;border-radius:9px;color:rgba(255,255,255,.78);font-size:12px;font-weight:650;white-space:nowrap}.ph-nav a:hover,.ph-nav a.active{background:rgba(255,255,255,.15);color:#fff}.ph-live{font-size:11px;background:rgba(255,255,255,.12);padding:8px 10px;border-radius:999px;white-space:nowrap}.ph-live span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#40df8f;margin-right:5px}.ph-menu{display:none;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:9px;width:40px;height:40px}.ph-main{max-width:1900px;margin:auto;padding:20px 24px 40px}.ph-pagehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.ph-pagehead h1{font-size:22px;margin:0;font-weight:760}.ph-pagehead p{margin:3px 0 0;color:var(--muted);font-size:12px}.ph-card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px}.ph-grid{display:grid;gap:14px}.ph-stats{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-bottom:14px}.ph-stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;box-shadow:0 3px 15px rgba(32,59,85,.04)}.ph-stat small{display:block;color:var(--muted);font-size:11px}.ph-stat b{display:block;font-size:25px;margin-top:2px}.btn-primary{background:var(--blue);border-color:var(--blue)}.form-control,.form-select{border-color:#d8e2ea;border-radius:9px;min-height:42px}.table{--bs-table-bg:transparent}.table thead th,.ph-table thead th{background:linear-gradient(90deg,var(--navy),#267fae);color:#fff;border:0;font-size:11px;padding:12px;white-space:nowrap}.table tbody td,.ph-table tbody td{vertical-align:middle;border-color:#edf1f4;font-size:12px}.badge-online{background:#e5f8ef;color:#128053}.badge-offline{background:#fff0ef;color:#d33f39}.badge-moving{background:#e7f4fd;color:#117bbd}.ph-map-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}#map,#historyMap,#geoMap{background:#dce8f0}.fleet-brandbar{background:linear-gradient(100deg,var(--navy),var(--blue));color:#fff;padding:15px 18px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.fleet-brand{font-size:18px;font-weight:750}.brand-pills{display:flex;gap:8px;align-items:center}.brand-pills>*{color:#fff;background:rgba(255,255,255,.12);padding:7px 10px;border-radius:999px;font-size:11px}.fleet-alertstrip{margin-top:10px;background:#f59e0b;color:#fff;padding:10px 14px;border-radius:10px}.fleet-filterbar{margin-top:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;justify-content:space-between;gap:10px}.filter-left{display:flex;gap:8px;flex:1}.filter-links{display:flex;gap:7px}.fleet-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.fleet-stats .stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.fleet-stats .stat small{display:block;color:var(--muted);font-size:10px}.fleet-stats .stat b{font-size:23px}.fleet-table-card{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.fleet-table{width:100%;border-collapse:collapse}.fleet-table th{background:linear-gradient(90deg,var(--navy),#267fae);color:#fff;padding:11px;font-size:10px;white-space:nowrap}.fleet-table td{padding:11px;border-bottom:1px solid #edf1f4;font-size:11px;vertical-align:middle}.vehicle-name{font-weight:750;color:#29435a}.fleet-table small,.vehicle-card small{display:block;color:var(--muted);font-size:9px}.status-badge,.parking-badge{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.status-badge.online,.status-badge.moving,.parking-badge.in{background:#e5f8ef;color:#128053}.status-badge.offline,.parking-badge.out{background:#fff0ef;color:#d33f39}.parking-badge.none{background:#eef2f5;color:#71818e}.engine-on{color:var(--green)}.engine-off{color:#8998a4}.action-stack{display:flex;flex-direction:column;gap:4px}.mobile-vehicle-list{display:none}.history-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:14px;height:calc(100vh - 128px)}.history-side{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:auto;padding:15px}.history-map-card{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}#historyMap{height:100%;min-height:520px}.history-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.summary-tile{background:#f4f8fb;border-radius:10px;padding:10px}.summary-tile small{display:block;color:var(--muted);font-size:9px}.summary-tile b{font-size:14px}.player{position:absolute;left:18px;right:18px;bottom:18px;z-index:500;background:rgba(24,52,77,.96);color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.player-row{display:flex;align-items:center;gap:9px}.player button{border:0;border-radius:9px;background:#fff;color:var(--navy);min-width:38px;height:36px;font-weight:800}.player .play{background:var(--blue);color:#fff}.player input[type=range]{flex:1}.player-time{min-width:125px;font-size:10px;text-align:right}.player-data{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px;font-size:10px;color:rgba(255,255,255,.72)}.player-data b{display:block;color:#fff;font-size:12px}.timeline-card{border-left:4px solid var(--blue);background:#f5f8fb;border-radius:9px;padding:10px;margin:8px 0}.timeline-card.parked{border-color:var(--orange)}.timeline-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.geo-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.geo-map-card{height:calc(100vh - 145px);min-height:560px}.geo-map-card #geoMap{height:100%}.mapwrap{position:relative}.app{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100vh - 112px);background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.fleet{overflow:auto;border-right:1px solid var(--line);background:#fff}.searchrow{padding:12px;display:flex;gap:8px}.groupbar{padding:10px 13px;background:#f5f8fb;display:flex;justify-content:space-between;font-size:12px}.mapwrap,#map{height:100%}.vehicle-item{padding:11px 13px;border-bottom:1px solid #edf1f4}.detail-panel{position:absolute;z-index:500;right:12px;top:12px;width:min(360px,calc(100% - 24px));background:#fff;border-radius:13px;box-shadow:0 10px 35px rgba(0,0,0,.18);padding:15px}.closebtn{float:right;border:0;background:none;font-size:22px}.maptools{position:absolute;z-index:500;left:12px;top:12px;display:grid;gap:6px}.maptools button{width:38px;height:38px;border:0;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.15)}
@media(max-width:1100px){.ph-nav{position:fixed;top:72px;left:10px;right:10px;display:none;flex-direction:column;align-items:stretch;background:var(--navy);padding:10px;border-radius:12px;box-shadow:var(--shadow)}.ph-nav.open{display:flex}.ph-menu{display:block;margin-left:auto}.ph-live{display:none}.ph-brand{min-width:0}.ph-stats,.fleet-stats{grid-template-columns:repeat(3,1fr)}.history-layout,.geo-layout{grid-template-columns:1fr;height:auto}.history-map-card,.geo-map-card{height:62vh;min-height:430px}.history-side{order:2}.app{grid-template-columns:280px 1fr}}
@media(max-width:767px){.ph-top{padding:9px 11px;min-height:64px}.ph-brand b{font-size:14px}.ph-brand small{font-size:9px}.ph-logo{width:38px;height:38px}.ph-nav{top:64px}.ph-main{padding:10px 8px 28px}.ph-pagehead{align-items:flex-start;flex-direction:column}.ph-pagehead h1{font-size:18px}.ph-stats,.fleet-stats{grid-template-columns:repeat(2,1fr)}.fleet-filterbar{flex-direction:column}.filter-left{flex-direction:column}.filter-links{display:grid;grid-template-columns:1fr 1fr}.fleet-table-card .table-responsive{display:none}.mobile-vehicle-list{display:block}.vehicle-card{margin:10px;padding:13px;border:1px solid var(--line);border-radius:13px}.vehicle-card-head{display:flex;justify-content:space-between;gap:10px}.mobile-location{margin:10px 0;padding:9px;background:#f5f8fb;border-radius:9px;font-size:10px}.vehicle-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vehicle-card-grid>div{background:#f5f8fb;padding:8px;border-radius:8px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.history-layout{display:flex;flex-direction:column}.history-map-card{order:1;height:64vh;min-height:430px}.history-side{order:2}.player{left:8px;right:8px;bottom:8px;padding:9px}.player-row{flex-wrap:wrap}.player input[type=range]{order:3;flex-basis:100%}.player-time{min-width:auto;margin-left:auto}.player-data{grid-template-columns:1fr 1fr}.geo-map-card{height:65vh;min-height:440px}.app{display:block;height:auto}.fleet{max-height:280px;border-right:0;border-bottom:1px solid var(--line)}.mapwrap,#map{height:65vh;min-height:430px}.brand-pills{display:none}}

/* V7 unified application refinements */
.ph-page-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ph-page-status>span{background:#fff;border:1px solid #dbe6ef;border-radius:999px;padding:7px 11px;font-size:12px;color:#35526a}.ph-syncing .ph-live span:first-child{animation:phPulse 1s infinite}@keyframes phPulse{50%{opacity:.25}}@media(max-width:767px){.ph-page-status{width:100%}.ph-pagehead{align-items:flex-start;flex-direction:column}}
.link-button{border:0;background:none;padding:0;color:#0d6efd;text-decoration:underline;font:inherit;cursor:pointer}.parking-badge+small{display:block;margin-top:6px;white-space:nowrap}.parking-badge.in{background:#e9f8ef!important;color:#168447!important}.parking-badge.out{background:#fff0f0!important;color:#d92727!important}

/* Fleet Operations entry point - navigation only; GPS tracking logic unchanged */
.ph-nav .ph-ops-link{background:#eef4ff;color:#2457d6!important;border:1px solid #cbdcff;border-radius:8px;font-weight:800;padding-left:12px;padding-right:12px}
.ph-nav .ph-ops-link:hover{background:#dfeaff}