/* Custom styles for AgileTrack */

/* 10-tier color classes */
.tier-10-1  { background-color: #1d4ed8 !important; color: #ffffff !important; } /* <0p: Blue */
.tier-10-2  { background-color: #047857 !important; color: #ffffff !important; } /* 0-10p: Deep Green */
.tier-10-3  { background-color: #10b981 !important; color: #ffffff !important; } /* 10-18p: Green */
.tier-10-4  { background-color: #65a30d !important; color: #ffffff !important; } /* 18-24p: Lime */
.tier-10-5  { background-color: #eab308 !important; color: #0f172a !important; } /* 24-30p: Yellow */
.tier-10-6  { background-color: #f59e0b !important; color: #0f172a !important; } /* 30-36p: Amber */
.tier-10-7  { background-color: #ea580c !important; color: #ffffff !important; } /* 36-44p: Orange */
.tier-10-8  { background-color: #c2410c !important; color: #ffffff !important; } /* 44-54p: Dark Orange */
.tier-10-9  { background-color: #9333ea !important; color: #ffffff !important; } /* 54-65p: Purple */
.tier-10-10 { background-color: #dc2626 !important; color: #ffffff !important; } /* >65p: Red */

/* Compact table cells */
.compact-cell {
  position: relative;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
}

.compact-cell:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  z-index: 10;
}

/* Plunge glow effect */
.plunge-glow {
  box-shadow: 0 0 15px rgba(29, 78, 216, 0.5);
  animation: pulse-glow-blue 2s infinite;
}

@keyframes pulse-glow-blue {
  0%, 100% {
    box-shadow: 0 0 8px rgba(29, 78, 216, 0.4);
  }
  50% {
    box-shadow: 0 0 18px rgba(29, 78, 216, 0.8);
  }
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}