/* ============================================================
   F8X — TABLET FIX v1
   Migliora la leggibilità sui tablet (768–1024px), dove il
   layout desktop appare compresso e il testo troppo piccolo.
   File globale: incluso nel layout condiviso, agisce ovunque.
   Non tocca desktop (>1024px) né mobile (<768px).
   ============================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

  /* ── 1. TESTO BASE PIÙ GRANDE ──
     Alza la dimensione di riferimento: tutto ciò che usa rem/em cresce in proporzione. */
  html { font-size: 18px !important; }            /* base desktop tipica: 16px */
  body { font-size: 1rem !important; line-height: 1.6 !important; }

  /* Titoli e testi più corposi per la distanza di lettura del tablet */
  h1 { font-size: 1.9rem !important; }
  h2 { font-size: 1.5rem !important; }
  h3 { font-size: 1.2rem !important; }

  /* Etichette, badge e testi minuscoli: alzati al minimo leggibile */
  .dh-stat .st-label, .dh-svc, .ep-dt, .ep-op, .ep-cf,
  .cc-row, .coll-nome, .tk-date, .tk-num,
  small, .small, [style*="font-size:.6"], [style*="font-size:.7"] {
    font-size: 0.82rem !important;
  }

  /* ── 2. SPAZIATURE E AREE TOCCABILI ──
     Su tablet si usa il dito: pulsanti, link e campi più alti e comodi. */
  button, .btn, .btn-new, .preval-submit, .bp-btn,
  a.ql, .dh-svc, input, select, textarea {
    min-height: 44px !important;          /* target tocco raccomandato */
  }
  input, select, textarea {
    font-size: 1rem !important;           /* evita lo zoom automatico e migliora la lettura */
    padding: 0.6rem 0.9rem !important;
  }
  button, .btn { padding: 0.6rem 1.1rem !important; }

  /* Un po' di respiro nei contenitori principali */
  .dashboard-content { padding: 1.25rem 1.5rem !important; }

  /* ── 3. SIDEBAR: non deve rubare spazio al contenuto ──
     Sui tablet stretti la sidebar larga schiaccia tutto. La rendiamo
     più compatta così il contenuto respira. (Se la tua sidebar ha già
     una modalità "icone", questa regola la asseconda.) */
  .dashboard-main { min-width: 0 !important; }    /* permette al contenuto di restringersi senza overflow */

  /* ── 4. GRIGLIE: evita colonne troppo strette e schiacciate ──
     Le card che su desktop stanno in 4–5 colonne, su tablet ne usano 2–3. */
  .dh-stats { grid-template-columns: repeat(3, 1fr) !important; gap: 0.85rem !important; }
  .dh-promos, .dh-grid, .bp-value { grid-template-columns: repeat(2, 1fr) !important; }
  .servizi { grid-template-columns: repeat(2, 1fr) !important; }

  /* ── 5. NUMERI E DATI IN EVIDENZA ── */
  .dh-stat .st-val, .ep-st .sn { font-size: 2rem !important; }

}