/* === GRID CARDS su lista ID 14 === */
#list_14_com_fabrik_14 thead{ display:none; }

/* griglia */
#list_14_com_fabrik_14 tbody.fabrik_groupdata{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* card */
#list_14_com_fabrik_14 tbody.fabrik_groupdata tr{
  display:block;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:.75rem;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  overflow:hidden;
}

/* barra azioni in alto */
#list_14_com_fabrik_14 td.card-actions{
  display:flex;
  justify-content:flex-end;
  gap:.25rem;
  padding:.5rem .75rem;
  background:#f8fafc;
  border-bottom:1px solid #e5e7eb;
}

/* celle verticali */
#list_14_com_fabrik_14 tbody.fabrik_groupdata td{
  display:block;
  border:0;
  padding:.25rem .75rem;
  line-height:1.35;
}
#list_14_com_fabrik_14 tbody.fabrik_groupdata tr:hover{ background:#f9fbff; }

/* titolo card (colonna "nome") */
#list_14_com_fabrik_14 .fabrik_row___nome a{
  display:block;
  font-weight:700;
  font-size:1.05rem;
  text-decoration:none;
  margin:.5rem .75rem 0 .75rem;
}

/* info secondarie esempio */
#list_14_com_fabrik_14 .fabrik_row___data_di_nascita{
  color:#6b7280;
  font-size:.9rem;
}

/* badge esempio */
#list_14_com_fabrik_14 .fabrik_row___f81_8_grado,
#list_14_com_fabrik_14 .fabrik_row___f81_3_grado{
  display:inline-block;
  padding:.2rem .5rem;
  margin-right:.35rem;
  border-radius:.5rem;
  background:#eef2ff;
  font-size:.8rem;
}

/* === ETICHETTE AUTO via data-label === */
#list_14_com_fabrik_14 tbody.fabrik_groupdata td::before{
  content: attr(data-label);
  display:inline-block;
  padding:.15rem .5rem;
  margin:.15rem .4rem .25rem 0;
  border:1px solid #e5e7eb;
  border-radius:.375rem;
  background:#f8fafc;
  font-size:.75rem;
  font-weight:600;
  color:#374151;
}

/* no label su azioni/id */
#list_14_com_fabrik_14 td.fabrik_actions::before,
#list_14_com_fabrik_14 td.fabrik_row___fb_rowid::before{ content:none; }

/* ——— MOSTRA SOLO I PRIMI 6 ——— */
/* nascondi i campi extra finché la card NON è aperta (specificità forte) */
#list_14_com_fabrik_14 tbody.fabrik_groupdata tr:not(._open) > td._extra{
  display:none !important;
}
/* quando aperta, mostra gli extra */
#list_14_com_fabrik_14 tbody.fabrik_groupdata tr._open > td._extra{
  display:block !important;
}

/* sfumatura sull’ultimo visibile */
#list_14_com_fabrik_14 tr:not(._open) ._fade{ position:relative; }
#list_14_com_fabrik_14 tr:not(._open) ._fade::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:40px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

/* bottone Mostra altro */
#list_14_com_fabrik_14 ._toggle{
  display:block;
  margin:.25rem .75rem .75rem .75rem;
  padding:.35rem .6rem;
  border:1px solid #d1d5db;
  border-radius:.5rem;
  background:#ffffff;
  font-size:.85rem;
  cursor:pointer;
}
#list_14_com_fabrik_14 ._toggle:hover{ background:#f9fbf9; }