/* Hub-only adaptive layer. Layers: header 1000, navigation 1500, dialogs top layer. */
.barrio-mobile-count, .dispatch-order-mobile-address, .delivery-batch-mobile-order { display: none; }
.pedidos-mobile-filters-toggle { display: none; }
.hub-page .dispatch-mark-ready { background: #111827 !important; border-color: #111827 !important; color: #fff !important; }
.hub-page .dispatch-mark-ready:hover { background: #000 !important; border-color: #000 !important; }
.hub-page .dispatch-mark-ready:active,
.hub-page .dispatch-mark-ready[aria-pressed="true"] { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
button.barrio-card { width: 100%; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.hub-page #hub-more-dialog {
  width: min(480px, calc(100% - 24px)); max-height: 80dvh;
  padding: 20px; border: 1px solid var(--border-card); border-radius: 20px;
  background: var(--bg-card); color: var(--text-main);
}
.hub-page #hub-more-dialog::backdrop { background: rgb(18 25 30 / .45); }
.hub-more-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.hub-more-heading h2 { margin: 0; font-size: 1.25rem; }
#hub-more-links { display: grid; gap: 6px; }
.hub-more-link { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 12px; border: 0; border-radius: 12px; background: var(--bg-card-sub); color: var(--text-main); text-align: left; text-decoration: none; font: inherit; cursor: pointer; }
.hub-more-link svg { width: 20px; height: 20px; flex-shrink: 0; }
.hub-page :is(.mobile-nav-item,.hub-more-link):focus-visible { outline: 3px solid var(--primary); outline-offset: -3px; }
@media (min-width: 881px) and (max-width: 1120px) {
  .hub-page .logistica-dashboard-container { grid-template-columns: minmax(200px, .7fr) minmax(0, 1.5fr); }
  .hub-page .logistica-col-repartidores { grid-column: 1 / -1; }
}
@media (max-width: 880px) {
  .hub-page { --hub-nav-height: calc(72px + env(safe-area-inset-bottom, 0px)); min-height: 100dvh; }
  .hub-page, .hub-page * { box-sizing: border-box; }
  .hub-page main { padding: 14px 12px calc(var(--hub-nav-height) + 20px) !important; min-width: 0; }
  .hub-page #mobile-bottom-nav { display: flex !important; height: var(--hub-nav-height); padding: 6px max(6px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)); background: var(--bg-card); backdrop-filter: none; }
  .hub-page .mobile-nav-item { min-width: 0; min-height: 48px; gap: 4px; border-radius: 12px; font-size: 11px; color: var(--text-main); }
  .hub-page .mobile-nav-item svg { width: 22px; height: 22px; }
  .hub-page .mobile-nav-item.active { color: var(--primary-hover); background: var(--bg-card-sub); }
  .hub-page .mobile-nav-item.active svg { transform: none; }
  .hub-page .logistica-header { height: 60px; padding: 0 12px; gap: 8px; }
  .hub-page .logistica-header :is(.header-live-clock,.logistica-nav-tabs) { display: none; }
  .hub-page .logistica-header-right { gap: 6px; }
  .hub-page .logistica-dashboard-container { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 12px; }
  .hub-page .logistica-dashboard-container > * { min-width: 0; grid-column: 1; width: 100%; }
  .hub-page .despacho-top-kpis-bar { grid-template-columns: minmax(0, 1fr); gap: 12px !important; }
  .hub-page #view-tablero .despacho-top-kpis-bar > .despacho-kpis-grid,
  .hub-page .repartidores-kpi-grid { display: none !important; }
  .hub-page .kpi-card { min-width: 0; min-height: 68px; height: auto; padding: 10px 12px; gap: 10px; box-shadow: none; }
  .hub-page .kpi-card:hover { transform: none; }
  .hub-page .despacho-top-actions { width: 100%; display: flex; gap: 8px; }
  .hub-page .despacho-top-actions #btn-new-order-hero { min-height: 48px; flex: 1; }
  .hub-page .despacho-top-actions #btn-hub-tutorial { min-height: 48px; width: 48px; }
  .hub-page :is(.logistica-col-barrios,.logistica-col-pedidos,.logistica-col-repartidores) { padding: 14px; max-height: none; min-width: 0; border-radius: 16px; }
  .hub-page .barrios-cards-list { flex-direction: row; overflow-x: auto; max-height: none; padding-bottom: 6px; }
  .hub-page .barrio-card { flex: 0 0 180px; }
  .hub-page :is(.orders-detailed-list,.en-reparto-salidas-list) { max-height: none !important; overflow: visible; }
  .hub-page :is(.pedidos-center-title-row,.delivery-view-header,.delivery-batch-detail__header,.orders-pagination-bar,.dashboard-pagination-bar) { flex-wrap: wrap; gap: 10px; }
  .hub-page .pedidos-filter-chips { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .hub-page .filter-chip { flex-shrink: 0; min-height: 44px; }
  .hub-page :is(.btn, .btn-icon-plain, .pagination-controls button) { min-height: 44px; }
  .hub-page :is(.btn-icon-plain,.close-modal) { min-width: 44px; }
  .hub-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size: 16px !important; max-width: 100%; min-width: 0; }
  .hub-page input[type=checkbox] { width: 20px; height: 20px; }
  .hub-page :is(.repartidores-columns-grid,.delivery-batch-master-detail,.dispatch-settings-grid,.surtido-grid) { grid-template-columns: minmax(0, 1fr) !important; }
  .hub-page .repartidores-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .hub-page :is(.delivery-batch-master,.delivery-batch-detail,.delivery-batch-detail-order__copy) { min-width: 0; }
  .hub-page .delivery-batch-master__list { max-height: 240px; overflow-y: auto; }
  .hub-page .delivery-batch-detail-order { flex-wrap: wrap; }
  .hub-page .delivery-batch-order-move { width: 100%; }
  .hub-page .delivery-batch-detail__map { height: clamp(240px, 40dvh, 400px); }
  .hub-page #view-pedidos .full-orders-table-wrapper { display: none !important; }
  .hub-page #full-orders-mobile-list { display: flex !important; }
  .hub-page #view-pedidos .card > div:first-child { flex-wrap: wrap; gap: 12px; }
  .hub-page #view-pedidos .card > div:nth-child(2) > div { min-width: 0 !important; flex-basis: 100% !important; }
  .hub-page :is(.history-tanda-card,.order-detailed-card,.dispatch-order-card) { overflow-wrap: anywhere; min-width: 0; }
  .hub-page .modal { padding: 12px; align-items: center; }
  .hub-page .modal-content { width: 100% !important; max-width: 560px !important; max-height: calc(100dvh - 24px) !important; overflow-y: auto; overscroll-behavior: contain; padding: 16px !important; }
  .hub-page .modal-content :is(.form-row,.form-grid) { display: grid; grid-template-columns: minmax(0, 1fr); }
  .hub-page .modal-content section { padding: 12px !important; }
  .hub-page .qr-modal__card { width: calc(100% - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; }
  .hub-page #hub-more-dialog { margin: auto auto max(12px, env(safe-area-inset-bottom)); }
  .hub-page #unresolved-addresses-toast { bottom: calc(var(--hub-nav-height) + 12px); max-width: calc(100vw - 24px); }
}
/* Compact iPhone chrome; glyph size is independent from the touch target. */
@media (max-width: 880px) {
  .hub-page {
    --hub-nav-height: calc(60px + env(safe-area-inset-bottom, 0px));
    --bg-body: #f2f2f7;
    --bg-card: #fff;
    --bg-card-sub: #f2f2f7;
    --border-card: #e5e5ea;
    --hub-system-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", sans-serif;
    font-family: var(--hub-system-font);
  }
  .hub-page :is(h1,h2,h3,h4,button,input,select,textarea,.kpi-card-val) { font-family: var(--hub-system-font); }
  .hub-page :is(.card,.modal-content,.logistica-col-barrios,.logistica-col-pedidos,.delivery-batch-detail,.delivery-batch-master,.dispatch-settings-shell,.reviews-admin-shell,.reviews-admin-card) :is(h1,h2,h3,h4,button,input,select,textarea) { font-family: var(--hub-system-font) !important; }
  .hub-page button { touch-action: manipulation; }
  .hub-page button:active { opacity: .72; transform: scale(.98); }
  .hub-page :is(.tab-panel,.delivery-batches-view,.dispatch-settings-view) { padding: 12px !important; }
  .hub-page .logistica-header { height: calc(56px + env(safe-area-inset-top, 0px)); padding-top: env(safe-area-inset-top, 0px); box-shadow: none; background: rgb(255 255 255 / .92); }
  .hub-page .logistica-brand .kinetic-logo-img { height: 30px !important; }
  .hub-page #mobile-bottom-nav { background: rgb(255 255 255 / .92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid var(--border-card); }
  .hub-page .mobile-nav-item { gap: 3px; font-weight: 500; color: #636366; }
  .hub-page .mobile-nav-item.active { background: transparent; color: var(--primary-hover); }
  .hub-page .mobile-nav-item svg { width: 20px; height: 20px; }
  .hub-page :is(.btn,.btn-icon-plain,.close-modal,.btn-icon-filter) svg { width: 18px; height: 18px; flex-shrink: 0; }
  .hub-page :is(.btn-icon-filter,.close-modal) { min-width: 44px; min-height: 44px; }
  .hub-page .kpi-card-icon { width: 28px; height: 28px; border-radius: 8px; }
  .hub-page .kpi-card-icon svg { width: 17px; height: 17px; }
  .hub-page .kpi-card-label { font-size: .75rem; text-transform: none; letter-spacing: 0; }
  .hub-page .kpi-card-val { font-size: 1.4rem; line-height: 1.2; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
  .hub-page .card-icon-badge svg { width: 16px; height: 16px; }
  .hub-page .repartidores-kpi-grid [data-lucide="bike"] { width: 22px !important; height: 22px !important; flex-shrink: 0; }
  .hub-page .repartidores-kpi-grid .card { padding: 12px !important; box-shadow: none; }
  .hub-page .repartidores-kpi-grid [id^="repartidores-count-"] { font-size: 1.5rem !important; }
  .hub-page .despacho-top-actions { padding: 0; border: 0; }
  .hub-page .despacho-top-actions::before { display: none; }
  .hub-page .despacho-top-actions #btn-new-order-hero { flex: 0 0 44px; width: 44px; min-height: 44px; padding: 0; border-radius: 12px; font-size: 0; font-weight: 600; box-shadow: none; }
  .hub-page .despacho-top-actions #btn-hub-tutorial { min-height: 44px; width: 44px; border-radius: 12px; box-shadow: none; }
  .hub-page .despacho-top-actions :is(#btn-new-order-hero,#btn-hub-tutorial) svg { width: 18px; height: 18px; }
  .hub-page :is(.logistica-col-barrios,.logistica-col-pedidos,.logistica-col-repartidores) { box-shadow: none; background: var(--bg-card); }
  .hub-page .logistica-col-repartidores { display: none !important; }
  .hub-page :is(.logistica-col-barrios,.logistica-col-pedidos) { padding: 12px; border-radius: 14px; gap: 10px; }
  .hub-page .col-barrios-header { padding: 0; }
  .hub-page .col-barrios-header > div > span { display: none; }
  .hub-page .barrios-cards-list { display: flex; flex-flow: row nowrap; overflow-x: auto; gap: 8px; padding-bottom: 6px; }
  .hub-page .barrio-card { flex: 0 0 auto; min-height: 44px; padding: 10px 12px; }
  .hub-page .pedidos-center-header { gap: 8px; }
  .hub-page .pedidos-center-title-row { gap: 8px; }
  .hub-page .pedidos-center-title-row h2 { font-size: 1.05rem !important; }
  .hub-page .pedidos-filter-chips { gap: 2px; margin: 0; padding: 2px; border-radius: 10px; background: var(--bg-card-sub); }
  .hub-page .filter-chip { min-height: 44px; padding: 6px 10px; border: 0; border-radius: 8px; background: transparent; color: #636366; font-size: .75rem; }
  .hub-page .filter-chip.active { background: #fff; color: var(--primary-hover); box-shadow: 0 1px 3px rgb(0 0 0 / .08); }
  .hub-page .orders-detailed-list { gap: 10px; padding: 0; }
  .hub-page .orders-detailed-list .order-detailed-card { margin: 0; padding: 12px !important; overflow: visible; }
  .hub-page .dispatch-order-card { gap: 8px; }
  .hub-page .dispatch-order-card__header { position: static !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; flex-direction: column; flex-wrap: wrap !important; gap: 8px !important; padding-bottom: 8px; }
  .hub-page .dispatch-order-card__identity { width: 100%; grid-column: 1; }
  .hub-page .dispatch-order-card__title-row { align-items: flex-start; flex-wrap: wrap; gap: 4px 8px; }
  .hub-page .dispatch-order-card__title { overflow-wrap: anywhere; }
  .hub-page .dispatch-order-card__inline-actions { margin-left: auto; }
  .hub-page .dispatch-order-card__address { display: none; }
  .hub-page .dispatch-order-card__header-actions { width: 100%; justify-content: flex-end !important; }
  .hub-page .dispatch-order-card__time-in { display: none !important; }
  .hub-page .dispatch-order-card__header-actions,
  .hub-page .dispatch-order-card__time-in { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
  .hub-page .dispatch-order-card__header-actions { margin-left: 0 !important; align-self: stretch !important; grid-column: 1; width: 100% !important; }
  .hub-page .dispatch-order-card__time-in { align-items: flex-start !important; text-align: left !important; }
  .hub-page .dispatch-order-card__scheduled { margin: 0 0 8px !important; }
  .hub-page .dispatch-batch-pending { display: none; }
  .hub-page .dispatch-mark-ready { width: 44px; min-width: 44px; min-height: 44px; padding: 0; justify-content: center; font-size: 0; }
  .hub-page .dispatch-mark-ready svg { width: 18px; height: 18px; margin: 0; }
  .hub-page .hub-mobile-orders-filters { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center !important; gap: 8px !important; margin-bottom: 12px !important; padding: 8px !important; }
  .hub-page .hub-mobile-orders-filters > div { min-width: 0 !important; }
  .hub-page .hub-mobile-orders-filters > div:first-child { grid-column: 1 / -1; }
  .hub-page .hub-mobile-orders-filters > div:nth-child(4) { padding: 0 4px !important; }
  .hub-page .delivery-batch-detail { padding: 10px 0 0; }
  .hub-page .delivery-batch-master__info { display: none !important; }
  .hub-page .delivery-batch-detail__header { position: static !important; display: grid; grid-template-columns: minmax(0, 1fr) auto; height: auto !important; min-height: 0 !important; align-items: start; gap: 8px; padding: 12px; overflow: visible; }
  .hub-page .delivery-batch-detail__header > div { min-width: 0; max-width: 100%; }
  .hub-page .delivery-batch-detail__header > aside { display: flex !important; min-width: 0; flex-wrap: wrap !important; justify-content: flex-end; align-items: flex-start !important; gap: 6px !important; }
  .hub-page .delivery-batch-detail__header > aside .btn { width: 44px; min-width: 44px; min-height: 44px !important; padding: 0 !important; justify-content: center; font-size: 0 !important; }
  .hub-page .delivery-batch-detail__header > aside .btn svg { width: 18px !important; height: 18px !important; margin: 0; }
  .hub-page .delivery-batch-detail__header h3 { font-size: 1rem; }
  .hub-page .delivery-batch-detail__header p { gap: 5px; font-size: .72rem; }
  .hub-page #view-tandas .delivery-batch-detail__map { height: clamp(220px, 35dvh, 300px); }
  .hub-page #view-configuracion .delivery-view-header { margin-bottom: 12px; }
  .hub-page #view-configuracion .delivery-view-header h2 { margin: 2px 0 4px; font-size: 1.25rem !important; line-height: 1.2; }
  .hub-page #view-configuracion .delivery-view-header p { font-size: .8rem; line-height: 1.4; }
  .hub-page #view-pedidos h2 + div { display: none !important; }
  .hub-page #view-historial .card { padding: 12px !important; }
  .hub-page #view-historial .card > div:first-child { gap: 8px !important; margin-bottom: 12px !important; }
  .hub-page .reviews-admin-card__header { flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
  .hub-page .reviews-admin-card__header .reviews-admin-status { margin-left: auto; }
  .hub-page .reviews-admin-header { gap: 8px; margin-bottom: 12px; }
  .hub-page .reviews-admin-header h2 { font-size: 1.3rem !important; line-height: 1.2; }
  .hub-page .reviews-admin-header p { margin-top: 4px; font-size: .8rem; line-height: 1.4; }
  .hub-page .reviews-admin-card { padding: 12px; border-radius: 14px; }
  .hub-page #view-rutas .panel-map { padding: 12px !important; }
  .hub-page #view-rutas .panel-map .card-header { gap: 8px; margin-bottom: 12px !important; }
  .hub-page #view-rutas .panel-map .card-header > h2 { min-width: 0; font-size: 1rem !important; line-height: 1.2; }
  .hub-page #view-rutas .panel-map .card-header > .btn { width: 44px; min-width: 44px; padding: 0; font-size: 0; justify-content: center; }
  .hub-page #view-rutas .panel-map .card-header > .btn::before { content: "←"; font-size: 1.25rem; line-height: 1; }
  .hub-page #view-rutas #map { height: clamp(280px, 52dvh, 440px) !important; min-height: 0 !important; }
  .hub-page .modal { align-items: flex-end; padding: 12px 8px 0; }
  .hub-page .modal-content { border-radius: 22px 22px 0 0; max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 12px) !important; padding-bottom: max(16px, env(safe-area-inset-bottom)) !important; }
  .hub-page #hub-more-dialog { padding: 20px 12px max(16px, env(safe-area-inset-bottom)); border: 0; border-radius: 22px 22px 0 0; width: 100%; max-width: 560px; margin-bottom: 0; }
  .hub-page .hub-more-link { border-radius: 10px; font-size: .9375rem; }
}
@media (max-width: 880px) and (prefers-reduced-transparency: reduce) {
  .hub-page :is(.logistica-header,#mobile-bottom-nav) { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
/* Task-focused mobile lists: names first, secondary content on demand. */
@media (max-width: 880px) {
  .hub-page .despacho-top-actions #btn-new-order-hero { flex: 1; width: auto; padding: 0 14px; font-size: .9375rem; gap: 8px; }
  .hub-page #btn-hub-tutorial { display: none; }
  .hub-page #btn-barrios-sort,
  .hub-page .pedidos-filter-chips,
  .hub-page #dashboard-pagination-bar-top,
  .hub-page #dashboard-pagination-bar-bottom { display: none !important; }
  .hub-page #view-tandas .delivery-batch-assignment,
  .hub-page #view-tandas .delivery-batch-delete-cta,
  .hub-page #view-tandas .delivery-batch-assign-cta,
  .hub-page #view-tandas .delivery-batch-order-move { display: none !important; }
  .hub-page .logistica-col-barrios { padding: 10px 0 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; }
  .hub-page .col-barrios-header { padding-inline: 4px; }
  .hub-page .col-barrios-header > div > span,
  .hub-page .col-barrios-header h3 svg { display: none; }
  .hub-page .barrios-cards-list { margin-inline: 0; }
  .hub-page .logistica-col-pedidos { padding: 10px 0 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; }
  .hub-page .pedidos-center-header { padding-inline: 4px; }
  .hub-page .pedidos-center-title-row { min-width: 0; }
  .hub-page .pedidos-center-title-row h2 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hub-page .pedidos-center-title-row .badge-counter-orange,
  .hub-page #btn-dispatch-orders-sort { display: none; }
  .hub-page .barrio-card { width: auto; max-width: 100%; min-height: 48px; padding: 8px 12px; content-visibility: visible; contain-intrinsic-size: none; }
  .hub-page .barrio-card-grid { display: block; }
  .hub-page .barrio-card-header { margin: 0; padding: 0; }
  .hub-page .barrio-card-header-left { gap: 8px; min-width: 0; }
  .hub-page .barrio-card-header-left > div,
  .hub-page .barrio-card-header > div:last-child,
  .hub-page .barrio-card-stats-grid { display: none; }
  .hub-page .barrio-card-title { font-size: .875rem; white-space: normal; overflow-wrap: anywhere; }
  .hub-page .barrio-mobile-count { display: inline; font-size: .8125rem; font-weight: 700; color: #636366; }
  .hub-page .barrio-card:focus-visible,
  .hub-page summary:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
  .hub-page .dispatch-order-card__header { grid-template-columns: minmax(0, 1fr) 44px !important; align-items: start; gap: 4px !important; padding: 0; height: auto !important; min-height: 0; background: transparent; box-shadow: none; }
  .hub-page .dispatch-order-card__header-actions { grid-column: 2; grid-row: 1; width: 44px !important; }
  .hub-page .dispatch-order-card__title-row { display: block; }
  .hub-page .dispatch-order-card__title { font-size: .9375rem; line-height: 1.4; }
  .hub-page .dispatch-order-card__inline-actions { display: flex; gap: 4px; margin: 0; }
  .hub-page .dispatch-order-inline-action { min-width: 44px; min-height: 44px; }
  .hub-page .dispatch-order-detail { width: 44px; height: 44px; }
  .hub-page .dispatch-order-mobile-address { display: block; font-size: .875rem; color: #636366; }
  .hub-page .dispatch-order-mobile-address summary { min-height: 44px; padding-block: 12px; cursor: pointer; }
  .hub-page .dispatch-order-mobile-address > div { overflow-wrap: anywhere; padding-bottom: 8px; color: var(--text-main); }
  .hub-page .dispatch-order-card__scheduled { flex-wrap: wrap; line-height: 1.4; }
  .hub-page .dispatch-order-card__controls { flex-wrap: wrap; min-width: 0; }
  .hub-page .dispatch-order-card__controls > * { min-width: 0; max-width: 100%; }
  .hub-page .dispatch-kitchen-eta__actions { flex-wrap: wrap; }
  .hub-page .dispatch-mark-ready { width: auto; padding: 0 12px; font-size: .8125rem; gap: 6px; }
  .hub-page .orders-detailed-list.density-high .dispatch-order-card { padding: 8px 10px !important; gap: 4px; }
  .hub-page .orders-detailed-list.density-high :is(.dispatch-order-mobile-address,.dispatch-order-card__scheduled,.dispatch-kitchen-eta,.dispatch-order-inline-action) { display: none !important; }
  .hub-page .orders-detailed-list.density-high .dispatch-order-card__header { grid-template-columns: minmax(0, 1fr) 44px !important; }
  .hub-page .orders-detailed-list.density-high .dispatch-order-card__title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hub-page .orders-detailed-list.density-high .dispatch-order-card__controls { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; }
  .hub-page .orders-detailed-list.density-high .dispatch-mark-ready { width: 44px; min-width: 44px; padding: 0; font-size: 0; }
  .hub-page .orders-detailed-list.density-high .dispatch-open-batch { min-width: 0; overflow: hidden; justify-content: center; text-overflow: ellipsis; white-space: nowrap; }
  .hub-page .pedidos-mobile-filters-toggle { display: inline-flex; width: 44px; min-width: 44px; min-height: 44px; padding: 0; align-items: center; justify-content: center; }
  .hub-page .pedidos-mobile-filters-toggle.active { background: #111827; border-color: #111827; color: #fff; }
  .hub-page #full-orders-filter-panel[hidden] { display: none !important; }
  .hub-page #full-orders-mobile-list .mobile-order-summary { margin: 0; box-shadow: none; min-width: 0; }
  .hub-page .mobile-order-summary summary { cursor: pointer; min-height: 48px; position: relative; padding-right: 20px; list-style: none; }
  .hub-page .mobile-order-summary summary::-webkit-details-marker { display: none; }
  .hub-page .mobile-order-summary summary::after { content: ''; position: absolute; right: 3px; top: 16px; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
  .hub-page .mobile-order-summary[open] summary::after { transform: rotate(225deg); }
  .hub-page .mobile-order-summary__name { display: block; font-size: 1rem; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
  .hub-page .mobile-order-summary__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; padding-top: 4px; font-size: .8125rem; overflow-wrap: anywhere; }
  .hub-page .mobile-order-summary__details { padding-top: 12px; overflow-wrap: anywhere; }
  .hub-page .mobile-order-summary__details > div:last-child { flex-wrap: wrap; gap: 10px; }
  .hub-page .mobile-order-summary__details .btn { min-width: 44px; }
  .hub-page .mobile-orders-empty { padding: 16px; color: var(--text-main); line-height: 1.5; }
  .hub-page .delivery-batch-detail-order__copy { overflow-wrap: anywhere; }
  .hub-page .delivery-batch-detail__orders > header { position: static; height: auto; min-height: 44px; flex-wrap: wrap; gap: 6px; background: transparent; box-shadow: none; }
  .hub-page .delivery-batch-detail__orders ol { grid-template-columns: minmax(0, 1fr); }
  .hub-page .delivery-batch-detail-order { grid-template-columns: 24px minmax(0, 1fr); padding: 10px; gap: 8px; }
  .hub-page .delivery-batch-detail-order__drag, .hub-page .delivery-batch-detail-order__copy { display: none; }
  .hub-page .delivery-batch-mobile-order { display: block; min-width: 0; font-size: .875rem; overflow-wrap: anywhere; }
  .hub-page .delivery-batch-mobile-order summary { min-height: 44px; padding-block: 12px; cursor: pointer; font-weight: 650; }
  .hub-page .delivery-batch-mobile-order > div { line-height: 1.5; padding-bottom: 8px; }
  .hub-page .delivery-batch-detail-order :is(time,select) { grid-column: 2; width: 100%; }
  .hub-page #view-tandas { padding: 0 !important; }
  .hub-page .delivery-batches-shell { padding: 0; }
  .hub-page .delivery-batch-master-detail { padding: 8px; }
  .hub-page .delivery-batch-detail { padding: 8px 0 0; }
  .hub-page .delivery-batch-master { padding: 0; }
  .hub-page .delivery-batch-detail-order__copy strong { font-size: .875rem; line-height: 1.4; }
  .hub-page .delivery-batch-detail__header { grid-template-columns: minmax(0, 1fr); }
  .hub-page .delivery-batch-detail__header > aside { justify-content: flex-start; }
  .hub-page .delivery-batch-detail__header > aside .btn { width: auto; padding: 0 12px !important; font-size: .8125rem !important; gap: 6px; }
  .hub-page .delivery-batch-assignment { flex-wrap: wrap; min-width: 0; }
  .hub-page .delivery-batch-assignment > * { max-width: 100%; min-width: 0; }
  .hub-page #view-repartidores > div:first-child { gap: 12px !important; margin-bottom: 16px !important; }
  .hub-page #view-repartidores h2 { font-size: 1.3rem !important; letter-spacing: -.025em; }
  .hub-page #view-repartidores h2 + div { display: none; }
  .hub-page #view-repartidores .card { padding: 12px !important; min-width: 0; }
  .hub-page [id^="repartidores-"][id$="-list"] > div { padding: 12px !important; overflow-wrap: anywhere; }
  .hub-page [id^="repartidores-"][id$="-list"] strong { white-space: normal !important; overflow: visible !important; }
  .hub-page #view-historial button[onclick="switchMainView('tablero')"] { display: none; }
  .hub-page #view-historial .card > div:nth-child(2) > div { min-width: 0 !important; flex-basis: 100% !important; }
  .hub-page .history-tanda-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px; }
  .hub-page .htc-icon-wrap { display: none; }
  .hub-page .htc-col-main, .hub-page .htc-actions { grid-column: 1 / -1; min-width: 0; }
  .hub-page .htc-id { overflow-wrap: anywhere; }
  .hub-page .htc-col-time { min-width: 0; padding: 0; border: 0; }
  .hub-page .htc-actions { flex-wrap: wrap; }
  .hub-page .htc-actions button { min-height: 44px; white-space: normal; }
  .hub-page :is(.dispatch-settings-shell,.reviews-admin-shell,.reviews-admin-grid,.reviews-admin-card) { min-width: 0; }
  .hub-page .reviews-admin-grid { grid-template-columns: minmax(0, 1fr); }
  .hub-page :is(.reviews-admin-card,.dispatch-settings-shell) { overflow-wrap: anywhere; }
  .hub-page .modal-content :is(.modal-header,.modal-footer) { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 880px) {
  /* The hub page owns the map-mode class, so these selectors also match the body itself. */
  .hub-page.hub-map-mode { overflow: hidden; }
  .hub-page.hub-map-mode main { padding: 0 0 var(--hub-nav-height) !important; }
  .hub-page.hub-map-mode #view-tandas { height: calc(100dvh - 56px - var(--hub-nav-height)); min-height: 0; overflow: hidden; }
  .hub-page.hub-map-mode .delivery-batches-shell,
  .hub-page.hub-map-mode .persistent-delivery-batches-list,
  .hub-page.hub-map-mode .delivery-batch-master-detail {
    width: 100% !important;
    height: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch;
    box-sizing: border-box;
  }
  .hub-page.hub-map-mode .delivery-batches-shell,
  .hub-page.hub-map-mode .persistent-delivery-batches-list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }
  .hub-page.hub-map-mode .delivery-batch-master-detail { display: flex; flex-direction: column; border: 0; box-shadow: none; border-radius: 0; }
  .hub-page.hub-map-mode .delivery-batch-master { flex: 0 0 auto; width: 100%; display: block; overflow: hidden; padding: 8px 12px; border: 0; background: var(--bg-card); }
  .hub-page.hub-map-mode .delivery-batch-master__list { display: flex; flex-flow: row nowrap; gap: 8px; overflow-x: auto; padding: 0 0 4px; }
  .hub-page.hub-map-mode .delivery-batch-list-card { flex: 0 0 auto; width: auto; min-width: 104px; min-height: 44px; grid-template-columns: minmax(0, 1fr) 18px; padding: 8px 10px; gap: 6px; }
  .hub-page.hub-map-mode .delivery-batch-list-card__icon,
  .hub-page.hub-map-mode .delivery-batch-list-card__copy small,
  .hub-page.hub-map-mode .delivery-batch-list-card__state { display: none; }
  .hub-page.hub-map-mode .delivery-batch-detail { position: relative; display: block; flex: 1 1 auto; width: 100%; min-height: 0; padding: 0; overflow: hidden; }
  .hub-page.hub-map-mode .delivery-batch-detail__header,
  .hub-page.hub-map-mode .delivery-batch-assignment,
  .hub-page.hub-map-mode .delivery-batch-detail__header > aside,
  .hub-page.hub-map-mode .delivery-batch-order-move,
  .hub-page.hub-map-mode .delivery-batch-detail-order__copy,
  .hub-page.hub-map-mode .delivery-batch-detail-order__drag { display: none !important; }
  .hub-page.hub-map-mode .delivery-batch-detail__map { position: absolute; inset: 0; width: 100%; height: auto !important; min-height: 0; border: 0; border-radius: 0; }
  .hub-page.hub-map-mode .delivery-batch-detail__orders { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; max-height: 31dvh; overflow: auto; border: 0; border-top: 1px solid var(--border-card); border-radius: 0; background: var(--bg-card); }
  .hub-page.hub-map-mode .delivery-batch-detail-order { grid-template-columns: 24px minmax(0, 1fr); padding: 4px 12px; }
  .hub-page.hub-map-mode .delivery-batch-mobile-order { display: block; }
  .hub-page.hub-map-mode .delivery-batch-mobile-order summary { min-height: 40px; padding-block: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hub-page.hub-map-mode .delivery-batch-mobile-order > div,
  .hub-page.hub-map-mode .delivery-batch-mobile-order > small,
  .hub-page.hub-map-mode .delivery-batch-detail-order :is(time,select) { display: none; }
  .hub-page.hub-map-mode .delivery-batch-delete-cta,
  .hub-page.hub-map-mode .delivery-batch-assign-cta { display: none !important; }
}
@media (max-width: 380px) {
  .hub-page .mobile-nav-item { font-size: 10px; }
  .hub-page .modal-content [style*="grid-template-columns: repeat(2"] { grid-template-columns: minmax(0, 1fr) !important; }
  .hub-page .repartidores-kpi-grid { grid-template-columns: minmax(0, 1fr) !important; }
}