/* Datos › Actividad plegable, Puntualidad y Sala de espera, y sus tarjetas del Resumen. Todo acotado a #dataView. */

/* ——— Secciones plegables de Actividad ——— */
#dataView .data-fold { scroll-margin-top: 88px; }
#dataView #dataActivityPanel .data-fold { padding-bottom: 0; }
#dataView #dataActivityPanel .data-fold.is-open { padding-bottom: 10px; }
#dataView .data-fold__heading { margin: 0; font: inherit; letter-spacing: normal; }
#dataView .data-fold__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 16px; width: 100%; min-height: 84px; padding: 18px 22px; border: 0; border-radius: 22px; color: inherit; background: none; font: inherit; text-align: left; cursor: pointer; }
#dataView .data-fold__head:hover { background: #f8fbfd; }
#dataView .data-fold__head:focus-visible { outline: 3px solid #7dd3fc; outline-offset: -3px; }
#dataView .data-fold.is-open .data-fold__head { border-radius: 22px 22px 0 0; }
#dataView .data-fold__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #147958; background: #e3f6ee; }
#dataView .data-fold__icon .app-icon { width: 23px; height: 23px; }
#dataView .data-fold[data-fold="punctuality"] .data-fold__icon { color: #0f766e; background: #dcf5f1; }
#dataView .data-fold[data-fold="waiting"] .data-fold__icon { color: #4f46b8; background: #eeedfc; }
#dataView .data-fold[data-fold="duration"] .data-fold__icon { color: #0369a1; background: #e0f2fe; }
#dataView .data-fold__title { display: grid; gap: 3px; min-width: 0; }
#dataView .data-fold__title small { color: #0e7490; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
#dataView .data-fold__title strong { color: #18233f; font-size: 20px; letter-spacing: -.02em; }
#dataView .data-fold__summary { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
#dataView .data-fold__summary > span { display: inline-flex; align-items: baseline; gap: 6px; padding: 8px 12px; border-radius: 12px; color: #5f6b82; background: #f3f6fa; font-size: 12px; font-weight: 600; white-space: nowrap; }
#dataView .data-fold__summary b { color: #18233f; font-size: 17px; }
#dataView .data-fold__summary > span.is-muted { color: #6f7a8d; background: #f6f8fb; white-space: normal; }
#dataView .data-fold.is-open .data-fold__summary { display: none; }
#dataView .data-fold__chevron { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: #0b5f8f; background: #eef6fc; transition: transform .2s ease; }
#dataView .data-fold__chevron .app-icon { width: 20px; height: 20px; }
#dataView .data-fold.is-open .data-fold__chevron { transform: rotate(180deg); }
#dataView .data-fold__body[hidden] { display: none; }

/* ——— Tarjetas de Puntualidad y Sala de espera ——— */
#dataView .data-arrival-card { min-width: 0; margin-top: 14px; overflow: hidden; border: 1px solid #e3eaf1; border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(46, 55, 94, .07); }
#dataView .data-arrival-intro { margin: 0; padding: 0 24px 18px; color: #657286; font-size: 13px; line-height: 1.5; }
#dataView .data-arrival-content[hidden] { display: none; }

#dataView .data-punct-strip { margin: 0 24px 18px; padding: 18px 20px; border: 1px solid #d5ede6; border-radius: 18px; background: #f3faf8; }
#dataView .data-punct-strip__top { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
#dataView .data-punct-strip__top > div { display: flex; align-items: baseline; gap: 8px; }
#dataView .data-punct-strip__top strong { color: #147958; font-size: 34px; line-height: 1; }
#dataView .data-punct-strip__top .is-late strong { color: #4f46b8; }
#dataView .data-punct-strip__top span { color: #556179; font-size: 14px; font-weight: 600; }
#dataView .data-punct-bar { display: flex; gap: 3px; height: 22px; }
#dataView .data-punct-bar i { display: block; min-width: 6px; height: 100%; border-radius: 6px; }
#dataView .data-punct-bar.is-compact { height: 12px; gap: 2px; }
#dataView .data-punct-bar.is-compact i { min-width: 4px; border-radius: 4px; }
#dataView .data-punct-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 12px 0 0; color: #556179; font-size: 12px; }
#dataView .data-punct-legend i { display: inline-block; width: 11px; height: 11px; margin-right: 6px; border-radius: 3px; vertical-align: -1px; }

