/* P2 esperienza, parte condivisa (agganciata a tutte le pagine dei corsi): spunti nelle pagine esistenti e link nella notifica
   dei traguardi. Le pagine nuove (prova generale, Giorno X, traguardi, docenti) hanno il loro foglio app/xp-pagine.css. */

/* spunto vicino alla data dell'esame (pagina Oggi) e collegamenti piccoli (esame, il mio percorso, percorsi, guida) */
.dxp-spunto{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;align-items:start;margin:0 0 16px;padding:14px 16px;border-radius:18px;
  background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);font-family:var(--dc-sans)}
.dxp-spunto-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:#22678F}
.dxp-spunto-ico .dc-ico{width:22px;height:22px}
.dxp-spunto-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.dxp-spunto-t b{font:800 16.5px/1.3 var(--dc-sans);color:var(--dc-testo)}
.dxp-spunto-t span{font-size:14.5px;line-height:1.5;color:var(--dc-testo-2)}
.dxp-spunto-az{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
@media(min-width:760px){.dxp-spunto{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.dxp-spunto-az{grid-column:auto;justify-content:flex-end}}
.dxp-spunto--oggi{border:2px solid #22678F;background:color-mix(in srgb,#22678F 7%,var(--dc-sup))}
html[data-theme=dark] .dxp-spunto-ico{background:#2B6CA0}
/* bottoni pieni senza area nel tema scuro: blu pieno, non l'azzurro chiaro dei link (contrasto del testo bianco) */
html[data-theme=dark] .dxp-spunto,html[data-theme=dark] .dxp-link-p2{--dc-area-pieno:#2B6CA0}
html[data-theme=dark] .dxp-spunto--oggi{border-color:#8CC6EE}

/* collegamento piccolo in fondo o in testa a una pagina esistente */
.dxp-link-p2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 0;padding:12px 14px;border-radius:16px;border:1px dashed var(--dc-bordo-2);
  background:var(--dc-sup-2);font:600 14.5px/1.45 var(--dc-sans);color:var(--dc-testo-2)}
.dxp-link-p2 > span{flex:1 1 220px;min-width:0}
.dxp-link-p2 .dc-btn{flex:0 0 auto}

/* la notifica di un traguardo nuovo ha un link «Vedi» */
.dc-notifica.dxp-notifica > span{flex:1;min-width:0}
.dc-notifica.dxp-notifica a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:9px;
  background:rgba(255,255,255,.14);color:#fff!important;font:800 13.5px/1 var(--dc-sans);text-decoration:none!important}
.dc-notifica.dxp-notifica a:hover{background:rgba(255,255,255,.24)}
html[data-theme=dark] .dc-notifica.dxp-notifica a{background:rgba(18,24,38,.10);color:#121826!important}

@media print{.dxp-spunto,.dxp-link-p2{display:none!important}}