/* La plancia veste la PELLE di FamPrep (app.css, copiato pari pari dal
   mock approvato): qui vive solo l'ossatura sua — griglia delle carte,
   numeri display, righe, tabella. Niente colori nuovi: tutto dalle
   variabili dell'app. */
.pgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:18px}
.p12{grid-column:span 12}.p6{grid-column:span 6}
@media(max-width:900px){.p6{grid-column:span 12}}
.p-numeri{display:flex;gap:44px;flex-wrap:wrap;margin:16px 0 4px}
.p-num b{display:block;font-family:var(--display);font-stretch:110%;font-size:42px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.p-num span{font-size:12px;color:var(--muted);font-weight:600}
.p-tre{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:18px}
.p-righe{margin-top:10px}
.p-riga{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px}
.p-riga:last-child{border-bottom:none}
.p-riga .nm{color:var(--muted);min-width:0;overflow-wrap:anywhere}
.p-riga .val{font-variant-numeric:tabular-nums;font-weight:700}
.p-oro{color:var(--gold-hi)}
.p-agg{margin-left:12px;border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--ink);transition:border-color .15s}
.p-agg:hover{border-color:rgba(227,188,99,.45)}
.p-quando{margin-left:10px;font-size:12px;color:var(--faint)}
.p-tab{width:100%;border-collapse:collapse;margin-top:12px;font-size:12.5px}
.p-tab td{padding:8px 12px 8px 0;border-bottom:1px solid var(--line-soft);color:var(--muted);white-space:nowrap}
.p-tab td.mail{color:var(--ink);overflow-wrap:anywhere;white-space:normal}
/* sotto i 1024 app.css spegne la sidebar: la plancia va a tutta pagina */
/* l'attributo hidden COMANDA, sempre: e' la terza volta in un giorno
   che una regola display gli passa sopra (authwrap flex qui; voci
   sidebar e rd-trova nell'app). La plancia nasce oggi: qui la regola
   puo' essere sovrana senza eccezioni di retaggio. */
[hidden]{display:none!important}

/* ── rifiniture (impeccable + apple-design) ─────────────────────────
   L'accesso e' NAVLESS come nell'app: la sidebar (e il suo rientro)
   esistono solo a sessione aperta. */
body:not(.dentro) .plancia-side{display:none!important}
body:not(.dentro) #app{padding-left:0!important}
/* la testata mobile: marchio e uscita anche al telefono, solo da dentro */
body:not(.dentro) .p-mob{display:none!important}
.p-mob-logo{display:inline-flex;width:26px;height:26px}
.p-mob-logo svg{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 1px rgba(227,188,99,.35)}
.p-mob-esci{margin-left:auto;border:1px solid var(--line);border-radius:8px;padding:5px 12px;
  font-size:12px;font-weight:700;color:var(--muted)}
.p-mob-esci:active{transform:scale(.97)}
/* i numeri display si stringono come vuole la taglia */
.p-num b{letter-spacing:-.02em}
/* il tocco risponde alla pressione, non al rilascio */
.p-agg:active{transform:scale(.97)}
/* le righe della tabella rispondono al passaggio */
.p-tab tr:hover td{background:rgba(255,255,255,.025)}
/* UN momento di moto, quello dell'app: il quadro sale una volta */
body.dentro #plancia{animation:up .4s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){ body.dentro #plancia{animation:none} }