/* Colores por tramo: verde a tiempo, después turquesa, azul, violeta y coral para lo más extremo. */
#dataView .data-punct-bar .is-band-0, #dataView .data-punct-legend .is-band-0, #dataView .data-arrival-band.is-band-0 > i > b { background: #1a9b70; }
#dataView .data-punct-bar .is-band-1, #dataView .data-punct-legend .is-band-1, #dataView .data-arrival-band.is-band-1 > i > b { background: #0e9bb0; }
#dataView .data-punct-bar .is-band-2, #dataView .data-punct-legend .is-band-2, #dataView .data-arrival-band.is-band-2 > i > b { background: #0284c7; }
#dataView .data-punct-bar .is-band-3, #dataView .data-punct-legend .is-band-3, #dataView .data-arrival-band.is-band-3 > i > b { background: #554fd3; }
#dataView .data-punct-bar .is-band-4, #dataView .data-punct-legend .is-band-4, #dataView .data-arrival-band.is-band-4 > i > b { background: #8b5cf6; }
#dataView .data-punct-bar .is-band-5, #dataView .data-punct-legend .is-band-5, #dataView .data-arrival-band.is-band-5 > i > b { background: #d65f4c; }
#dataView #dataWaitBands .data-arrival-band.is-band-4 > i > b { background: #d65f4c; }

#dataView .data-wait-journey { margin: 0 24px 18px; padding: 20px 22px 18px; border-radius: 18px; color: #fff; background: linear-gradient(120deg, #0b3a5c, #0b5f8f 60%, #0284c7); }
#dataView .data-wait-journey__top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
#dataView .data-wait-journey__top small { display: block; color: #bfe3f7; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
#dataView .data-wait-journey__top strong { font-size: 34px; letter-spacing: -.02em; }
#dataView .data-wait-journey__top em { color: #d6efff; font-size: 16px; font-style: normal; font-weight: 600; }
#dataView .data-wait-journey__top > span { color: #d6efff; font-size: 13px; }
#dataView .data-wait-track { position: relative; display: flex; height: 16px; margin: 34px 6px; border-radius: 99px; background: rgba(255, 255, 255, .14); }
#dataView .data-wait-track__segment { position: relative; height: 100%; }
#dataView .data-wait-track__segment:first-child { border-radius: 99px 0 0 99px; }
#dataView .data-wait-track__segment:last-of-type { border-radius: 0 99px 99px 0; }
#dataView .data-wait-track__segment:only-of-type { border-radius: 99px; }
#dataView .data-wait-track__segment.is-early { background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .35) 0 6px, rgba(255, 255, 255, .18) 6px 12px); }
#dataView .data-wait-track__segment.is-delay { background: linear-gradient(90deg, #a5b4fc, #f0abfc); }
#dataView .data-wait-track__segment b { position: absolute; top: -26px; left: 50%; transform: translateX(-50%); font-size: 13px; white-space: nowrap; }
#dataView .data-wait-track__pin { position: absolute; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border: 3px solid #0b5f8f; border-radius: 50%; background: #fff; }
#dataView .data-wait-track__pin span { position: absolute; top: 26px; left: 50%; transform: translateX(-50%); color: #e6f5ff; font-size: 12px; font-weight: 700; white-space: nowrap; }
#dataView .data-wait-track__pin.is-start span { left: 0; transform: none; }
#dataView .data-wait-track__pin.is-end span { right: 0; left: auto; transform: none; }
#dataView .data-wait-track__pin.is-turn { width: 4px; height: 30px; margin: -15px 0 0 -2px; border: 0; border-radius: 2px; }
#dataView .data-wait-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; color: #d6efff; font-size: 12px; line-height: 1.45; }
#dataView .data-wait-legend b { font-weight: 600; }
#dataView .data-wait-legend i { display: inline-block; width: 12px; height: 12px; margin-right: 6px; border-radius: 4px; vertical-align: -2px; }
#dataView .data-wait-legend i.is-early { background: rgba(255, 255, 255, .35); }
#dataView .data-wait-legend i.is-delay { background: linear-gradient(90deg, #a5b4fc, #f0abfc); }

