/* Timesheets User Filter Styles */

/* Button styling */
[data-controller="timesheets--user-filter"] .btn-outline-secondary {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #666;
}

[data-controller="timesheets--user-filter"] .btn-outline-secondary:hover,
[data-controller="timesheets--user-filter"] .btn-outline-secondary:focus {
  background-color: #e8e8e8;
  border-color: #999;
  color: #333;
}

/* Dark theme button */
[data-bs-theme="dark"] [data-controller="timesheets--user-filter"] .btn-outline-secondary {
  background-color: #2a2a2a;
  border-color: #444;
  color: #d0d0d0;
}

[data-bs-theme="dark"] [data-controller="timesheets--user-filter"] .btn-outline-secondary:hover,
[data-bs-theme="dark"] [data-controller="timesheets--user-filter"] .btn-outline-secondary:focus {
  background-color: #3a3a3a;
  border-color: #666;
  color: #f0f0f0;
}

/* Light theme - dropdown item hover */
[data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item:hover,
[data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item:focus {
  background-color: #f0f0f0;
  color: #212529;
}

[data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item.active,
[data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item:active {
  background-color: #cce5ff;
  color: #0c63e4;
}

/* Dark theme - dropdown item hover */
[data-bs-theme="dark"] [data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] [data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item:focus {
  background-color: #3a3a3a;
  color: #f8f9fa;
}

[data-bs-theme="dark"] [data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item.active,
[data-bs-theme="dark"] [data-controller="timesheets--user-filter"] .dropdown-menu .dropdown-item:active {
  background-color: #1a4d8c;
  color: #6ea8fe;
}