/* Desktop and short landscape keep the existing independent panel layout. */
.fleet-mobile-sheet{display:contents;--sheet-safe-bottom:env(safe-area-inset-bottom,0px)}
.fleet-mobile-sheet>.mobile-handle{display:none}
.fleet-mobile-sheet>.mobile-sheet-expand{display:none}
.fleet-location-content{display:contents}
.fleet-mobile-sheet.is-active{
  display:block;position:absolute;z-index:5;left:5px;right:5px;
  /* Extend only the white surface into the safe area. Content and detents keep
     their existing coordinates, above the home indicator or virtual keyboard. */
  bottom:calc(var(--sheet-bottom,5px) - var(--sheet-edge-fill,5px));
  height:calc(var(--sheet-max-height,88%) + var(--sheet-edge-fill,5px));
  border:1px solid #eef0f2;border-radius:22px 22px 0 0;
  background:#fff;box-shadow:0 4px 20px #25384826;overflow:hidden;
  --fleet-mobile-sheet-x-padding:20px;
}
.workspace:has(>.fleet-mobile-sheet.is-active){overflow:clip}
.fleet-mobile-sheet.is-moving{will-change:transform}
#fleetMobileSheet.is-active>.mobile-handle{user-select:none;-webkit-user-select:none}
#fleetMobileSheet.is-active>.mobile-handle{
  display:block;position:absolute;z-index:10;top:0;left:calc(50% - 50px);
  width:100px;height:32px;margin:0;border:0;background:transparent;touch-action:none;cursor:grab;
}
#fleetMobileSheet.is-active>.mobile-handle::before{content:none}
#fleetMobileSheet.is-active>.mobile-handle::after{
  content:'';display:block;position:absolute;top:10px;left:32px;width:36px;height:4px;
  border-radius:3px;background:#c3cbd3;
}
#fleetMobileSheet.is-active .fleet-list-title,
#fleetMobileSheet.is-active .fleet-unit-popup__header{touch-action:none;cursor:grab}
#fleetMobileSheet.is-active .units-panel{
  position:relative;inset:auto;width:100%;height:calc(var(--sheet-content-height) + var(--sheet-edge-fill,5px));max-height:none;
  border:0;border-radius:0;box-shadow:none;visibility:visible;
}
/* Rows may scroll to the screen edge. Reserve the home-indicator clearance
   after the final row, inside the scroll range instead of a fixed white strip. */
#fleetMobileSheet.is-active .units-panel .list-scroll{
  padding-bottom:var(--sheet-edge-fill,5px);scroll-padding-bottom:var(--sheet-edge-fill,5px);
}
/* A small translucent edge softens passing rows without taking scroll space.
   Keep it thinner without a home-indicator inset and let all touches through. */