#dataView .data-arrival-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 24px 18px; }
#dataView .data-arrival-metrics > div { display: grid; min-width: 0; align-content: start; gap: 6px; padding: 16px; border: 1px solid #e2ebed; border-radius: 15px; background: #f8fbfb; }
#dataView .data-arrival-metrics > div.is-primary { border-color: #d6d3fb; background: #f5f4ff; }
#dataView .data-arrival-metrics > div.is-ok { border-color: #c8e7dc; background: #f2fbf7; }
#dataView .data-arrival-metrics span { color: #617084; font-size: 12px; font-weight: 800; }
#dataView .data-arrival-metrics strong { color: #26374a; font-size: 28px; line-height: 1.15; }
#dataView .data-arrival-metrics strong small { margin-left: 4px; color: #6d7a90; font-size: 14px; font-weight: 600; }
#dataView .data-arrival-metrics .is-primary strong { color: #4f46b8; font-size: 34px; }
#dataView .data-arrival-metrics .is-ok strong { color: #147958; }
#dataView .data-arrival-metrics > div > small { color: #778397; font-size: 12px; line-height: 1.4; }
#dataView .data-wait-ontime { display: flex; align-items: center; gap: 12px; }
#dataView .data-wait-ontime__ring { display: grid; flex: 0 0 52px; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: conic-gradient(#1a9b70 calc(var(--p, 0) * 1%), #e3ecef 0); }
#dataView .data-wait-ontime__ring::after { content: ""; width: 36px; height: 36px; border-radius: 50%; background: #f8fbfb; }

#dataView .data-arrival-nudge { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 0 24px 18px; padding: 14px 16px; border: 1px solid #d9e6fb; border-radius: 16px; background: linear-gradient(120deg, #f2f7ff, #f5f4ff); }
#dataView .data-arrival-nudge[hidden] { display: none; }
#dataView .data-arrival-nudge__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #1a9b70, #25b884); }
#dataView .data-arrival-nudge__icon .app-icon { width: 21px; height: 21px; }
#dataView .data-arrival-nudge strong { color: #18233f; font-size: 14px; }
#dataView .data-arrival-nudge p { margin: 3px 0 0; color: #556179; font-size: 13px; line-height: 1.45; }
#dataView .data-arrival-nudge a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #0b4f7c, #0284c7); font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }
#dataView .data-arrival-integrity { display: flex; align-items: flex-start; gap: 10px; margin: 0 24px 18px; padding: 12px 14px; border: 1px solid #dce8ef; border-radius: 13px; color: #4e6475; background: #f4f9fc; }
#dataView .data-arrival-integrity[hidden] { display: none; }
#dataView .data-arrival-integrity .app-icon { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; color: #487b96; }
#dataView .data-arrival-integrity p { margin: 0; font-size: 12px; line-height: 1.45; }

#dataView .data-arrival-details { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 22px; padding: 19px 24px 24px; border-top: 1px solid #e8edef; }
#dataView .data-arrival-details > section { min-width: 0; }
#dataView .data-arrival-details h3 { margin: 0 0 4px; color: #344258; font-size: 15px; }
#dataView .data-arrival-details h3 + p, #dataView .data-wait-longest__head p { margin: 0 0 14px; color: #788397; font-size: 12px; line-height: 1.4; }
#dataView .data-arrival-bands { display: grid; gap: 11px; }
#dataView .data-arrival-band p { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 6px; color: #556179; font-size: 13px; }
#dataView .data-arrival-band p b { color: #344258; }
#dataView .data-arrival-band > i { display: block; height: 10px; overflow: hidden; border-radius: 99px; background: #edf2f3; }
#dataView .data-arrival-band > i > b { display: block; height: 100%; border-radius: inherit; }

