/* =====================================================================
   Pagina Modello di riferimento — classi .modello__*
   ===================================================================== */
.modello {
  container-type: inline-size;
  container-name: modello;
}

.modello__cols-card { margin-bottom: 20px; }
.modello__intro { margin: -6px 0 14px; }
.modello__general { margin-top: 16px; }
.modello__actions { display: flex; justify-content: flex-end; margin-top: 16px; }

.modello__col-name { width: 22%; }
.modello__col-type { width: 150px; }
.modello__col-api { width: 170px; }

.modello__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 20px;
}
.modello__upload { margin-top: 20px; }

.modello__col-date { width: 130px; }
.modello__col-n { width: 76px; }
.modello__col-state { width: 110px; }
.modello__col-act { width: 84px; }

@container modello (max-width: 1360px) {
  .modello .sib-table { font-size: 12px; }
  .modello .sib-table thead th { font-size: 11px; }
  .modello .sib-table th,
  .modello .sib-table td { padding-inline: 4px; }
  .modello .modello__col-api { width: 140px; }
  .modello .modello__col-date { width: 108px; }
  .modello .modello__col-n { width: 60px; }
  .modello .modello__col-state { width: 96px; }
  .modello .modello__col-act { width: 64px; }
  .modello .sib-table .sib-icon-btn { width: 24px; height: 24px; }
  .modello .sib-table .sib-icon-btn i { font-size: 12px; }
}
@container modello (max-width: 900px) {
  .modello__grid { grid-template-columns: minmax(0, 1fr); }
}