/* Sneat Theme Default - Minimal */
:root {
  --bs-primary: #696cff;
  --bs-primary-rgb: 105, 108, 255;
  --bs-body-bg: #f5f5f9;
  --bs-body-color: #697a8d;
}

body {
  background-color: #f5f5f9;
  color: #697a8d;
}

.bg-menu-theme {
  background-color: #fff !important;
  color: #697a8d;
}

.layout-menu {
  box-shadow: 0 0.125rem 0.375rem rgba(161, 172, 184, 0.12);
}

.menu-vertical .menu-item .menu-link.active {
  background: linear-gradient(72.47deg, #696cff 22.16%, rgba(105,108,255,0.7) 76.47%) !important;
  color: #fff !important;
  box-shadow: 0 0.125rem 0.375rem rgba(105,108,255,0.4);
}

.menu-vertical .menu-item .menu-link:hover {
  background-color: rgba(105,108,255,0.08) !important;
  color: #696cff !important;
}

.bg-navbar-theme {
  background-color: rgba(255,255,255,0.95) !important;
  backdrop-filter: saturate(200%) blur(6px);
}

.layout-navbar {
  box-shadow: 0 0.0625rem 0.375rem rgba(161, 172, 184, 0.12);
}

.app-brand-text {
  color: #696cff;
}

.btn-primary {
  background-color: #696cff;
  border-color: #696cff;
}

.btn-primary:hover {
  background-color: #5f61e6;
  border-color: #5f61e6;
}

.bg-label-primary {
  background-color: #e7e7ff !important;
  color: #696cff !important;
}

.bg-label-danger {
  background-color: #ffe0db !important;
  color: #ff3e1d !important;
}

.bg-label-info {
  background-color: #d7f5fc !important;
  color: #03c3ec !important;
}

.bg-label-success {
  background-color: #dff7e9 !important;
  color: #71dd37 !important;
}

.bg-label-warning {
  background-color: #fff2d6 !important;
  color: #ffab00 !important;
}

.card {
  box-shadow: 0 0.125rem 0.375rem rgba(161, 172, 184, 0.12);
  border: none;
}

.avatar {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.avatar-initial {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
}

.avatar-online:after {
  content: '';
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #71dd37;
  border: 2px solid #fff;
}

.avatar {
  position: relative;
}