#dataView .data-wait-hours { display: grid; grid-template-columns: repeat(var(--columns, 1), minmax(0, 1fr)); align-items: end; gap: 8px; height: 180px; margin-top: 4px; }
#dataView .data-wait-hour { display: flex; height: 100%; min-width: 0; flex-direction: column; align-items: center; justify-content: flex-end; gap: 5px; }
#dataView .data-wait-hour b { color: #344258; font-size: 12px; }
#dataView .data-wait-hour i { display: block; width: 100%; max-width: 40px; min-height: 4px; border-radius: 9px 9px 3px 3px; background: #4cc79a; transition: transform .18s ease; transform-origin: bottom; }
#dataView .data-wait-hour.is-mid i { background: #38bdf8; }
#dataView .data-wait-hour.is-high i { background: #8b86ec; }
#dataView .data-wait-hour:hover i { transform: scaleY(1.05) translateY(-2px); }
#dataView .data-wait-hour span { color: #6b7690; font-size: 12px; white-space: nowrap; }
#dataView .data-wait-hours-note { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; color: #3f4a8a; background: #f2f1fe; font-size: 13px; line-height: 1.45; }
#dataView .data-wait-hours-note[hidden] { display: none; }

#dataView .data-wait-longest { grid-column: 1 / -1; }
#dataView .data-wait-longest__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px; }
#dataView .data-wait-sort { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid #d9e3ee; border-radius: 14px; background: #fff; }
#dataView .data-wait-sort button { min-height: 34px; padding: 0 12px; border: 0; border-radius: 10px; color: #4a5672; background: transparent; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
#dataView .data-wait-sort button[aria-pressed="true"] { color: #fff; background: linear-gradient(135deg, #0b4f7c, #0284c7); }
#dataView .data-arrival-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
#dataView .data-arrival-list.is-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
#dataView .data-arrival-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 14px; padding: 12px 14px; border: 1px solid #e7edef; border-radius: 14px; background: #fbfcfd; }
#dataView .data-arrival-list li > div { display: grid; min-width: 0; gap: 4px; }
#dataView .data-arrival-list li strong { color: #37455b; font-size: 13px; }
#dataView .data-arrival-list li span { color: #6f7a8d; font-size: 12px; line-height: 1.4; }
#dataView .data-arrival-list li > b { display: grid; justify-items: end; gap: 2px; color: #4f46b8; font-size: 17px; white-space: nowrap; }
#dataView .data-arrival-list li > b small { color: #6f7a8d; font-size: 12px; font-weight: 600; }
#dataView .data-arrival-list em { justify-self: start; padding: 2px 8px; border-radius: 99px; font-size: 12px; font-style: normal; font-weight: 700; }
#dataView .data-arrival-list em.is-early { color: #475569; background: #eef2f6; }
#dataView .data-arrival-list em.is-late { color: #9f3d2f; background: #fdecea; }
#dataView .data-wait-split { display: flex; height: 6px; margin-top: 4px; overflow: hidden; border-radius: 99px; background: #eef2f6; }
#dataView .data-wait-split i { display: block; height: 100%; }
#dataView .data-wait-split i.is-early, #dataView .data-arrival-summary__split i.is-early { background: #cbd5e1; }
#dataView .data-wait-split i.is-delay, #dataView .data-arrival-summary__split i.is-delay { background: linear-gradient(90deg, #818cf8, #c084fc); }
#dataView .data-arrival-note { margin: 0; padding: 14px; border-radius: 12px; color: #687589; background: #f6f8fa; font-size: 12px; line-height: 1.45; }
#dataView .data-arrival-note[hidden] { display: none; }

