/* ─────────────────────────────────────────────
   FUTURS POLICIES · Tablet Layer v1
   Espai per a iPad/tauletes Android (641–1024px):
   ni mòbil estirat ni escriptori comprimit.
   Només amplia el que ja col·lapsava a 1 columna;
   no toca res per sota de 641px (mobile.css mana allà).
───────────────────────────────────────────── */

/* Nota: no toquem .tk-sidebar/.tk-mob (barra de navegació del test) aquí.
   L'amplada sola no distingeix un mòbil gran en horitzontal (pot superar
   els 900px) d'una tauleta en vertical, i equivocar-se en un flux crític
   com fer un examen és pitjor que no aprofitar tot l'espai en un iPad. */
@media (min-width: 641px) and (max-width: 1024px) {

  /* Contenidors: aprofitar l'amplada sense arribar a l'ample d'escriptori */
  .contenidor { padding-left: 1.1rem; padding-right: 1.1rem; }

  /* Graelles genèriques: mantenir 2 columnes en lloc de col·lapsar a 1 */
  .grid-2, .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr) !important; }

  /* Dashboard: mòduls i panell lateral costat a costat també en vertical d'iPad */
  .d-mods-g { grid-template-columns: repeat(2, 1fr) !important; }
  .d-mid    { grid-template-columns: 1fr 300px !important; gap: 1rem !important; }
  .d-krow   { grid-template-columns: repeat(3, 1fr) !important; }
  .d-adv-body, .d-adv-row { grid-template-columns: 1fr 1fr !important; }

  /* Taules: més marge per llegir sense caure en el mode "targeta mòbil" */
  .table-wrap { overflow-x: auto; }

  /* Targetes: distribució equilibrada en 2-3 columnes segons l'espai natural */
  .cards-grid, .stats-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

  /* Àrees tàctils: iPad és tàctil per defecte encara que tingui trackpad */
  .boto, .tk-btn, button, .pill, a.pill { min-height: 40px; }
}

/* Orientació horitzontal de tauleta: més amplada útil, graelles a 3 */
@media (min-width: 900px) and (max-width: 1024px) and (orientation: landscape) {
  .d-mods-g { grid-template-columns: repeat(3, 1fr) !important; }
  .grid-3   { grid-template-columns: repeat(3, 1fr) !important; }
}

/* iPad Pro / tauletes grans en vertical: ja s'aproxima a l'escriptori,
   però evitem que el contingut principal s'estiri sense límit */
@media (min-width: 1025px) and (max-width: 1180px) and (orientation: portrait) {
  .contenidor { max-width: 980px; }
}