/* Email nei pannelli: ogni gruppo di email e' un pannello con le email come righe (non schede dentro una scheda). Solo token del tema. */
.pn-flow>.emgrp{padding:clamp(14px,calc(1.2vw / var(--z,1)),20px)}
.emgrp>.emg{margin:0 0 4px}
.emgrp .em{margin:0;border-radius:0;background:none;background-image:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-top:1px solid var(--g-line);padding:14px 0}
.emgrp .em.nuova{box-shadow:inset 3px 0 0 var(--acc);padding-left:12px}
.emgrp>.emg+.em{border-top:0}
.pn-flow>.em-riep .riep{max-width:none}
.pn-flow>.em-pul>h2{margin:0}
.pn-flow>.em-pul .pul{margin-top:10px}
.pn-flow>.em-pul .pulg{overflow:hidden}.pn-flow>.em-pul .gr{width:100%;max-width:520px;height:auto}
@container pnp (max-width:520px){
  .emgrp .emh{flex-wrap:wrap}.emgrp .emo{margin-left:0;width:100%;justify-content:flex-start}
  .em-riep .uthead{align-items:flex-start}
}
.pn-flow .pn-n .rw .btn{white-space:nowrap}
/* righe dei pannelli in piu' (costruiti dal modulo): titolo e dettaglio a capo, azione a destra */
.pn-flow>.pn-n .rows{display:grid;gap:0}
.pn-flow>.pn-n .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)}
.pn-flow>.pn-n .rows .rw:first-child{border-top:0}
.pn-flow>.pn-n .rows .rw b{font-weight:700;display:block;overflow-wrap:anywhere}
.pn-flow>.pn-n .rows .rw small{display:block;color:var(--mu);font-size:12px}