#dataView .data-arrival-empty { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; margin: 0 24px 24px; padding: 22px; border: 1px dashed #c9d6e4; border-radius: 18px; background: #f8fbfe; }
#dataView .data-arrival-empty[hidden] { display: none; }
#dataView .data-arrival-empty__icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; color: #0284c7; background: #e0f2fe; }
#dataView .data-arrival-empty__icon .app-icon { width: 32px; height: 32px; }
#dataView .data-arrival-empty h3 { margin: 0 0 6px; color: #18233f; font-size: 17px; }
#dataView .data-arrival-empty p { margin: 0 0 12px; color: #5f6b82; font-size: 13px; line-height: 1.5; }
#dataView .data-arrival-empty ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
#dataView .data-arrival-empty li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid #dde7f0; border-radius: 10px; color: #2d4a63; background: #fff; font-size: 12px; font-weight: 700; }
#dataView .data-arrival-empty li .app-icon { width: 15px; height: 15px; color: #0284c7; }

/* ——— Tarjetas del Resumen ——— */
#dataView .data-dashboard-arrivals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
#dataView .data-arrival-summary { display: grid; min-width: 0; align-content: start; gap: 14px; padding: 22px; border: 1px solid #e3eaf1; border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(46, 55, 94, .07); }
#dataView .data-arrival-summary > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
#dataView .data-arrival-summary > header p { margin: 0 0 4px; color: #4f46b8; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
#dataView .data-arrival-summary.is-punctuality > header p { color: #0f766e; }
#dataView .data-arrival-summary h3 { margin: 0; color: #18233f; font-size: 18px; letter-spacing: -.015em; }
#dataView .data-arrival-summary > header button { flex: 0 0 auto; min-height: 36px; padding: 0 13px; border: 1px solid #d9e3ee; border-radius: 10px; color: #0b5f8f; background: #fff; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
#dataView .data-arrival-summary > header button:hover { background: #f2f8fc; }
#dataView .data-arrival-summary__body[hidden], #dataView .data-arrival-summary__empty[hidden] { display: none; }
#dataView .data-arrival-summary__hero { display: grid; gap: 9px; padding: 14px; border-radius: 16px; background: #f5f4ff; }
#dataView .data-arrival-summary.is-punctuality .data-arrival-summary__hero { background: #f1faf7; }
#dataView .data-arrival-summary__hero > p:first-child { display: flex; align-items: baseline; gap: 8px; margin: 0; }
#dataView .data-arrival-summary__hero strong { color: #4f46b8; font-size: 30px; line-height: 1; }
#dataView .data-arrival-summary.is-punctuality .data-arrival-summary__hero strong { color: #147958; }
#dataView .data-arrival-summary__hero > p:first-child span { color: #5f6b82; font-size: 13px; }
#dataView .data-arrival-summary__split { display: flex; height: 10px; overflow: hidden; border-radius: 99px; background: #e4e7f3; }
#dataView .data-arrival-summary__split i { display: block; height: 100%; }
#dataView .data-arrival-summary__legend { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0; color: #5f6b82; font-size: 12px; }
#dataView .data-arrival-summary__legend b { font-weight: 500; }
#dataView .data-arrival-summary__legend i { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 3px; vertical-align: -1px; }
#dataView .data-arrival-summary__legend i.is-early { background: #cbd5e1; }
#dataView .data-arrival-summary__legend i.is-delay { background: linear-gradient(90deg, #818cf8, #c084fc); }
#dataView .data-arrival-summary__legend i.is-ok { background: #1a9b70; }
#dataView .data-arrival-summary__legend i.is-late { background: linear-gradient(90deg, #0e9bb0, #554fd3, #d65f4c); }
#dataView .data-arrival-summary dl { display: grid; margin: 0; }
#dataView .data-arrival-summary dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 2px; border-top: 1px solid #edf1f5; }
#dataView .data-arrival-summary dt { color: #5f6b82; font-size: 13px; }
#dataView .data-arrival-summary dd { display: grid; justify-items: end; margin: 0; text-align: right; }
#dataView .data-arrival-summary dd b { color: #18233f; font-size: 16px; white-space: nowrap; }
#dataView .data-arrival-summary dd small { color: #7c8798; font-size: 12px; font-weight: 600; }
#dataView .data-arrival-summary__empty { margin: 0; padding: 14px; border-radius: 14px; color: #5f6b82; background: #f6f8fb; font-size: 13px; line-height: 1.5; }

