.badge { display:inline-block; padding:2px 8px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
.badge-ok        { background:#064e3b; color:#a7f3d0; }
.badge-acesso    { background:#7c2d12; color:#fdba74; }
.badge-borda,
.badge-transporte{ background:#7f1d1d; color:#fca5a5; }
.badge-upstream  { background:#1e3a8a; color:#93c5fd; }
.badge-manut     { background:#3f3f46; color:#d4d4d8; }
.badge-na        { background:#1f2937; color:#9ca3af; }
.spinner { display:inline-block; width:14px; height:14px; border:2px solid #475569; border-top-color:#0066CC; border-radius:50%; animation:s 0.8s linear infinite; vertical-align:middle; }
@keyframes s { to { transform:rotate(360deg); } }