/* Impostazioni in stile «D · Indice caldo»: in testa una card calda
   con i tuoi numeri, sotto un indice a gruppi (Tu · App · Altro) in
   cui ogni voce porta il suo valore a destra. */

.set-hero{position:relative;overflow:hidden;width:100%;text-align:left;display:block;color:#fff;
  border-radius:var(--r-lg);padding:18px;
  background:linear-gradient(135deg,#ff8f57 0%,#e9502a 55%,#d13a4f 100%)}
/* il cerchio chiaro in alto a destra */
.set-hero::after{content:'';position:absolute;right:-48px;top:-56px;width:170px;height:170px;border-radius:50%;
  background:rgba(255,255,255,.13);pointer-events:none}
.set-hero .who{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.set-hero .ini{width:44px;height:44px;flex:none;border-radius:50%;background:rgba(255,255,255,.24);
  display:flex;align-items:center;justify-content:center;font:700 18px var(--sans);color:#fff}
.set-hero .nm{font:700 18px var(--sans);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-hero .since{font-size:12.5px;color:rgba(255,255,255,.85);margin-top:2px}
.set-hero .nums{display:flex;gap:26px;margin-top:16px;position:relative;z-index:1}
.set-hero .n{font:700 18px var(--sans);font-variant-numeric:tabular-nums}
.set-hero .l{font:600 10.5px var(--sans);letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.78);margin-top:2px}

.set-lbl{font:700 11.5px var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--dim2);padding:22px 4px 8px}
.set-group{background:var(--s1);border:1px solid var(--b-strong);border-radius:18px;overflow:hidden}
.set-row{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 10px 10px 14px;
  background:none;text-align:left;color:var(--t1)}
.set-row+.set-row{border-top:1px solid var(--b-weak)}
.set-row:active{background:var(--s2)}
.set-row .tl{width:32px;height:32px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center;
  color:var(--tint);background:var(--tintbg)}
.set-row .tt{flex:1;min-width:0;font:700 15px var(--sans);letter-spacing:-.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-row .vl{flex:none;font-size:13.5px;color:var(--dim2);max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-row .ch{flex:none;color:var(--off);font-size:20px;line-height:1;margin-left:2px}
.set-foot{margin-top:22px;text-align:center;color:var(--dim3);font-size:12px;line-height:1.6}