@import url("layout.css");
@import url("components.css");
@import url("theme.css");

/* 
   v0.6a3 Main Stylesheet
   This file acts as a manifest for the Rulio Assessment Portal design system.
   Sub-modules are separated for better maintainability.
*/

/* Cache-busted Custom Overrides */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--rulio-red) !important;
  color: #fff !important;
}

.nav-pills .nav-link:not(.active):hover {
  color: var(--rulio-red) !important;
  border-color: var(--rulio-red) !important;
}

/* Candidate Search Results Styles */
.search-candidate-item {
  background-color: var(--gray-50) !important;
  border: 1px solid var(--gray-100) !important;
  cursor: pointer;
}
.search-candidate-item:hover {
  background-color: var(--gray-100) !important;
  border-color: var(--gray-300) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px -2px rgba(16, 24, 40, 0.08);
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.spin-animation {
  display: inline-block;
  animation: spin 0.8s linear infinite;
}