/* Global App Styles */
:root {
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 1rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}
body {
  background-color: #f8f9fa;
}
.alert {
  transition: opacity 0.5s ease;
}
.fade-out {
  opacity: 0;
}
/* Login card */
.login-card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* Skeleton loader */
.skeleton {
  position: relative;
  background: #e0e0e0;
  overflow: hidden;
}
.skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shimmer 1.2s infinite;
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.skeleton.rounded {
  border-radius: var(--radius-md);
}
.skeleton-text {
  height: 0.9rem;
  margin-bottom: var(--spacing-2);
}
.skeleton-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
/* Candidate card refinements */
.small-box {
  border-radius: var(--radius-md);
}
.small-box .inner h4 {
  font-size: 1.1rem;
}
.badge {
  font-size: 0.65rem;
  letter-spacing: 0.5px;
}
/* Activity score select appearance */
.score-select {
  background-color: #ffffff !important;
  border: 1px solid #ced4da;
  border-radius: var(--radius-sm);
  padding: 0.25rem 0.5rem;
}
.score-select:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}
/* Utilities */
.d-none {
  display: none !important;
}
/* Unified primary theme */
.app-sidebar,
.small-box.text-bg-primary,
.search_select_box .bootstrap-select .dropdown-toggle {
  background-color: #0d6efd !important;
  color: #ffffff !important;
}
.app-sidebar .nav-link,
.app-sidebar .brand-text {
  color: #ffffff !important;
}
.app-sidebar .nav-link.active {
  background: rgba(255, 255, 255, 0.15);
}
.bootstrap-select .dropdown-toggle {
  border-color: #0d6efd;
}
.bootstrap-select .dropdown-menu {
  border-color: #0d6efd;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:focus {
  background: #0d6efd;
  color: #fff;
}
.score-select {
  background-color: #ffffff !important;
}