/* Contatti nei pannelli: ogni blocco si adatta alla PROPRIA larghezza (container query sul pannello, nome pnp), non a quella della pagina.
   Le regole delle viste (crm-contatti.css) usano le media query della pagina: qui si riscrivono per il pannello. Solo token del tema. */
.pn-flow>.ct-blk>.ct-bar{margin:0}
/* Filtri e ricerca / Importa */
.ctw .pn-flow .ct-bar .cerca{flex:1 1 min(280px,100%);min-width:0}
@container pnp (max-width:560px){.ctw .pn-flow .ct-bar .seg{border-radius:18px}}
.ctw .pn-flow .ct-blk>.btn{white-space:nowrap}
/* V1 Tre schede grandi e V4 ritratti */
.ctw .pn-flow .ct-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,390px),1fr))}
.ct4 .pn-flow .ct-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr))}
@container pnp (max-width:460px){
  .ct1 .pn-flow .ct-rfg{grid-template-columns:minmax(0,1fr)}.ct1 .pn-flow .ct-hd{grid-template-columns:auto 1fr}.ct1 .pn-flow .ct-hd .ct-tg{grid-column:1/-1;justify-self:start}
  .ct1 .pn-flow .ct-cd{padding:16px 16px 16px 20px}
}
/* V2 Cronologia */
.ct2 .pn-flow .ct-list{grid-template-columns:minmax(0,1fr)}
.ct2 .pn-flow .ct-rh{grid-template-columns:250px minmax(0,1fr) 350px}
.ct2 .pn-flow .ct-rt{grid-column:auto;justify-items:end}
.ct2 .pn-flow .ct-rb{grid-template-columns:repeat(3,minmax(0,1fr))}
@container pnp (max-width:1000px){
  .ct2 .pn-flow .ct-rh{grid-template-columns:230px minmax(0,1fr)}.ct2 .pn-flow .ct-rt{grid-column:1/-1;justify-items:start}.ct2 .pn-flow .ct-rt .ct-az{justify-content:flex-start}
  .ct2 .pn-flow .ct-rb{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container pnp (max-width:660px){.ct2 .pn-flow .ct-rh{grid-template-columns:minmax(0,1fr)}.ct2 .pn-flow .ct-rb{grid-template-columns:minmax(0,1fr)}}
@container pnp (min-width:1500px){
  .ct2 .pn-flow .ct-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ct2 .pn-flow .ct-row[data-open]{grid-column:1/-1}
  .ct2 .pn-flow .ct-rh{grid-template-columns:230px minmax(0,1fr)}.ct2 .pn-flow .ct-rt{grid-column:1/-1;grid-template-columns:1fr auto;justify-items:start;align-items:center}.ct2 .pn-flow .ct-rt .ct-az{justify-self:end}
}
/* V3 Diario: elenco e scheda sono due pannelli */
.ct3 .pn-flow .ct-side{position:static;max-height:none}
.ct3 .pn-flow .ct-its{grid-template-columns:minmax(0,1fr);padding-left:28px}
.ct3 .pn-flow .ct-its:before,.ct3 .pn-flow .ct-it:before{display:block}
.ct3 .pn-flow .ct-pcd{border-left-width:1px}
@container pnp (min-width:1100px){
  .ct3 .pn-flow .ct-its{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0}
  .ct3 .pn-flow .ct-its:before,.ct3 .pn-flow .ct-it:before{display:none}
  .ct3 .pn-flow .ct-pcd{border-left:3px solid var(--tc)}
}
@container pnp (max-width:560px){
  .ct3 .pn-flow .ct-pcd{grid-template-columns:44px minmax(0,1fr);padding:14px}.ct3 .pn-flow .ct-wh{grid-column:1/-1;text-align:left}
  .ct3 .pn-flow .ct-its{padding-left:22px}.ct3 .pn-flow .ct-it:before{left:-19px}
  .ct3 .pn-flow .ct-di{grid-template-columns:54px 34px minmax(0,1fr)}
}
@container pnp (max-width:520px){
  .ctw .pn-flow .ct-tlr{grid-template-columns:70px minmax(0,1fr)}.ctw .pn-flow .ct-tle{grid-column:1/-1}
  .ctw .pn-flow .ct-sh{gap:12px}.ctw .pn-flow .ct-shn{font-size:22px}
}
/* V5 Plancia: tessere dei tipi, tessera Importa, schede */
.ct5 .pn-flow .ct-tipi{grid-template-columns:repeat(5,minmax(0,1fr))}
.ct5 .pn-flow .ct-tipi .s2{grid-column:auto}
@container pnp (max-width:720px){.ct5 .pn-flow .ct-tipi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container pnp (max-width:420px){.ct5 .pn-flow .ct-tipi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ct5 .pn-flow .ct-ct{grid-column:span 4}.ct5 .pn-flow .s12{grid-column:1/-1}
@container pnp (max-width:1000px){.ct5 .pn-flow .ct-ct{grid-column:span 6}}
@container pnp (max-width:640px){.ct5 .pn-flow .ct-ct{grid-column:1/-1}}
.ct5 .pn-flow [data-pn-blocco=importa] .ct-imp{width:100%;flex-direction:row;align-items:center;justify-content:center;min-height:44px;height:44px;padding:0 14px;border-radius:99px}
.ct5 .pn-flow [data-pn-blocco=importa] .ct-imp b{margin:0;font-size:var(--t1)}
.ct5 .pn-flow [data-pn-blocco=importa] .ct-imp :is(.ct-kk,.sub){display:none}