/* ======================================================
 * SIDEBAR NAVIGATION DOTS – AUTHORITATIVE
 * ====================================================== */

.sidebar-nav a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nav-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  flex-shrink: 0;

  background-clip: padding-box;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.45),
    inset 0 -1px 2px rgba(0,0,0,0.45),
    0 0 4px rgba(0,0,0,0.55);
}

/* SEMANTIC COLORS */
.dot-dashboard   { background-color: #5dade2; } /* Dashboard */
.dot-core        { background-color: #9b59b6; } /* Core */
.dot-ran         { background-color: #58d68d; } /* RAN */
.dot-subscribers { background-color: #f4d03f; } /* Subscribers */

/* 🔴 ACTIVE ALARMS */
.dot-events      { background-color: #e74c3c; }

/* 🟣 EVENTS */
.dot-monitoring  { background-color: #d946ef; }

.dot-settings    { background-color: #b2bec3; }

/* Active page emphasis */
.sidebar-nav a.active .nav-dot {
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.55),
    inset 0 -1px 2px rgba(0,0,0,0.55),
    0 0 8px rgba(255,255,255,0.35);
}