/* Jacob Sidebar Account v1 — symmetry and logout */
.sidebar {
  display: flex !important;
  flex-direction: column !important;
}

.sidebar nav,
.sidebar .nav-list,
.sidebar .menu-list {
  display: grid !important;
  gap: 8px !important;
  align-content: start !important;
}

.sidebar .nav-item,
.sidebar a.nav-item,
.sidebar button.nav-item,
.sidebar [data-page],
.sidebar nav a,
.sidebar nav button {
  min-height: 46px !important;
  height: 46px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

.sidebar .nav-item span,
.sidebar nav a span,
.sidebar nav button span {
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.sidebar .nav-item svg,
.sidebar .nav-item i,
.sidebar nav a svg,
.sidebar nav button svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
}

.jacob-sidebar-account {
  margin-top: auto !important;
  padding-top: 16px !important;
  display: grid !important;
  gap: 10px !important;
}

.jacob-sidebar-user {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: rgba(15, 23, 42, 0.62) !important;
  border: 1px solid rgba(56, 189, 248, 0.18) !important;
}

.jacob-sidebar-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  background: linear-gradient(135deg, #22d3ee, #2563eb) !important;
  display: grid !important;
  place-items: center !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  overflow: hidden !important;
}

.jacob-sidebar-user strong,
.jacob-sidebar-user span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.jacob-sidebar-user strong {
  color: #f8fafc !important;
  font-size: 0.86rem !important;
}

.jacob-sidebar-user span {
  color: #94a3b8 !important;
  font-size: 0.72rem !important;
  margin-top: 2px !important;
}

.jacob-sidebar-logout {
  min-height: 44px !important;
  height: 44px !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(248, 113, 113, 0.42) !important;
  background: rgba(127, 29, 29, 0.16) !important;
  color: #fecaca !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.jacob-sidebar-logout:hover {
  background: rgba(127, 29, 29, 0.28) !important;
  border-color: rgba(248, 113, 113, 0.68) !important;
  color: #ffffff !important;
}

@media (max-width: 980px) {
  .sidebar .nav-item,
  .sidebar a.nav-item,
  .sidebar button.nav-item,
  .sidebar [data-page],
  .sidebar nav a,
  .sidebar nav button {
    justify-content: center !important;
    padding: 0 10px !important;
  }

  .jacob-sidebar-user {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .jacob-sidebar-user div:last-child {
    display: none !important;
  }

  .jacob-sidebar-logout span {
    display: none !important;
  }
}