/* ==========================================================================
   Componi quintetto (Rotazioni, v90) — js/componi-quintetto.js
   ========================================================================== */
#overlay-componi .modale { max-width: 760px; }
.cq-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.cq-chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 11px; font-size: 13px; font-weight: 800;
  color: var(--color-text-primary); background: var(--color-surface);
  border: 1.5px solid var(--color-border-strong); border-radius: 999px;
  touch-action: manipulation;
}
.cq-chip span { font-size: 11px; font-weight: 600; color: var(--color-text-muted); }
.cq-chip.cq-poco { opacity: .6; }
.cq-chip.attivo { color: var(--color-text-on-brand); background: var(--color-brand); border-color: var(--color-brand); opacity: 1; }
.cq-chip.attivo span { color: var(--color-text-on-brand); }
.cq-stato { font-size: 13px; color: var(--color-text-secondary); margin: 4px 0 10px; }
.cq-svuota {
  margin-left: 6px; padding: 3px 9px; font-size: 12px; font-weight: 800;
  color: var(--color-text-secondary); background: var(--color-surface);
  border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm);
}
.cq-tab th, .cq-tab td { text-align: center; white-space: nowrap; }
.cq-tab td:first-child, .cq-tab th:first-child { text-align: left; }
.cq-sub { font-size: 10px; font-weight: 600; opacity: .85; }
.cq-gruppo td { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; color: var(--color-text-secondary); background: var(--color-surface); }
.cq-na { color: var(--color-text-muted); }
.cq-tab tr.cq-poco td { color: var(--color-text-muted); }
.cq-totale td { font-weight: 800; border-top: 2px solid var(--color-border-strong); }
/* telefono: le 4 colonne devono stare nello schermo senza scroll laterale */
@media (max-width: 560px) {
  .cq-tab th, .cq-tab td { padding-left: 5px; padding-right: 5px; font-size: 12px; }
  .cq-tab td:first-child, .cq-tab th { white-space: normal; }
}