/* Single vector lockup: no bitmap canvas, crop or blending seam. */
.sidebar .brand {
  position: relative;
  height: 70px !important;
  min-height: 70px !important;
  justify-content: flex-start;
  gap: 10px;
  padding: 0 15px !important;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), transparent 82%);
}

.sidebar .brand::after {
  content: '';
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 1px;
  background: linear-gradient(90deg, rgba(96, 165, 250, 0.34), rgba(148, 163, 184, 0));
}

.sidebar .brand-logo {
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: grid !important;
  place-items: center;
  overflow: visible !important;
  border: 1px solid rgba(147, 197, 253, 0.22) !important;
  border-radius: 11px !important;
  background: linear-gradient(145deg, rgba(37, 99, 235, 0.3), rgba(7, 21, 35, 0.72)) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.12),
    0 8px 18px rgba(1, 8, 18, 0.24) !important;
  isolation: isolate;
}

.sidebar .brand-logo svg {
  width: 27px;
  height: 27px;
  fill: #f8fbff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.28));
}

.sidebar .brand > span {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
}

.sidebar .brand b {
  color: #f8fbff;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.16em !important;
}

.sidebar .brand small {
  margin-top: 6px;
  color: #7f94ad;
  font-size: 8px !important;
  line-height: 1;
  letter-spacing: 0.17em;
}

.sidebar nav button[hidden] {
  display: none !important;
}

@media (max-width: 820px) {
  .sidebar .brand {
    height: 66px !important;
    min-height: 66px !important;
    justify-content: center;
    padding: 0 !important;
  }

  .sidebar .brand::after {
    right: 10px;
    left: 10px;
  }

  .sidebar .brand-logo {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  .sidebar .brand > span {
    display: none !important;
  }
}