/* Live total sits alongside the route identity. */
.home-route-hero .route-destination-block { flex:1; }
.home-route-hero .home-route-live-count { flex:0 0 auto; align-self:center; display:flex; flex-direction:column; gap:4px; margin-left:auto; padding-left:20px; border-left:1px solid var(--home-border); text-align:center; color:var(--home-text); }
.home-route-hero .home-route-live-count[hidden] { display:none; }
.home-route-live-count > strong { font-size:32px; font-weight:650; letter-spacing:-.05em; line-height:1; font-variant-numeric:tabular-nums; }
.home-route-live-count > span { display:flex; align-items:center; gap:5px; font-size:11px; white-space:nowrap; color:var(--home-muted); }
.route-live-dot,.fleet-live::before { content:""; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--home-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--home-accent) 12%,transparent); }

/* A compact inset that inherits the page's glass surfaces and accent. */
.route-fleet-summary { padding:12px 14px 0; margin:2px 0 12px; border:1px solid color-mix(in srgb,var(--home-accent) 28%,var(--home-border)); border-radius:13px; background:linear-gradient(120deg,color-mix(in srgb,var(--home-accent) 7%,var(--home-panel-soft)),color-mix(in srgb,var(--home-panel-soft) 60%,transparent)); box-shadow:inset 0 1px 0 var(--home-glass-highlight); color:var(--home-text); }
.fleet-summary-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.fleet-summary-heading h3 { display:flex; align-items:center; gap:7px; font-size:13px; font-weight:650; letter-spacing:-.01em; margin:0; }
.fleet-icon { width:17px; height:17px; color:var(--home-muted); }
.fleet-live { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; color:var(--home-muted); font-size:10px; }
.route-fleet-summary .fleet-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.route-fleet-summary .fleet-chip { display:inline-flex; justify-content:space-between; align-items:center; gap:10px; padding:5px 5px 5px 10px; border:1px solid color-mix(in srgb,var(--home-border) 60%,transparent); border-radius:999px; background:var(--home-panel); font-size:12px; line-height:1.4; }
.route-fleet-summary .fleet-chip > span { overflow-wrap:anywhere; }
.route-fleet-summary .fleet-chip strong { display:inline-grid; place-items:center; min-width:25px; height:25px; padding:0 4px; box-sizing:border-box; border-radius:50%; color:var(--home-text); background:color-mix(in srgb,var(--home-accent) 36%,var(--home-panel-strong)); font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; }
.fleet-details { margin:10px 0; }
.fleet-details > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; box-sizing:border-box; padding:6px 10px; cursor:pointer; list-style:none; font-size:12px; font-weight:600; color:var(--home-text); border:1px solid color-mix(in srgb,var(--home-accent) 42%,var(--home-border)); border-radius:999px; background:linear-gradient(145deg,color-mix(in srgb,var(--home-accent) 18%,var(--home-panel-strong)),color-mix(in srgb,var(--home-accent) 10%,var(--home-panel-soft))); box-shadow:0 3px 10px color-mix(in srgb,var(--home-accent) 10%,transparent),inset 0 1px 0 var(--home-glass-highlight); }
.fleet-details > summary::-webkit-details-marker { display:none; }
.fleet-details-label { display:flex; align-items:center; gap:7px; }
.fleet-model-count { font-size:10px; font-weight:600; padding:1px 5px; border-radius:4px; background:var(--home-panel); font-variant-numeric:tabular-nums; }
.fleet-details > summary > svg { width:24px; height:24px; padding:2px; box-sizing:border-box; border-radius:50%; background:var(--home-button-bg); color:white; box-shadow:inset 0 1px 0 var(--home-glass-highlight); fill:none; stroke:currentColor; stroke-width:1.6; transition:transform .15s ease; }
.fleet-details[open] > summary > svg { transform:rotate(180deg); }
.fleet-details > summary:hover { color:var(--home-text); background:color-mix(in srgb,var(--home-accent) 26%,var(--home-panel-soft)); }
.fleet-details > summary:focus-visible { outline:2px solid var(--home-accent); outline-offset:2px; }
.fleet-destinations { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:10px; padding:12px 0 2px; }
.fleet-destination h4 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:6px; margin:0; font-size:12px; font-weight:600; }
.fleet-destination h4 i { font-style:normal; color:var(--home-muted); margin-right:3px; }
.fleet-destination h4 small { color:var(--home-muted); font-size:10px; font-weight:400; }
.route-fleet-summary .fleet-destination .fleet-chips { display:flex; flex-direction:column; gap:0; margin-top:5px; }
.route-fleet-summary .fleet-destination .fleet-chip { padding:5px 0; border:0; border-radius:0; background:transparent; font-size:11px; }
.route-fleet-summary .fleet-destination .fleet-chip strong { height:20px; min-width:20px; font-size:11px; background:var(--home-panel); }
@media(max-width:600px) {
  .home-route-hero .home-route-live-count { padding-left:10px; }
  .home-route-live-count > strong { font-size:26px; }
  .home-route-live-count > span { font-size:10px; }
  .home-route-hero .route-destination-block { overflow-wrap:anywhere; }
  .route-fleet-summary { padding:10px 10px 0; }
  .fleet-destinations { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { .fleet-details > summary > svg { transition:none; } }

.fleet-hide-label { display:none; }
.fleet-details[open] .fleet-show-label { display:none; }
.fleet-details[open] .fleet-hide-label { display:inline; }

.fleet-details[open] > summary { border-color:var(--home-accent); background:color-mix(in srgb,var(--home-accent) 22%,var(--home-panel-strong)); }

/* Destination groups share one quiet surface, separated by horizontal rules. */
.route-fleet-summary .fleet-destinations {
  display:flex;
  flex-direction:column;
  gap:0;
  padding:4px 2px 0;
}
.route-fleet-summary .fleet-destination {
  min-width:0;
  padding:12px 0;
}
.route-fleet-summary .fleet-destination + .fleet-destination {
  border-top:1px solid color-mix(in srgb,var(--home-border) 75%,transparent);
}
.route-fleet-summary .fleet-destination h4 {
  align-items:center;
  flex-wrap:nowrap;
  gap:12px;
  font-size:12px;
  line-height:1.5;
}
.route-fleet-summary .fleet-destination h4 > span { min-width:0; overflow-wrap:anywhere; }
.route-fleet-summary .fleet-destination h4 i {
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  margin-right:5px;
  border-radius:50%;
  background:color-mix(in srgb,var(--home-accent) 16%,var(--home-panel));
  color:var(--home-text);
}
.route-fleet-summary .fleet-destination h4 small {
  flex-shrink:0;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.route-fleet-summary .fleet-destination .fleet-chips {
  margin:5px 0 0 29px;
}
.route-fleet-summary .fleet-destination .fleet-chip {
  padding:3px 0;
  color:var(--home-muted);
}
.route-fleet-summary .fleet-destination .fleet-chip strong {
  background:transparent;
  color:var(--home-text);
  min-width:20px;
  padding:0;
}

/* Side-by-side destinations on wider screens; stacked on phones. */
@media(min-width:701px) {
  .route-fleet-summary .fleet-destinations {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px 0;
    padding:12px 0;
  }
  .route-fleet-summary .fleet-destination {
    padding:0 16px;
    border-left:1px solid color-mix(in srgb,var(--home-border) 75%,transparent);
  }
  .route-fleet-summary .fleet-destination + .fleet-destination { border-top:0; }
  .route-fleet-summary .fleet-destination:first-child { border-left:0; padding-left:0; }
}
.fleet-direction-names { margin:4px 0 6px 29px; color:var(--home-muted); font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
.fleet-empty-message { margin:10px 0 12px; font-size:12px; line-height:1.5; color:var(--home-muted); }