/* Impostazioni nei pannelli (crm-pn-impostazioni.js). Il menu delle schede e il titolo restano fissi; i blocchi di ogni scheda sono pannelli che si adattano alla
   PROPRIA larghezza (container query sul pannello, nome pnp). Solo token del tema. */
.st-col{display:grid;gap:12px;align-content:start;min-width:0}
.st-col>*{min-width:0}
.st-col>.pn-flow{margin-top:0}
.st-hd.st-fix{overflow:hidden}
.st-hd:not(.st-fix){padding:2px 4px 0}
.st-hd.st-fix>.sub{margin-bottom:0}
.st-bl>.ch:first-child{margin-top:0}
.st-bl .list{margin-top:8px}
/* "Il tuo menu" non e' un pannello: ha le sue regole (accendi, sposta, rinomina) e resta in fondo, sempre interattivo anche in modifica */
.st-menu{margin-top:0}
.st-rows .rw{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--g-line)}
.st-rows .rw b{font-weight:700;display:block}.st-rows .rw small{display:block;color:var(--mu);font-size:12px}
/* pannelli stretti: righe con pulsante, chip e tabelle di Utenti */
@container pnp (max-width:520px){
  .st-bl .li{grid-template-columns:minmax(0,1fr)!important;gap:8px}
  .st-bl .li .rt{justify-self:start}
  .st-bl .frm{grid-template-columns:minmax(0,1fr)}
  .st-bl .chips{flex-wrap:wrap}
  .st-bl .cards{grid-template-columns:minmax(0,1fr)}
  .st-rows .rw{grid-template-columns:minmax(0,1fr)}
  .st-rows .rw .tag{justify-self:start}
}
.st-bl textarea.istr{width:100%;box-sizing:border-box;max-width:100%}
.st-bl .chip{max-width:100%}