/* Opportunità nei pannelli: ogni blocco si adatta alla PROPRIA larghezza (container query sul pannello, nome pnp), non a quella della pagina. Solo token del tema. */
.pn-flow>.op-mappa{position:static;top:auto}
.op-elenco>.op:last-child{margin-bottom:0}
/* la mappa resta un quadrato: a tutta riga non diventa enorme */
.pn-flow .op-mp{display:block;width:min(100%,calc(64vh / var(--z,1)));margin-inline:auto}
@container pnp (max-width:520px){
  .op{grid-template-columns:1fr;gap:10px;padding:14px}.op-c{min-width:0}
  .op .btn,.op .chips a{white-space:normal;text-align:left}.op .chips{flex-wrap:wrap}.op h3{overflow-wrap:anywhere}
}
@container pnp (max-width:420px){.op-testa .kpis{grid-template-columns:minmax(0,1fr)}}
/* pannelli in piu': Le migliori 3 e Scadenze vicine */
.opx-l{display:grid}
.opx-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--g-line)}
.opx-r:first-child{border-top:0}
.opx-r .op-pt{width:48px;height:48px}.opx-r .op-n{font-size:17px}
.opx-t b{display:block;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.opx-t small{display:block;color:var(--mu);font-size:12.5px}
.opx-s{grid-template-columns:minmax(0,1fr) auto auto}
.opx-b{min-height:32px;padding:0 12px}
@container pnp (max-width:380px){
  .opx-s{grid-template-columns:minmax(0,1fr) auto}.opx-s .tag{grid-column:1/-1;justify-self:start;order:3}
  .opx-r:not(.opx-s){grid-template-columns:auto minmax(0,1fr)}.opx-r:not(.opx-s) .opx-b{grid-column:1/-1;justify-self:start}
}