/* Small custom additions on top of the Tailwind CDN utility classes. */

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-track {
  background: transparent;
}

/* Sidebar open state on small screens, toggled via JS */
#sidebar.sidebar-open {
  transform: translateX(0);
}

/* ---- Badges ---- */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}

.badge-status-online { background-color: #dcfce7; color: #15803d; }
.badge-status-offline { background-color: #fee2e2; color: #b91c1c; }
.badge-status-error { background-color: #fef3c7; color: #b45309; }
.badge-status-warning { background-color: #fef3c7; color: #b45309; }

.badge-ssl-valid { background-color: #dcfce7; color: #15803d; }
.badge-ssl-expiring { background-color: #fee2e2; color: #dc2626; }
.badge-ssl-expired { background-color: #7f1d1d; color: #fecaca; }