/* ============================================================
   v36 Hover animations for dropdowns and controls
   ============================================================ */

.custom-select__trigger,
.salary-v5-select__trigger,
.schedule-month-display,
.salary-v5-month-display,
.date-range-field{
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .18s ease!important;
}

.custom-select__trigger:hover,
.salary-v5-select__trigger:hover,
.schedule-month-display:hover,
.salary-v5-month-display:hover,
.date-range-field:hover{
  border-color:#b9c9e6!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
  transform:translateY(-1px)!important;
}

.custom-select.is-open .custom-select__menu,
.salary-v5-select.is-open .salary-v5-select__menu{
  animation:pvzDropdownIn .16s ease both!important;
  transform-origin:top center!important;
}

@keyframes pvzDropdownIn{
  from{opacity:0;transform:translateY(-6px) scale(.985);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

.custom-select__option,
.salary-v5-option{
  position:relative!important;
  overflow:hidden!important;
  transition:background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease, padding-left .16s ease!important;
}

.custom-select__option::before,
.salary-v5-option::before{
  content:''!important;
  position:absolute!important;
  left:8px!important;
  top:50%!important;
  width:4px!important;
  height:4px!important;
  border-radius:999px!important;
  background:#2f6bff!important;
  transform:translateY(-50%) scale(0)!important;
  opacity:0!important;
  transition:transform .16s ease, opacity .16s ease!important;
}

.custom-select__option:hover,
.salary-v5-option:hover{
  background:#eef4ff!important;
  color:#1f4fd8!important;
  transform:translateX(3px)!important;
  padding-left:18px!important;
  box-shadow:inset 0 0 0 1px rgba(47,107,255,.05)!important;
}

.custom-select__option:hover::before,
.salary-v5-option:hover::before{
  transform:translateY(-50%) scale(1)!important;
  opacity:1!important;
}

.custom-select__option:active,
.salary-v5-option:active{
  transform:translateX(2px) scale(.992)!important;
}

.custom-select__option.is-selected,
.salary-v5-option.is-selected,
.salary-v5-option.is-active{
  background:linear-gradient(135deg, #eef4ff 0%, #f7faff 100%)!important;
  color:#1f4fd8!important;
  box-shadow:inset 0 0 0 1px rgba(47,107,255,.08)!important;
}

.custom-select__option.is-selected::before,
.salary-v5-option.is-selected::before,
.salary-v5-option.is-active::before{
  transform:translateY(-50%) scale(1)!important;
  opacity:1!important;
}

.custom-select__check,
.salary-v5-option__check{
  transition:opacity .16s ease, transform .16s ease!important;
}

.custom-select__option:hover .custom-select__check,
.salary-v5-option:hover .salary-v5-option__check{
  transform:scale(1.08)!important;
}

.custom-select__arrow,
.salary-v5-select__arrow{
  transition:transform .2s ease, color .18s ease!important;
}

.custom-select__trigger:hover .custom-select__arrow,
.salary-v5-select__trigger:hover .salary-v5-select__arrow{
  color:#2f6bff!important;
}

.range-day,
.schedule-month-option,
.salary-v5-month-option,
.range-nav,
.schedule-month-nav,
.salary-v5-month-nav,
.range-cal-btn,
.schedule-month-btn,
.salary-v5-icon-btn{
  transition:background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease!important;
}

.range-day:hover,
.schedule-month-option:hover,
.salary-v5-month-option:hover{
  transform:translateY(-1px)!important;
  background:#eef4ff!important;
  color:#1f4fd8!important;
  box-shadow:0 8px 18px rgba(47,107,255,.10)!important;
}

.range-day:active,
.schedule-month-option:active,
.salary-v5-month-option:active{
  transform:translateY(0) scale(.985)!important;
}

.range-nav:hover,
.schedule-month-nav:hover,
.salary-v5-month-nav:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(47,107,255,.10)!important;
}

.range-cal-btn:hover,
.schedule-month-btn:hover,
.salary-v5-icon-btn:hover{
  transform:translateY(-50%) scale(1.06)!important;
  box-shadow:0 8px 18px rgba(47,107,255,.10)!important;
}

.btn,
.salary-v5-btn{
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}

.btn:hover,
.salary-v5-btn:hover{
  transform:translateY(-1px)!important;
}

.btn-primary:hover,
.salary-v5-btn--primary:hover{
  box-shadow:0 12px 26px rgba(47,107,255,.20)!important;
}

.badge,
.flow-badge,
.source-badge{
  transition:transform .16s ease, box-shadow .16s ease!important;
}

.badge:hover,
.flow-badge:hover,
.source-badge:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}

.admin-reports-table tbody tr,
.salary-v5-table tbody tr,
.table-wrap tbody tr{
  transition:background-color .16s ease, box-shadow .16s ease!important;
}

.admin-reports-table tbody tr:hover,
.salary-v5-table tbody tr:hover,
.table-wrap tbody tr:hover{
  background:rgba(47,107,255,.025)!important;
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}