.main-logo{
      display: flex;
    align-items: center;
    gap: 6px;
}
.logo-text {
  font-weight: 700;
}

/* Apps */

.app-icon.active {
  background: #fce4ef;
}


/* Language */
.lang-switch button {
  border: none;
  padding: 4px 10px;
  cursor: pointer;
}

.lang-switch .active {
  background: #e83e8c;
  color: white;
}

/* User */
.topbar-user {
  display: flex;
  align-items: center;
  gap: 8px;
}


/* Logout */
.logout-btn {
  border: none;
  background: none;
  cursor: pointer;
}

.admin-sidebar {
  width: 240px;
  background: #fff;
  border-right: 1px solid #eee;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.nav-submenu {
  padding-left: 48px;
}

.nav-sub-item {
  display: block;
      padding-left: 0px;
  text-decoration: none;
  color: #555;
}

.nav-section-label {
  margin: 10px 0;
  font-size: 12px;
  color: #888;
}

.chevron {
  transition: 0.3s;
}

.chevron.open {
  transform: rotate(90deg);
}


.sa-badge {
  background: #e83e8c;
  color: white;
  padding: 2px 6px;
  font-size: 10px;
  border-radius: 4px;
}

/* =========================
   CHANGE PASSWORD BUTTON
========================= */

.topbar-actions > button:not(.logout-btn) {
  height: 42px;
  padding: 0 18px;

  background: #ffffff;
  border: 1px solid #1f2937;
  border-radius: 8px;

  font-size: 14px;
  font-weight: 500;
  color: #111827;

  cursor: pointer;
  transition: all 0.25s ease;

  display: flex;
  align-items: center;
  justify-content: center;
}

.topbar-actions > button:not(.logout-btn):hover {
  background: #111827;
  color: #ffffff;
  border-color: #111827;
}

.topbar-actions > button:not(.logout-btn):active {
  transform: scale(0.98);
}