/* Toast Notification Styles */
.toast-notification {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #333;
  color: white;
  padding: 16px 24px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 9999;
  max-width: 400px;
}

.toast-notification.show {
  opacity: 1;
  transform: translateY(0);
}

/* Dark theme toast */
[data-bs-theme="dark"] .toast-notification {
  background: #f8f9fa;
  color: #212529;
  box-shadow: 0 4px 12px rgba(255,255,255,0.2);
}

/* 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;
}