.app-brand-logo .brand-initial {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #696cff;
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 0.375rem rgba(105, 108, 255, 0.35);
}

.app-brand-logo .brand-logo-img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 0.75rem;
}

.sidebar-collapse-toggle {
  width: 2rem;
  height: 2rem;
  color: #697a8d;
  border: 1px solid #d9dee3;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.375rem rgba(67, 89, 113, 0.12);
}

.sidebar-collapse-toggle:hover,
.sidebar-collapse-toggle:focus {
  color: #696cff;
  border-color: rgba(105, 108, 255, 0.35);
  background: #f5f5ff;
}

.sidebar-collapse-toggle i {
  font-size: 1.1rem;
  transition: transform 0.2s ease;
}

.layout-menu-collapsed:not(.layout-menu-hover) .sidebar-collapse-toggle {
  margin-inline-start: 0 !important;
}

.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand {
  justify-content: center;
  padding-inline: 0;
}

.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-link {
  display: none;
}

.layout-menu-collapsed:not(.layout-menu-hover) .sidebar-collapse-toggle i {
  transform: rotate(180deg);
}

.authentication-wrapper.authentication-basic .authentication-inner {
  max-width: 430px;
}

.auth-cover-brand {
  margin-bottom: 1.5rem;
}

.dashboard-welcome-card {
  min-height: 100%;
}

.dashboard-welcome-card .card-body {
  position: relative;
  overflow: hidden;
}

.dashboard-welcome-card .welcome-illustration {
  max-width: 180px;
}

.backend-empty-state {
  border: 1px dashed #d9dee3;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.65);
}

.table-song-title {
  color: #566a7f;
  font-weight: 600;
}

.required-star {
  color: #ff3e1d;
  font-weight: 700;
}