/* ============================================================
   DANGOFE OS · iPad (V9) · hoja de ajuste para tabletas · 2026-10-15
   Karla: «trabaja en que todo el sistema funcione en iPad visualmente y ajustado».
   Se carga la ÚLTIMA en index.html (después de sin-sombras.css). Solo actúa entre 761 y 1240 px de ancho
   (iPad vertical = 820, iPad horizontal = 1180; el teléfono ≤ 760 y el escritorio > 1240 no cambian) y, en
   los bloques marcados «dedo», solo cuando se toca con el dedo (pointer: coarse), nunca con ratón.
   Medido en las réplicas a 820×1180 y 1180×820: Tablero, Taller, Servicios, Configuración, Listados,
   portal del técnico y página del cliente.
   ============================================================ */

/* ---------- 1 · Taller: la lista de equipos en iPad ----------
   La hoja «v3 · tamaños» fija al final de taller-panel.css 7 columnas con 944 px de mínimo y, por ir al final,
   gana a sus propias reglas de ≤1240 y ≤1000. En el iPad vertical (690 px útiles) las pastillas de estado se
   salían de la tarjeta. Aquí: 6 columnas hasta 1240 (sin la columna Factura) y, en vertical, dos renglones. */
@media (min-width: 761px) and (max-width: 1240px) {
  .tal-wrap.tp .tp-th, .tal-wrap.tp .tal-srv { grid-template-columns: 104px minmax(110px, 1fr) minmax(120px, 1.2fr) minmax(130px, 1.2fr) 104px 34px; gap: 10px; }
  .tal-wrap.tp .tp-th > span:nth-child(6), .tal-wrap.tp .tal-srv__fac { display: none; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .tal-wrap.tp .tp-th { display: none; }
  .tal-wrap.tp .tal-srv {
    grid-template-columns: 104px minmax(0, 1fr) minmax(0, 1.15fr) 110px 34px; /* la flecha .tal-srv__go mide 34 px */
    grid-template-areas: "num cli eq total go" "num est est total go";
    gap: 4px 10px; padding: 12px 10px;
  }
  .tal-wrap.tp .tal-srv__num { grid-area: num; align-self: start; padding-top: 2px; }
  .tal-wrap.tp .tal-srv__cli { grid-area: cli; }
  .tal-wrap.tp .tal-srv__eq { grid-area: eq; }
  /* las pastillas de estado en fila, alineadas con el nombre del cliente (taller.css las ponía en columna centrada) */
  .tal-wrap.tp .tal-srv__est { grid-area: est; margin-top: 2px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px 6px; }
  .tal-wrap.tp .tal-srv__total { grid-area: total; align-self: center; }
  .tal-wrap.tp .tal-srv__go { grid-area: go; align-self: center; }
  .tal-wrap.tp .tal-srv__fac { display: none; }
  .tal-wrap.tp .tal-srv__cliname, .tal-wrap.tp .tal-srv__eqname { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25; }
}

/* ---------- 2 · Servicios → Despacho del día: los cinco números ----------
   De 761 a 1000 px los 5 cuadros en una sola fila cortaban sus palabras («servici…», «compl…»). Tres por fila. */
@media (min-width: 761px) and (max-width: 1000px) {
  .svx-dk-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .svx-dk-kpi__t span { white-space: normal; overflow: visible; text-overflow: clip; }
}

/* ---------- 3 · Ventanas y alto real de Safari en iPad ----------
   En Safari el 100vh incluye la barra de direcciones: una ventana a 85vh queda cortada por abajo. */
@supports (height: 100dvh) {
  @media (min-width: 761px) and (max-width: 1240px) {
    body { min-height: 100dvh; }
    .modal { max-height: 85dvh; }
    .svx-ed { max-height: 90dvh; }
    .tal-wrap.tp .tp-plegable__cuerpo { max-height: calc(100dvh - 120px); }
  }
}

/* ---------- 4 · Dedo (iPad real): toques cómodos, sin zoom al escribir, sin «hover» pegado ----------
   Solo con pointer: coarse. Con ratón o trackpad (Mac, PC, iPad con Magic Keyboard) no cambia nada. */
@media (pointer: coarse) and (min-width: 761px) and (max-width: 1240px) {
  /* botones y pestañas: 44 px de alto como mínimo (guía de Apple) */
  .btn, .tal-btn, .svx-btn, .cfgx-btn, .pt-tab, .ptx-btn, .ptx-acc, .tal-tab, .tal-filtro, .svx-tab, .ls-tab { min-height: 44px; }
  /* campos: 16 px evita que Safari haga zoom al tocar un campo */
  input:not([type='checkbox']):not([type='radio']):not([type='range']), select, textarea { font-size: 16px !important; }
  /* sin el destello gris de iOS al tocar y sin doble toque para hacer zoom */
  a, button, [role='button'], .btn, .tal-srv, .pill, .tal-pill { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
  /* listas y paneles con desplazamiento suave y sin rebote hacia la página */
  #view-container, .view-container, .modal, .svx-ed, .tal-tablewrap, .tp-plegable__cuerpo { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
  /* el «hover» no se queda pegado tras tocar */
  .tal-srv:hover, .tal-kpi:hover, .glass-card:hover, .svx-dk-kpi:hover { transform: none; }
}

/* ---------- 5 · iPad vertical (761–900): respiro del armazón ---------- */
@media (min-width: 761px) and (max-width: 900px) {
  .view-container { padding-left: 14px; padding-right: 14px; }
  .topbar { padding-left: 14px; padding-right: 14px; }
}