@media (max-width: 1100px) {
  #dataView .data-fold__head { grid-template-columns: auto minmax(0, 1fr) auto; }
  #dataView .data-fold__summary { grid-row: 2; grid-column: 2 / 4; justify-content: flex-start; }
  #dataView .data-arrival-details { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  /* Debajo de la barra fija «Estás en…» (76 px desde arriba y 62 px de alto). */
  #dataView .data-fold { scroll-margin-top: 150px; }
  #dataView .data-dashboard-arrivals { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  #dataView .data-fold__head { gap: 10px 12px; min-height: 0; padding: 14px; border-radius: 20px; }
  #dataView .data-fold__icon { width: 40px; height: 40px; border-radius: 12px; }
  #dataView .data-fold__title strong { font-size: 16px; }
  #dataView .data-fold__summary { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  #dataView .data-fold__summary > span { display: grid; justify-items: start; gap: 1px; padding: 8px 10px; white-space: normal; }
  #dataView .data-fold__summary > span.is-muted { grid-column: 1 / -1; }
  #dataView .data-fold__summary b { font-size: 16px; }
  #dataView .data-arrival-intro { padding: 0 16px 14px; }
  #dataView .data-punct-strip, #dataView .data-wait-journey { margin: 0 16px 14px; padding: 14px 16px; }
  #dataView .data-punct-strip__top strong { font-size: 26px; }
  #dataView .data-punct-strip__top span { font-size: 13px; }
  #dataView .data-wait-journey__top strong { font-size: 28px; }
  #dataView .data-arrival-metrics { grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 16px 14px; }
  #dataView .data-arrival-metrics > div:last-child { grid-column: 1 / -1; }
  #dataView .data-arrival-metrics strong { font-size: 24px; }
  #dataView .data-arrival-metrics .is-primary strong { font-size: 28px; }
  #dataView .data-arrival-nudge { grid-template-columns: auto minmax(0, 1fr); margin: 0 16px 14px; }
  #dataView .data-arrival-nudge a { grid-column: 1 / -1; justify-content: center; }
  #dataView .data-arrival-integrity { margin: 0 16px 14px; }
  #dataView .data-arrival-details { gap: 24px; padding: 16px; }
  #dataView .data-wait-hours { gap: 4px; height: 150px; }
  #dataView .data-arrival-list.is-grid { grid-template-columns: 1fr; }
  #dataView .data-arrival-empty { grid-template-columns: 1fr; margin: 0 16px 16px; padding: 18px; }
  #dataView .data-arrival-summary { padding: 16px; border-radius: 20px; }
}

/* Botón «Desplegar / Retraer todos los paneles» de la franja de Actividad (mismo estilo que los de las demás franjas). */
#dataView #dataFoldsToggle .app-icon { transition: transform .2s ease; }
#dataView #dataFoldsToggle.is-open .app-icon { transform: rotate(180deg); }
/* Botón de despliegue: vive justo encima de los paneles, alineado a la derecha */
#dataView #dataActivityPanel > .data-fold-toolbar { grid-column: 1 / -1; display: flex; justify-content: flex-end; margin: 0 0 4px; }
#dataView #dataActivityPanel .data-fold-toolbar #dataFoldsToggle { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 7px; padding: 9px 14px; border: 1px solid #b9cde3; border-radius: 12px; background: #fff; color: #1d5f8f; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 12px rgba(15,40,70,.08); }
#dataView #dataActivityPanel .data-fold-toolbar #dataFoldsToggle:hover { background: #f0f7fd; transform: translateY(-1px); }
#dataView #dataActivityPanel .data-fold-toolbar #dataFoldsToggle .app-icon { width: 16px; height: 16px; }
@media (prefers-reduced-motion: reduce) { #dataView #dataFoldsToggle .app-icon { transition: none; } }