#fleetMobileSheet.is-active .units-panel .list-viewport::after{
  content:'';position:absolute;z-index:4;left:0;right:0;bottom:0;
  height:clamp(12px,calc(var(--sheet-edge-fill,5px) * .6),24px);pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.35));
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 75%);
  mask-image:linear-gradient(to bottom,transparent,#000 75%);
}
body.has-selection #fleetMobileSheet.is-active .units-panel{display:none}
body.map-expanded #fleetMobileSheet.is-active{display:none}
/* Outrank only the inherited compact-card geometry inside this mobile host. */
#fleetMobileSheet.is-active #detail#detail#detail#detail{
  position:relative!important;z-index:1!important;inset:auto!important;transform:none!important;
  width:100%!important;max-width:none!important;height:var(--sheet-content-height)!important;
  max-height:none!important;min-height:0!important;padding:0 14px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__header{
  position:relative!important;flex:0 0 84px!important;height:84px!important;min-height:84px!important;
  padding:32px 6px 0!important;align-items:flex-start!important;gap:8px!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__heading{
  min-width:0!important;min-height:0!important;align-self:flex-start!important;justify-content:flex-start!important;padding-top:6px!important;gap:2px!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__title{
  font:900 22px/28px Roboto,Arial,sans-serif!important;letter-spacing:-.035em!important;
  margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#fleetMobileSheet.is-active[data-layout='portrait'] #detail#detail#detail#detail .fleet-unit-popup__header{
  transform:translateY(calc(-12px * var(--sheet-collapse,0)));
}
#fleetMobileSheet.is-active[data-layout='portrait'] #detail#detail#detail#detail .fleet-unit-popup__title{
  font-size:calc(22px - 4px * var(--sheet-collapse,0))!important;
  line-height:calc(28px - 6px * var(--sheet-collapse,0))!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__close{
  margin-top:0!important;align-self:flex-start!important;flex:0 0 44px!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__content{
  flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__panel{
  min-height:0!important;overflow-y:auto!important;overscroll-behavior-y:contain;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__summary-carousel{touch-action:pan-y}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-direct-context{flex:0 0 22px!important;min-height:22px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__dashboard{
  flex:0 0 130px!important;height:130px!important;min-height:130px!important;gap:6px!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__summary-carousel{flex:0 0 80px!important;height:80px!important;min-height:80px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__last-location{
  flex:0 0 44px!important;height:44px!important;min-height:44px!important;padding:4px 30px 4px 5px!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-details{
  display:block!important;flex:1 0 140px!important;height:100%!important;min-height:140px!important;padding:0!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
  grid-template-rows:minmax(44px,1fr) 44px 44px!important;
  grid-template-areas:'address share' 'providers providers' 'coordinates coordinates'!important;
  height:100%!important;min-height:140px!important;gap:4px!important;padding:0!important;align-items:stretch!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-hero-pin{display:none!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-hero-copy{
  grid-area:address!important;display:block!important;position:static!important;min-height:0!important;padding:0!important;
  align-self:stretch!important;overflow:auto!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-hero-copy>small{display:none!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail [data-address-full]{
  display:block!important;font-size:13px!important;line-height:17px!important;white-space:normal!important;
  overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow-wrap:anywhere!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-share{
  grid-area:share!important;position:static!important;width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;align-self:start!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-providers{
  grid-area:providers!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-self:stretch!important;height:44px!important;min-height:44px!important;gap:4px!important;padding:0!important;margin:0!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-providers button{height:44px!important;min-height:44px!important;max-height:44px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-coordinates{
  grid-area:coordinates!important;display:flex!important;position:static!important;align-items:center!important;
  align-self:stretch!important;justify-content:center!important;height:44px!important;gap:4px!important;padding:0!important;margin:0!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-coordinates>button{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__address-coordinates>strong{font-size:11px!important;line-height:16px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .detail-feedback:empty{display:none}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-location-content{display:flex;flex-direction:column;flex:1 0 auto;min-height:0;height:100%}
/* One last-location surface, continuously driven by the sheet's real height.
   Address layout is fixed; the bounded card/cockpit geometry interpolates while
   a persistent heading stays visible and the address is uncovered below it. */
#fleetMobileSheet.is-active #detail.has-morph-location{
  --morph-progress:var(--sheet-expansion,0);
  --location-progress:var(--morph-progress);
  --cockpit-presence:1;
  --location-expanded-space:clamp(0px,calc((var(--sheet-max-height) - 500px) * .1),20px);
  --location-current-height:calc(44px + (var(--location-fullHeight,184px) - 44px) * var(--location-progress));
  --location-current-cockpit:calc((80px + (var(--location-cockpit,110px) - 80px) * var(--morph-progress)) * var(--cockpit-presence));
  --location-current-gap:calc((6px + (var(--location-gap,12px) - 6px) * var(--morph-progress)) * var(--cockpit-presence));
}
#fleetMobileSheet.is-active #detail.has-morph-location.location-from-address{--location-progress:1;--cockpit-presence:var(--morph-progress)}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__panel--resumen{
  justify-content:flex-start!important;gap:calc(12px + (var(--location-gap,12px) - 12px) * var(--morph-progress))!important;
  padding-block:calc(var(--location-gap,12px) * var(--morph-progress))!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__dashboard{
  flex:0 0 auto!important;height:calc(var(--location-current-cockpit) + var(--detail-cockpit-report-space,0px) + var(--location-current-gap) + var(--location-current-height))!important;
  min-height:0!important;gap:var(--location-current-gap)!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__summary-carousel{
  flex:0 0 var(--location-current-cockpit)!important;height:var(--location-current-cockpit)!important;
  min-height:0!important;max-height:none!important;opacity:var(--cockpit-presence);overflow:hidden!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__last-location{
  display:block!important;position:relative!important;flex:0 0 var(--location-current-height)!important;
  height:var(--location-current-height)!important;min-height:0!important;max-height:none!important;
  padding:0!important;margin:0!important;border:0!important;box-sizing:border-box!important;overflow:hidden!important;
  border-radius:0!important;background:#fff!important;box-shadow:none!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-location-preview{
  position:absolute;inset:0 0 auto;height:44px;box-sizing:border-box;padding:4px 44px 4px 12px;
  display:flex;align-items:center;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-location-preview>.fleet-address-pictogram{display:none!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-location-preview>.fleet-unit-popup__last-location-link{position:absolute!important;inset:0 0 auto auto!important;width:44px!important;height:44px!important;opacity:clamp(0,calc(1 - var(--location-progress) * 3.4),1)}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__last-location-copy{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__last-location-copy>small{font:500 11px/16px Roboto,Arial,sans-serif!important;color:#5b6d7d!important;text-transform:none!important;letter-spacing:0!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location [data-last-location-name]{font:600 14px/20px Roboto,Arial,sans-serif!important;color:#26323e!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location [data-last-location-address]{display:none!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-location-content{
  position:absolute;inset:44px 0 auto;display:flex;flex-direction:column;width:100%;height:auto;min-height:140px;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__address-details{flex:0 0 auto!important;height:auto!important;width:100%!important;background:transparent!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__address-hero{
  height:auto!important;grid-template-rows:minmax(44px,auto) 44px 44px!important;
  gap:max(4px,calc(var(--location-expanded-space) * .6))!important;padding:0 12px max(0px,calc(var(--location-expanded-space) * .5))!important;
  max-width:none!important;width:100%!important;box-sizing:border-box!important;background:transparent!important;border:0!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__address-hero-copy{height:68px!important;min-height:68px!important;max-height:68px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__address-hero-copy>small{
  display:none!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location [data-address-full]{
  font-size:clamp(13px,calc(13px + var(--location-expanded-space) * .05),14px)!important;
  line-height:calc(17px + var(--location-expanded-space) * .15)!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__address-providers button{display:flex!important;flex-flow:column nowrap!important;gap:2px!important;width:100%!important;min-width:44px!important;max-width:none!important;background:#fff!important;border-radius:10px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__address-providers button>span{display:block!important;font:600 10px/12px Roboto,Arial,sans-serif!important;white-space:nowrap!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-map-brand-icon{width:18px!important;height:18px!important}
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving) #detail#detail#detail#detail :is(.fleet-direct-context,.fleet-unit-popup__content,.fleet-direct-footer){visibility:hidden;pointer-events:none}
/* A small, readable collapsed header leaves the map visible and tells people
   how to reopen either view. The hint is also a native keyboard/tap button. */
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving)>.mobile-sheet-expand{
  display:block;position:absolute;z-index:10;top:49px;left:20px;right:20px;
  height:28px;padding:0;border:0;background:transparent;color:#5b6d7d;
  font:500 11px/16px Roboto,Arial,sans-serif;text-align:left;cursor:pointer;
}
/* Title size and vertical position follow the real height, including an
   interrupted/reversed drag. No CSS duration can lag behind the finger. */
#fleetMobileSheet.is-active .fleet-list-title{
  --sheet-title-height:calc(84px - 4px * var(--sheet-collapse,0));
  flex:0 0 var(--sheet-title-height)!important;height:var(--sheet-title-height)!important;
  min-height:var(--sheet-title-height)!important;max-height:var(--sheet-title-height)!important;
  padding:calc(32px - 4px * var(--sheet-collapse,0))
    calc(20px + var(--sheet-list-actions-space,0px) * (1 - var(--sheet-collapse,0)))
    calc(12px + 18px * var(--sheet-collapse,0)) 20px!important;
  align-items:center!important;
}
#fleetMobileSheet.is-active .fleet-list-title-text{
  font-size:calc(22px - 4px * var(--sheet-collapse,0));
  line-height:calc(28px - 6px * var(--sheet-collapse,0));
}
@media(max-width:600px){#fleetMobileSheet.is-active{--sheet-list-actions-space:80px}}
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving) .units-panel :is(.fleet-list-mode-actions,.fleet-list-tools-row,.fleet-list-filter-card){display:none!important}
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving) .list-viewport{display:none;visibility:hidden;pointer-events:none}
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving) #detail#detail#detail#detail .fleet-unit-popup__header{
  flex:0 0 88px!important;height:88px!important;min-height:88px!important;padding:32px 6px 0!important;
}
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving) #detail#detail#detail#detail :is(.fleet-unit-popup__updated,.fleet-unit-popup__events-shortcut){display:none!important}
body.has-selection #fleetMobileSheet.is-active[data-layout='portrait'][data-snap='0']:not(.is-moving)>.mobile-sheet-expand{
  top:calc(64px + var(--sheet-safe-bottom));left:20px;right:20px;height:16px;text-align:center;font-size:10px;line-height:14px;
}
/* The visible handle already opens the unit; keep its identity unobstructed. */
#fleetMobileSheet.is-active[data-layout='portrait'][data-content='detail']>.mobile-sheet-expand{display:none!important}
body.map-expanded .workspace{--fleet-map-controls-bottom:16px!important}
@media(min-width:600px) and (max-width:960px) and (max-height:450px){
  body.history-open:not(.map-expanded) .workspace{--fleet-map-controls-bottom:16px!important}
}

/* Events and Commands reuse the existing sheet, with the same section heading
   as History and a single native scrolling body. */
.fleet-detail-section-header{display:none}
#fleetMobileSheet.is-active #detail#detail#detail#detail:is([data-active-tab="eventos"],[data-active-tab="comandos"])>:is(.fleet-unit-popup__header,.fleet-direct-context,.fleet-direct-footer){display:none!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail:is([data-active-tab="eventos"],[data-active-tab="comandos"])>.fleet-detail-section-header{
 display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:8px;
 --section-header-height:calc(84px - 4px * var(--sheet-collapse,0));
 flex:0 0 var(--section-header-height);height:var(--section-header-height);min-height:var(--section-header-height);
 margin:0 -14px;padding:calc(32px - 4px * var(--sheet-collapse,0)) 20px 0;
 touch-action:none;cursor:grab;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-detail-section-heading{min-width:0;margin-top:calc(6px * (1 - var(--sheet-collapse,0)))}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-detail-section-title{margin:0;font:900 calc(22px - 4px * var(--sheet-collapse,0)) / calc(28px - 6px * var(--sheet-collapse,0)) Roboto,Arial,sans-serif;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-detail-section-identity{display:flex;align-items:center;gap:7px;min-width:0;font:500 11px/14px Roboto,Arial,sans-serif;color:#667085;opacity:clamp(0,calc(1 - 2 * var(--sheet-collapse,0)),1)}
#fleetMobileSheet.is-active #detail#detail#detail#detail [data-section-unit]{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fleetMobileSheet.is-active #detail#detail#detail#detail [data-section-plate]{padding:1px 6px;border:1px solid #d0d5dd;border-radius:6px;color:#475467;font:500 10px/12px LynqPlateAligned,LynqPlateUI,monospace;letter-spacing:.04em}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-detail-section-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 44px;border:0;border-radius:50%;padding:0;background:transparent;color:#67747e;cursor:pointer;opacity:clamp(0,calc(1 - 2 * var(--sheet-collapse,0)),1)}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-detail-section-back:focus-visible{outline:2px solid #147c8d;outline-offset:2px}
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving) #detail :is(.fleet-detail-section-back,.fleet-detail-section-identity){visibility:hidden;pointer-events:none}
#fleetMobileSheet.is-active[data-snap='0']:not(.is-moving):is([data-content='events'],[data-content='commands'])>.mobile-sheet-expand{right:20px}
#fleetMobileSheet.is-active #detail#detail#detail#detail:is([data-active-tab="eventos"],[data-active-tab="comandos"]) .fleet-unit-popup__panel{padding:8px 0 12px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__events-heading{font:500 12px/18px Roboto,Arial,sans-serif!important;flex:0 0 24px!important;padding:0 6px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__events-list{flex:0 0 auto!important;overflow:visible!important;gap:8px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__event{grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto;gap:4px 8px;flex:0 0 auto!important;min-height:76px;padding:10px 12px!important;border-radius:12px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__event-icon{grid-column:1;grid-row:1 / 3;font-size:20px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__event-copy{grid-column:2;grid-row:1;gap:3px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__event-copy strong{font:700 14px/20px Roboto,Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__event-copy small{font:400 12px/17px Roboto,Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__event-time{grid-column:2;grid-row:2;padding:0!important;font:400 11px/16px Roboto,Arial,sans-serif!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__empty{font:400 12px/18px Roboto,Arial,sans-serif!important;padding:12px 6px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__panel--comandos:not([hidden]){display:block!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-parking-alarm{padding:0 6px 12px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .parking-heading{align-items:flex-start;margin-bottom:12px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .parking-heading h3{font:700 14px/20px Roboto,Arial,sans-serif;margin-bottom:4px}
#fleetMobileSheet.is-active #detail#detail#detail#detail :is(.parking-heading p,.parking-description,.parking-error,.parking-progress,.parking-test-heading){font-size:12px;line-height:18px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .parking-state{font-size:14px;line-height:20px;border-radius:12px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-parking-alarm button{min-height:44px;font-size:13px;line-height:18px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .parking-events{max-height:none;overflow:visible}
#fleetMobileSheet.is-active #detail#detail#detail#detail .parking-events li{grid-template-columns:58px minmax(0,1fr);padding:8px 0;font-size:11px;line-height:16px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .parking-footnote{font-size:11px;line-height:16px}

/* A persistent side surface in landscape: its width stays stable while the
   compositor slides it, so text does not reflow on every pointer movement. */
.fleet-mobile-sheet{--sheet-safe-left:var(--fleet-phone-safe-left,env(safe-area-inset-left,0px));--sheet-safe-right:var(--fleet-phone-safe-right,env(safe-area-inset-right,0px));--sheet-safe-top:var(--fleet-phone-safe-top,env(safe-area-inset-top,0px))}
#fleetMobileSheet.is-active[data-layout='landscape']{
 left:auto;right:0;top:calc(6px + var(--sheet-safe-top));bottom:auto;
 width:var(--sheet-landscape-width);height:calc(var(--sheet-content-height) + var(--sheet-edge-fill));
 padding-left:24px;padding-right:var(--fleet-landscape-rail);box-sizing:border-box;border-radius:18px 0 0 0;
 --sheet-collapse:0!important;
}
#fleetMobileSheet.is-active[data-layout='landscape']>.mobile-handle{left:0;top:calc(50% - 50px);width:44px;height:100px;cursor:ew-resize;touch-action:none}
#fleetMobileSheet.is-active[data-layout='landscape']>.mobile-handle::after{content:'';left:9px;top:32px;width:4px;height:36px}
#fleetMobileSheet.is-active[data-layout='landscape'] :is(.fleet-list-title,.fleet-unit-popup__header,.fleet-compact-trips__header,.fleet-detail-section-header){touch-action:auto;cursor:default}
#fleetMobileSheet.is-active[data-layout='landscape'] .fleet-list-title{height:60px!important;min-height:60px!important;max-height:60px!important;flex-basis:60px!important;padding:8px 8px 8px 4px!important;gap:4px}
#fleetMobileSheet.is-active[data-layout='landscape'] .fleet-list-title-text{font-size:20px!important;line-height:26px!important}
#fleetMobileSheet.is-active[data-layout='landscape'] .fleet-list-mode-actions{position:static!important;display:flex!important;gap:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#fleetMobileSheet.is-active[data-layout='landscape'] .fleet-list-mode-btn{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;flex-basis:44px!important}
#fleetMobileSheet.is-active[data-layout='landscape'] input{font-size:16px!important}
#fleetMobileSheet.is-active[data-layout='landscape'] .units-panel{height:calc(var(--sheet-content-height) + var(--sheet-edge-fill))!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail{height:100%!important;padding:0 8px 0 2px!important;--landscape-detail-space:clamp(0px,calc((100dvh - 360px) * .14),6px)}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-unit-popup__header{height:60px!important;min-height:60px!important;flex-basis:60px!important;padding:8px 0!important;gap:5px!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-unit-popup__heading{padding-top:0!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-unit-popup__title{font-size:20px!important;line-height:26px!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-direct-context{flex-basis:18px!important;min-height:18px!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail.has-morph-location{--location-current-cockpit:80px;--location-current-gap:calc(6px + var(--landscape-detail-space))}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-unit-popup__panel--resumen{padding-block:calc(4px + var(--landscape-detail-space) * .5)!important;gap:calc(8px + var(--landscape-detail-space))!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail.has-morph-location .fleet-location-content{padding-top:var(--landscape-detail-space)}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__address-hero{row-gap:calc(4px + var(--landscape-detail-space) * .5)!important}
#lynqFleetDetailReference #fleetMobileSheet.is-active[data-layout='landscape'] .fleet-compact-trips__header,
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail>.fleet-detail-section-header{
 height:60px!important;min-height:60px!important;flex-basis:60px!important;margin:0;padding:8px 8px 0 4px!important;
}
#lynqFleetDetailReference #fleetMobileSheet.is-active[data-layout='landscape'] .fleet-compact-trips__title,
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-detail-section-title{font-size:20px;line-height:26px}
#lynqFleetDetailReference #fleetMobileSheet.is-active[data-layout='landscape'] .fleet-compact-trips__heading,
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-detail-section-heading{margin-top:0}
#lynqFleetDetailReference #fleetMobileSheet.is-active[data-layout='landscape'] :is(.fleet-compact-trips__ranges,.fleet-compact-trips__summary){margin-left:4px;margin-right:8px;margin-top:4px}
#lynqFleetDetailReference #fleetMobileSheet.is-active[data-layout='landscape'] .fleet-compact-trips__list{padding:4px 8px 12px 4px}
#fleetMobileSheet.is-active[data-layout='landscape'][data-snap='0']:not(.is-moving)>:is(.units-panel,.detail-panel,.history-panel){visibility:hidden!important;pointer-events:none}
#fleetMobileSheet.is-active[data-layout='landscape'][data-snap='0']:not(.is-moving)>.mobile-sheet-expand{
 display:flex;align-items:center;top:10px;left:14px;right:auto;width:calc(var(--sheet-collapsed-width) - 30px - var(--fleet-landscape-rail));height:calc(100% - 20px);max-height:none;
 writing-mode:horizontal-tb;text-align:center;padding:0;font-size:13px;line-height:19px;white-space:normal;overflow:auto;overflow-wrap:anywhere;color:#35495a;touch-action:pan-y;
}
html.fleet-map-landscape .workspace{--fleet-map-control-inset:calc(8px + var(--fleet-phone-safe-top,env(safe-area-inset-top)));--fleet-map-control-size:44px}
html.fleet-map-landscape body .workspace #map.fleet-map-controls.fleet-map-controls .maplibregl-ctrl-top-right{left:calc(8px + var(--fleet-phone-safe-left,env(safe-area-inset-left)));right:auto!important;align-items:flex-start}
html.fleet-map-landscape .workspace .status-banner{left:calc(60px + var(--fleet-phone-safe-left,env(safe-area-inset-left)));max-width:calc(50% - 76px);top:8px}
html.fleet-map-landscape #lynqFleetDetailReference .fleet-trip-route-legend{left:calc(60px + var(--fleet-phone-safe-left,env(safe-area-inset-left)));bottom:calc(8px + var(--fleet-phone-safe-bottom,env(safe-area-inset-bottom)));max-width:calc(50% - 72px);font-size:10px}

#fleetMobileSheet .sheet-compact-content{display:flex;flex-direction:column;gap:12px;width:100%;margin:auto 0;flex-shrink:0}
#fleetMobileSheet .sheet-compact-content.has-location{height:100%;gap:12px;margin:0}
#fleetMobileSheet .sheet-compact-content>span{flex-shrink:0}
#fleetMobileSheet .sheet-compact-heading{display:flex;flex-direction:column;align-items:center;gap:10px}
#fleetMobileSheet .sheet-compact-metrics{display:flex;flex-direction:column;align-items:center;gap:16px}
#fleetMobileSheet .sheet-compact-content.has-location>.sheet-compact-metrics{flex:1 1 auto;min-height:0;justify-content:space-evenly}
#fleetMobileSheet .sheet-compact-content .material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
#fleetMobileSheet .sheet-compact-content [hidden]{display:none!important}
#fleetMobileSheet .sheet-compact-title{max-width:100%;font:800 16px/22px Roboto,Arial,sans-serif;color:#172332;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#fleetMobileSheet .sheet-compact-state{align-self:center;padding:3px 7px;border-radius:12px;background:#f0f3f5;font:600 11px/16px Roboto,Arial,sans-serif;color:#607180}
#fleetMobileSheet .sheet-compact-state>.material-icons{display:none}
#fleetMobileSheet .sheet-compact-content[data-kind='moving'] .sheet-compact-state{color:#198567;background:#eaf7f1}
#fleetMobileSheet .sheet-compact-content[data-kind='alarm'] .sheet-compact-state{color:#b54735;background:#fff0eb}
#fleetMobileSheet .sheet-compact-metric{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:48px;text-align:center;width:100%}
#fleetMobileSheet .sheet-compact-metric>.material-icons{font-size:26px;color:#607d8b}
#fleetMobileSheet .sheet-compact-value{font:700 14px/18px Roboto,Arial,sans-serif;color:#263849}
#fleetMobileSheet .sheet-compact-hint{font:500 11px/16px Roboto,Arial,sans-serif;color:#607180}
#fleetMobileSheet .sheet-compact-content>.sheet-compact-location{flex:0 0 auto;overflow:hidden;padding:0 0 2px}
#fleetMobileSheet .sheet-compact-location-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;font:500 10px/13px Roboto,Arial,sans-serif;color:#607180;text-align:center;overflow-wrap:anywhere}

/* Mobile detail keeps the distributed space and expansion-only address.
   Cockpit height and icon scale retain the compact-detail proportions. */
#fleetMobileSheet.is-active #detail{
 --detail-cockpit-base:80px;
}
@supports (font-size:1cqw){
 #fleetMobileSheet.is-active #detail{
  container-type:inline-size;
 }
}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__header{height:88px!important;min-height:88px!important;flex-basis:88px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location{
 --location-current-height:calc(52px + (var(--location-fullHeight,192px) - 52px) * var(--location-progress));
 --location-current-cockpit:calc((var(--detail-cockpit-base) + (max(var(--detail-cockpit-base),var(--location-cockpit,110px)) - var(--detail-cockpit-base)) * var(--morph-progress)) * var(--cockpit-presence));
 --location-current-gap:calc((8px + (var(--location-gap,12px) - 8px) * var(--morph-progress)) * var(--cockpit-presence));
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__panel--resumen{padding-block:calc(4px + (var(--location-gap,12px) - 4px) * var(--morph-progress))!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__dashboard{
 flex:1 0 auto!important;height:auto!important;min-height:calc(var(--location-current-cockpit) + var(--detail-cockpit-report-space,0px) + var(--location-current-gap) + var(--location-current-height))!important;
 justify-content:space-evenly!important;
}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-location-preview{height:52px;padding:5px 12px}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-location-preview>.fleet-unit-popup__last-location-link{display:flex!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__last-location-copy{gap:2px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-location-content{top:52px}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel .fleet-unit-popup__carousel-arrow{top:0!important;height:100%!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-unit-popup__header{height:64px!important;min-height:64px!important;flex-basis:64px!important}
#fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail.has-morph-location{--location-current-cockpit:var(--detail-cockpit-base);--location-current-gap:calc(8px + var(--landscape-detail-space))}

/* Stack the metric icon on narrow panels to keep the full value readable. */
@container (max-width:320px){
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel .fleet-unit-popup__carousel-viewport{inset-inline:28px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel :is(.fleet-unit-popup__route-time,.fleet-unit-popup__distance){display:flex!important;flex-direction:column!important;gap:3px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel :is(.fleet-unit-popup__route-time,.fleet-unit-popup__distance)>span:last-child{align-items:center!important;text-align:center;gap:2px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel :is(.fleet-unit-popup__route-time,.fleet-unit-popup__distance)>.material-icons{height:20px!important;line-height:20px!important}
}
@supports not (font-size:1cqw){
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel .fleet-unit-popup__carousel-viewport{inset-inline:28px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel :is(.fleet-unit-popup__route-time,.fleet-unit-popup__distance){display:flex!important;flex-direction:column!important;gap:3px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel :is(.fleet-unit-popup__route-time,.fleet-unit-popup__distance)>span:last-child{align-items:center!important;text-align:center;gap:2px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel :is(.fleet-unit-popup__route-time,.fleet-unit-popup__distance)>.material-icons{height:20px!important;line-height:20px!important}
}

 #fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-direct-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;flex-basis:56px!important}
 #fleetMobileSheet.is-active[data-layout='landscape'] #detail#detail#detail#detail .fleet-direct-footer button{height:52px!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;padding-inline:0!important}
@media(max-width:359px){
 #fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-direct-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;flex-basis:56px!important}
 #fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-direct-footer button{height:52px!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;padding-inline:0!important}
}

#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__heading{display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:flex-start!important;height:50px!important;min-height:0!important;padding:0!important;gap:2px!important}
#fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-unit-popup__header-vehicle{align-self:flex-start!important;margin-top:0!important}

/* The landscape surface already uses nearly all of its available width. */
#fleetMobileSheet.is-active[data-layout='landscape'] #detail{--detail-cockpit-bleed:2px}
/* On narrow panels keep long metric values readable without shrinking the
   report/plate/location captions or changing any sheet snap geometry. */
@container (max-width:320px){
 #fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel{--detail-type-value:14px;--detail-type-caption:11px}
}
@supports not (font-size:1cqw){
 @media(max-width:360px){
  #fleetMobileSheet.is-active #detail#detail#detail#detail .fleet-widget-carousel{--detail-type-value:14px;--detail-type-caption:11px}
 }
}

/* Use a small part of the empty portrait footer band while leaving at least
   22px below the touch targets. With no home inset there is no extra drop. */
#fleetMobileSheet.is-active[data-layout='portrait'] #detail#detail#detail#detail[data-active-tab="resumen"]{
 --detail-footer-drop:clamp(0px,calc(var(--sheet-edge-fill,5px) - 22px),12px);
 height:calc(var(--sheet-detail-height,var(--sheet-content-height)) + var(--detail-footer-drop))!important;
}

/* Keep portrait content slightly higher, assigning the spare space below it.
   Every value follows the physical expansion so drag start/release cannot
   switch the cockpit or address to a different layout. Short phones retain
   their available space for the content and touch targets. */
#fleetMobileSheet.is-active[data-layout='portrait'] #detail#detail#detail#detail.has-morph-location{
 --detail-raised-space:clamp(0px,calc((var(--sheet-max-height) - 440px) * .1),24px);
}
#fleetMobileSheet.is-active[data-layout='portrait'] #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__panel--resumen{
 padding-top:calc(4px + (min(var(--location-gap,12px),16px) - 4px) * var(--morph-progress))!important;
}
#fleetMobileSheet.is-active[data-layout='portrait'] #detail#detail#detail#detail.has-morph-location .fleet-unit-popup__dashboard{
 box-sizing:border-box!important;padding-bottom:var(--detail-raised-space)!important;
 min-height:calc(var(--location-current-cockpit) + var(--detail-cockpit-report-space,0px) + var(--location-current-gap) + var(--location-current-height) + var(--detail-raised-space))!important;
}

/* The report uses the space formerly reserved above the dashboard. Treat it
   and the carousel as one group so the location spacing stays continuous. */
#fleetMobileSheet.is-active #detail.has-morph-location{--detail-cockpit-report-space:calc(22px * var(--cockpit-presence))}
#fleetMobileSheet.is-active #detail#detail#detail#detail.has-morph-location .fleet-cockpit-group{
 flex:0 0 calc(var(--location-current-cockpit) + var(--detail-cockpit-report-space))!important;
 height:calc(var(--location-current-cockpit) + var(--detail-cockpit-report-space))!important;
 gap:calc(6px * var(--cockpit-presence));opacity:var(--cockpit-presence);
}
#fleetMobileSheet.is-active #detail#detail#detail#detail#detail.has-morph-location .fleet-cockpit-report{
 flex-basis:calc(16px * var(--cockpit-presence))!important;height:calc(16px * var(--cockpit-presence))!important;
}