/* Stili specifici del prodotto. Usare SEMPRE le variabili della palette (var(--pri), var(--panel), var(--tx),
   var(--mut), var(--line), var(--ok), var(--warn), var(--crit)...) così funzionano in tutte le palette e temi. */

/* schermata PIN */
#lock{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg,var(--panel2))}
#lock .card{width:100%;max-width:360px;text-align:center}
#lock .fld{text-align:left;margin-bottom:10px}
#lock input{font-size:22px;letter-spacing:.3em;text-align:center}

/* touch target ≥ 44px su schermi touch */
@media (pointer:coarse){.btn.sm{min-height:44px;min-width:44px}}

/* stampa della scheda esercizi */
@media print{
  body.printing #app,body.printing #scrim,body.printing #toast,body.printing #lock{display:none!important}
  body.printing .ovl{position:static!important;background:none!important;display:block!important;padding:0!important}
  body.printing .mdl{box-shadow:none!important;border:0!important;max-width:none!important;width:auto!important;max-height:none!important}
  body.printing .mdl .mh,body.printing .mdl .mf{display:none!important}
  body.printing .mdl .mb{overflow:visible!important;max-height:none!important}
  body.printing,body.printing .print-sheet{color:#000!important;background:#fff!important}
}

/* tabelle come schede su schermi stretti */
@media (max-width:640px){
  .tbl.stack thead{display:none}
  .tbl.stack tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}
  .tbl.stack td{display:block;border:0;padding:2px 10px}
  .tbl.stack .act{text-align:left;white-space:normal;padding-top:6px}
}