/* Service list, status badges, meta info */
.service-status{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;}
.status-indicator{width:10px;height:10px;border-radius:50%;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,0.25),0 0 0 6px rgba(100,116,139,0.08);}
.status-indicator.up{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,0.25),0 0 0 6px rgba(34,197,94,0.08);} 
.status-indicator.down{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.25),0 0 0 6px rgba(239,68,68,0.08);} 

.service-name{font-weight:600;font-size:1.05rem;flex:1;display:flex;gap:8px;align-items:center;}
.service-name small{font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border:1px solid rgba(255,255,255,0.08);border-radius:14px;color:#cbd5e1;background:rgba(255,255,255,0.03);} 
.service-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:.8rem;font-weight:500;letter-spacing:0;color:#9aa3ab;}
.service-meta span{display:inline-flex;align-items:center;gap:4px;}
.service-meta svg{width:14px;height:14px;stroke-width:1.8;}

.badge{font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;border:1px solid rgba(255,255,255,0.1);border-radius:999px;background:rgba(255,255,255,0.05);}
.badge.up{color:#22c55e;border-color:rgba(34,197,94,0.35);} 
.badge.down{color:#ef4444;border-color:rgba(239,68,68,0.4);} 

.version-tag{background:rgba(148,163,184,0.15);color:#cbd5e1;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:500;}
.latency{color:#cbd5e1;font-weight:500;}

/* Grid adjustments */
@media (max-width:820px){
  .service-name{font-size:1rem;}
}
@media (max-width:640px){
  .service-card .list-group-item{padding:12px 6px;}
  .service-meta{flex-direction:column;align-items:flex-start;gap:4px;}
}