/* Group Sidebar Styles */
#kt_group_sidebar {
  transition: width 0.3s ease;
}

/* Minimized state styles */
body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar {
  width: 75px !important;
}

body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .text-content,
body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .card-title h2,
body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .card-title button,
body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .badge,
body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .btn-icon[data-kt-menu-trigger],
body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .separator,
body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .add-account-btn {
  display: none !important;
}

body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .group-item {
  justify-content: center !important;
  padding: 0.5rem 0 !important;
}

body[data-kt-group-sidebar-minimize="on"] #kt_group_sidebar .group-item .symbol {
  margin: 0 !important;
}

/* Toggle button styles */
#kt_group_sidebar_toggle {
  border-radius: 50%;
  border: 1px solid var(--bs-border-color);
  background-color: var(--bs-body-bg);
}

#kt_group_sidebar_toggle:hover {
  background-color: var(--bs-primary);
  color: var(--bs-primary-inverse) !important;
}

#kt_group_sidebar_toggle[data-kt-toggle-state="active"] i {
  transform: rotate(180deg);
}

/* Content transition animation */
.group-item .text-content,
.card-title h2,
.card-title button,
.badge,
.btn-icon[data-kt-menu-trigger],
.separator,
.add-account-btn {
  transition: opacity 0.3s ease;
}

/* Icon transition */
#kt_group_sidebar_toggle i {
  transition: transform 0.3s ease;
}