/* Riquadro "Attiva le notifiche" in home */
.nt-box{display:flex;align-items:center;gap:12px;max-width:640px;margin:18px auto 0;padding:12px 12px 12px 14px;border-radius:18px;border:1px solid var(--hl);background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:0 12px 30px -20px var(--glow)}
.nt-box[hidden]{display:none}
.nt-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--tint);color:var(--lane)}
.nt-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nt-t{flex:1;min-width:0;display:grid;gap:2px}
.nt-t b{font:700 .98rem var(--display);color:var(--ink)}
.nt-t span{color:var(--muted);font-size:.82rem;line-height:1.35}
.nt-btn{flex:none;min-height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--lane);color:var(--lane-ink);font:700 .9rem var(--body);cursor:pointer}
.nt-btn:disabled{opacity:.6;cursor:wait}
.nt-x{flex:none;width:34px;height:34px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}
.nt-x:hover{background:var(--tint);color:var(--ink)}
@media (max-width:420px){.nt-box{flex-wrap:wrap}.nt-t{flex-basis:calc(100% - 100px)}.nt-btn{order:4;flex:1}}
#ntLink[hidden]{display:none}
.nt-btn[hidden]{display:none}