/* Pallino stato */
.save-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,0.08);margin-left:8px;}
.save-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.3);transition:background 0.3s;flex-shrink:0;}
.save-dot.saving{background:#f59e0b;animation:pdot 1s infinite;}
.save-dot.saved{background:#22c55e;}
.save-dot.error{background:#ef4444;}
.save-label{font-size:11px;color:rgba(255,255,255,0.5);white-space:nowrap;}
@keyframes pdot{0%,100%{opacity:1;}50%{opacity:0.3;}}

/* Badge mq */
.badge-sup{background:#e0f2fe;color:#0369a1;font-size:10px;padding:1px 5px;border-radius:8px;font-weight:700;}

/* btn outline bianco per navbar */
.btn-outline-white{background:transparent;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.3);}
.btn-outline-white:hover{background:rgba(255,255,255,0.1);color:white;}

/* nav-nome mobile */
@media(max-width:768px){.nav-nome{display:none;}}