/* ── Sidebar ── */
.sb { width: 210px; background: var(--pn); display: flex; flex-direction: column; flex-shrink: 0; position: relative; z-index: 1200; }
.sb-logo { padding: 16px 14px 13px; border-bottom: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center; gap: 10px; }
.sb-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.sb-icon .brand-logo { width: 100%; height: 100%; display: block; border-radius: 8px; object-fit: fill; }
.sb-text { color: white; font-size: 14px; font-weight: 600; }
.sb-sub  { color: rgba(255,255,255,0.4); font-size: 9px; letter-spacing: 1.3px; text-transform: uppercase; }
.sb-sec  { padding: 12px 8px 4px; }
.sb-lbl  { color: rgba(255,255,255,0.62); font-size: 9px; letter-spacing: 1.2px; text-transform: uppercase; padding: 0 6px; margin-bottom: 4px; }
.ni {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  border-radius: var(--prs);
  color: rgba(255,255,255,0.6);
  font-size: 12.5px;
  cursor: pointer;
  transition: all 0.15s;
  margin-bottom: 1px;
}
.ni:hover { background: rgba(255,255,255,0.07); color: white; }
.ni.on    { background: var(--py); color: var(--pn); font-weight: 600; }
.ni--soon { color: rgba(255, 255, 255, 0.65); }
.ni i     { font-size: 15px; width: 17px; text-align: center; }
.sb-bot   { margin-top: auto; padding: 10px; border-top: 1px solid rgba(255,255,255,0.08); }
.av-row   { display: flex; align-items: center; gap: 8px; padding: 6px; border-radius: var(--prs); cursor: pointer; }
.av-row:hover { background: rgba(255,255,255,0.07); }
.av  { width: 28px; height: 28px; border-radius: 50%; background: var(--pg); display: flex; align-items: center; justify-content: center; color: white; font-size: 10px; font-weight: 700; flex-shrink: 0; }
.av-n { color: white; font-size: 12px; font-weight: 500; }
.av-r { color: rgba(255,255,255,0.4); font-size: 10px; }