/* glass card (effetti non gestibili via API) */
.after-process__card{
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 30px 80px rgba(59,130,246,.55);
}

/* pallino top-right */
.after-process__dot{
  width:22px;height:22px;border-radius:9999px;
  border:2px solid rgba(59,130,246,.55);
  box-shadow:0 10px 22px rgba(59,130,246,.10);
  display:inline-block;
}

/* SVG chart styles */
.after-process__svg{ position:absolute; inset:0; width:100%; height:100%; }
.after-process__grid{
  fill:none;
  stroke: rgba(15,23,42,.06);
  stroke-width: 2;
}
.after-process__area{
  fill: rgba(59,130,246,.16);
}
.after-process__line{
  fill:none;
  stroke: rgba(59,130,246,.85);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.after-process__pt{
  fill: rgba(59,130,246,1);
  stroke: rgba(255,255,255,.9);
  stroke-width: 3;
}

/* overview progress bar */
.after-process__bar{
  height:10px;
  border-radius:9999px;
  background: rgba(15,23,42,.08);
  overflow:hidden;
}
.after-process__bar-fill{
  display:block;
  height:100%;
  border-radius:9999px;
  background: rgba(59,130,246,.90);
  box-shadow:0 10px 18px rgba(59,130,246,.14);
}

/* bars block (5 colonne) */
.after-process__bars{ position:relative; }
.after-process__bars::before{
  content:"";
  position:absolute;
  inset:16px 16px 16px 16px;
  background:
    linear-gradient(to top, rgba(59,130,246,.55) 0 35%, transparent 35%),
    linear-gradient(to top, rgba(59,130,246,.85) 0 60%, transparent 60%),
    linear-gradient(to top, rgba(59,130,246,.70) 0 78%, transparent 78%),
    linear-gradient(to top, rgba(59,130,246,1)    0 55%, transparent 55%),
    linear-gradient(to top, rgba(59,130,246,.60) 0 42%, transparent 42%);
  background-size: 14% 100%;
  background-repeat:no-repeat;
  background-position: 0% 100%, 25% 100%, 50% 100%, 75% 100%, 100% 100%;
  border-radius:12px;
}

/* legend bullet */
.after-process__bullet{
  width:10px;height:10px;border-radius:9999px;
  display:inline-block;
}

/* donuts */
.after-process__donut{
  position:absolute;
  left:50%; top:48%;
  width:64px;height:64px;
  transform:translate(-50%,-50%);
  border-radius:50%;
}
.after-process__donut::before{
  content:"";
  position:absolute; inset:0;
  border-radius:50%;
  background: conic-gradient(rgba(59,130,246,1) 0 62%, rgba(15,23,42,.12) 62% 100%);
}
.after-process__donut--b::before{
  background: conic-gradient(rgba(59,130,246,1) 0 38%, rgba(15,23,42,.12) 38% 100%);
}
.after-process__donut::after{
  content:"";
  position:absolute; inset:14px;
  border-radius:50%;
  background: rgba(248,249,251,1);
}

.after-process__donut-label{
  position:absolute;
  left:0; right:0; bottom:10px;
  text-align:center;
  font-weight:800;
  font-size:.82rem;
  color: rgba(17,24,39,.60);
}

/* responsive */
@media (max-width: 980px){
  .after-process { --pt:25px !important; --pb: 25px !important; }
}

@media (max-width: 900px){
  .after-process__dash > div:first-child{ grid-template-columns:1fr !important; }
  .after-process__dash > div:last-child{ grid-template-columns:1fr !important; }
}