/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
@import "./simple_calendar.css";

/* Tom Select Dropdown Fixes */
.ts-dropdown,
.ts-dropdown .ts-dropdown-content {
  background-color: white !important;
  border: 1px solid #d1d5db !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  z-index: 9999 !important;
}

.ts-dropdown .option {
  color: #111827 !important;
  padding: 0.5rem 0.75rem !important;
}

.ts-dropdown .option:hover,
.ts-dropdown .option.active {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
}

.ts-dropdown .option.selected {
  background-color: #e0e7ff !important;
  color: #3730a3 !important;
}