/* V9.103: bo cuc lai man Dinh vi GPS tren may tinh (>=901px). Chi CSS, giu nguyen HTML va moi nut/data-* cu.
   - Thanh tieu de mot dong + 4 o so lieu gon nam cung hang.
   - Danh sach xe hep ben trai, ban do chiem het chieu cao con lai cua man hinh.
   - Thanh cong cu ban do mot hang, nut gon. Dien thoai giu bo cuc cu. */
@media (min-width:901px) {
  .gps-panel .gps-page { display:flex !important; flex-wrap:wrap; align-items:stretch; gap:10px !important; }
  .gps-panel .gps-page > * { flex:1 1 100%; min-width:0; }

  .gps-panel .gps-hero { flex:1 1 430px; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px !important; padding:8px 14px !important; border-radius:14px !important; background:var(--surface) !important; background-image:none !important; box-shadow:none !important; }
  .gps-panel .gps-hero .eyebrow, .gps-panel .gps-hero p { display:none !important; }
  .gps-panel .gps-hero h2 { margin:0 !important; font-size:18px !important; white-space:nowrap; }
  .gps-panel .gps-hero-actions { display:flex; flex-wrap:nowrap; align-items:center; gap:6px !important; }
  .gps-panel .gps-hero-actions .soft-button, .gps-panel .gps-connection { min-height:34px !important; padding:0 10px !important; font-size:12px !important; white-space:nowrap; border-radius:10px; }

  .gps-panel .gps-kpis { flex:0 1 auto; display:flex !important; flex-wrap:nowrap; gap:8px !important; }
  .gps-panel .gps-kpi { display:grid !important; grid-template-columns:auto auto; align-items:center; column-gap:8px; min-width:104px; min-height:56px !important; padding:6px 12px !important; border-radius:14px !important; box-shadow:none !important; text-align:left; }
  .gps-panel .gps-kpi strong { grid-column:1; grid-row:1; margin:0 !important; font-size:22px !important; line-height:1; }
  .gps-panel .gps-kpi span { grid-column:2; grid-row:1; max-width:74px; font-size:10px !important; line-height:1.2; letter-spacing:.02em; white-space:normal; }
  .gps-panel .gps-kpi small { display:none !important; }

  .gps-panel .gps-layout { grid-template-columns:272px minmax(0,1fr); gap:10px; height:calc(100vh - 196px); min-height:400px; }
  .gps-panel .gps-layout.gps-list-collapsed { grid-template-columns:0 minmax(0,1fr); gap:0; }
  .gps-panel .gps-list, .gps-panel .gps-map-card { border-radius:14px; box-shadow:none !important; }
  .gps-panel .gps-list { display:flex; flex-direction:column; min-height:0; }
  .gps-panel .gps-list .gps-section-head { padding:12px 12px 10px; }
  .gps-panel .gps-list-title h3 { margin:0; font-size:15px; }
  .gps-panel .gps-list-title small { font-size:11px; }
  .gps-panel .gps-search { min-height:38px; margin-top:8px; }
  .gps-panel .gps-vehicles { flex:1; min-height:0; overflow-y:auto; align-content:start; gap:6px; padding:8px; scrollbar-width:thin; }
  .gps-panel .gps-vehicle-card { display:grid !important; grid-template-columns:36px minmax(0,1fr); align-items:center; column-gap:10px; row-gap:3px; min-height:0; padding:8px 10px; border-radius:11px; text-align:left; }
  .gps-panel .gps-vehicle-card .gps-truck { grid-row:1 / span 2; width:36px; height:36px; font-size:18px; }
  .gps-panel .gps-vehicle-card > span:nth-child(2) { min-width:0; }
  .gps-panel .gps-vehicle-card strong { font-size:14px; }
  .gps-panel .gps-vehicle-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11.5px; }
  .gps-panel .gps-vehicle-card .gps-state { grid-column:2; justify-self:start; padding:1px 8px; font-size:10.5px; white-space:nowrap; }

  .gps-panel .gps-map-card { min-height:0; }
  .gps-panel .gps-map-head { flex-wrap:nowrap; align-items:center; gap:10px; padding:8px 12px !important; }
  .gps-panel .gps-map-head > div:first-child { flex:none; }
  .gps-panel .gps-map-head h3 { font-size:17px; line-height:1.15; white-space:nowrap; }
  .gps-panel .gps-map-head p { margin:2px 0 0; font-size:11.5px; white-space:nowrap; }
  .gps-panel .gps-map-toolbar { display:flex !important; flex:1; justify-content:flex-end; min-width:0; }
  .gps-panel .gps-osm-badge { display:none !important; }
  .gps-panel .gps-map-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:6px; }
  .gps-panel .gps-map-actions > a { flex:none; }
  .gps-panel .gps-map-actions .soft-button { display:inline-flex; align-items:center; justify-content:center; height:34px; min-height:34px !important; padding:0 10px !important; font-size:12px !important; font-weight:700; white-space:nowrap; border-radius:10px; }
  .gps-panel .gps-map-actions .gps-mobile-list-button { display:none !important; }
  .gps-panel .gps-map-actions .gps-layer-switch { min-height:34px; }
  .gps-panel .gps-map-actions .gps-layer-switch button { min-height:28px; padding:0 9px; font-size:11.5px; }
  .gps-panel .gps-map-stage { flex:1 1 auto; height:auto !important; min-height:240px !important; max-height:none !important; }
  .gps-panel .gps-map-stage .gps-leaflet-map { width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; }
  .gps-panel .gps-no-location { flex:1 1 auto; }
  .gps-panel .gps-page > small.gps-note { margin:0; padding-left:4px; font-size:10.5px; opacity:.75; }
}