/* List scope: fonts and the final live widget rules, independent of map/detail. */
@font-face{font-family:Roboto;src:url('./assets/roboto-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('./assets/roboto-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Roboto;src:url('./assets/roboto-900.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:LynqPlateUI;src:url('./assets/FE-FONT-UI.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Material Icons';src:url('./assets/material-icons.ttf') format('truetype');font-weight:400;font-display:block}
.units-panel{width:clamp(354px,33vw,368px);font-family:Roboto,Arial,'Segoe UI',sans-serif;--fleet-primary:#0f728f;--fleet-primary-soft:rgba(15,114,143,.12);font-synthesis:weight style}
.units-panel .material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.units-panel .fleet-list-title{display:flex;align-items:center;gap:10px;flex:0 0 54px;min-height:54px;padding:19px 18px 10px}
.units-panel .fleet-list-title-text{flex:1;min-width:0;font:900 18px/24px Roboto,Arial,sans-serif;letter-spacing:-.035em;margin:0;color:#0f172a}
.list-viewport{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}
.units-panel .list-scroll{flex:1;min-width:0;padding-top:5px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;scrollbar-gutter:auto}
.units-panel .arrival-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed}
.units-panel .unit-row{display:table-row;width:100%;padding:0;border:0;border-bottom:1px solid rgba(226,232,240,.95);background:#fff;box-shadow:none;text-align:left;cursor:pointer;transition:background 180ms ease}
.units-panel .unit-row:hover{background:#f8fafc}
.units-panel .unit-row.selected{background:#f2f7ff;box-shadow:none;border-left:0}
.units-panel .unit-row td{padding:0;border:0;background:transparent}
.units-panel .unit-row:focus-visible{outline:2px solid #8bb1f3;outline-offset:-2px}
.units-panel .fleet-modern-row{overflow:hidden}
.units-panel .fleet-modern-vehicle-halo{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;isolation:isolate}
.units-panel .fleet-modern-vehicle-halo::before{filter:blur(2.8px)}
.units-panel .fleet-modern-unit{font-synthesis:none}
.units-panel .fleet-modern-status-line{border:0;background:#f2f4f7;color:#475467}
.units-panel .fleet-modern-status{background:transparent;color:inherit}
.units-panel .status-moving .fleet-modern-status-line{background:#dcfce7;color:#15803d}
.units-panel .status-offline .fleet-modern-status-line{background:#f2f4f7;color:#667085}
.units-panel .status-alarm .fleet-modern-status-line{background:#fee4e2;color:#b42318}
.units-panel .fleet-modern-location{color:#667085}
.units-panel .fleet-modern-location.is-geofence{color:#175cd3}
.units-panel .fleet-modern-svg-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px}
.units-panel .fleet-modern-svg-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.units-panel .fleet-modern-svg-icon svg path{fill:currentColor;stroke:none}
.units-panel .fleet-modern-svg-icon svg circle{fill:#fff;stroke:none}
.units-panel .arrival-tag-active{position:absolute;z-index:3;right:0;width:20px;border-radius:6px;background:#2563eb;overflow:hidden;pointer-events:none}
.units-panel .arrival-tag-text{position:absolute;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;white-space:nowrap;color:#eff6ff;font:700 11px/normal Roboto,Arial,sans-serif;padding:4px 2px}
@media(min-width:961px) and (max-width:980px){.units-panel{width:344px}}
@media(max-width:960px){.units-panel{width:auto}.units-panel .mobile-handle{position:absolute;top:0;left:calc(50% - 45px);z-index:5}.units-panel .fleet-list-title{flex-basis:84px;padding:32px 20px 12px;min-height:84px}.units-panel .fleet-list-title-text{font-size:22px;line-height:28px}}

/* Verbatim live halo rules; only scope/row selector adapted. */
.units-panel .fleet-modern-vehicle-halo {
  position: relative !important;

  width: 48px !important;
  height: 54px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: visible !important;
  isolation: isolate !important;
}

.units-panel .fleet-modern-vehicle-halo::before {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  top: 50% !important;

  width: 36px !important;
  height: 36px !important;

  transform: translate(-50%, -50%) !important;

  border-radius: 999px !important;

  background:
    radial-gradient(
      circle,
      rgba(15, 114, 143, 0.36) 0%,
      rgba(15, 114, 143, 0.24) 38%,
      rgba(15, 114, 143, 0.08) 66%,
      rgba(15, 114, 143, 0.00) 82%
    ) !important;

  box-shadow:
    0 0 14px rgba(15, 114, 143, 0.26),
    0 0 4px rgba(15, 114, 143, 0.14) !important;

  z-index: 0 !important;
  pointer-events: none !important;
}

.units-panel .fleet-modern-vehicle-halo::after {
  display: none !important;
  content: none !important;

  width: 0 !important;
  height: 0 !important;

  opacity: 0 !important;
  visibility: hidden !important;
}

.units-panel .fleet-modern-vehicle-img,
.units-panel .fleet-modern-vehicle-fallback {
  position: relative !important;
  z-index: 2 !important;

  width: 32px !important;
  height: 46px !important;

  object-fit: contain !important;

  filter:
    drop-shadow(0 1px 2px rgba(15, 23, 42, 0.22)) !important;
}

.units-panel .unit-row.status-moving .fleet-modern-vehicle-halo::before {
  background:
    radial-gradient(
      circle,
      rgba(34, 197, 94, 0.42) 0%,
      rgba(34, 197, 94, 0.28) 38%,
      rgba(34, 197, 94, 0.10) 66%,
      rgba(34, 197, 94, 0.00) 82%
    ) !important;

  box-shadow:
    0 0 15px rgba(34, 197, 94, 0.30),
    0 0 5px rgba(34, 197, 94, 0.18) !important;
}

.units-panel .unit-row.status-stopped .fleet-modern-vehicle-halo::before {
  background:
    radial-gradient(
      circle,
      rgba(245, 158, 11, 0.42) 0%,
      rgba(245, 158, 11, 0.28) 38%,
      rgba(245, 158, 11, 0.10) 66%,
      rgba(245, 158, 11, 0.00) 82%
    ) !important;

  box-shadow:
    0 0 15px rgba(245, 158, 11, 0.30),
    0 0 5px rgba(245, 158, 11, 0.18) !important;
}

.units-panel .unit-row.status-offline .fleet-modern-vehicle-halo::before {
  background:
    radial-gradient(
      circle,
      rgba(100, 116, 139, 0.38) 0%,
      rgba(100, 116, 139, 0.24) 38%,
      rgba(100, 116, 139, 0.09) 66%,
      rgba(100, 116, 139, 0.00) 82%
    ) !important;

  box-shadow:
    0 0 13px rgba(100, 116, 139, 0.24),
    0 0 4px rgba(100, 116, 139, 0.14) !important;
}

.units-panel .unit-row.status-alarm .fleet-modern-vehicle-halo::before {
  background:
    radial-gradient(
      circle,
      rgba(239, 68, 68, 0.44) 0%,
      rgba(239, 68, 68, 0.28) 38%,
      rgba(239, 68, 68, 0.10) 66%,
      rgba(239, 68, 68, 0.00) 82%
    ) !important;

  box-shadow:
    0 0 15px rgba(239, 68, 68, 0.30),
    0 0 5px rgba(239, 68, 68, 0.18) !important;
}