/*
 * 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.
 */

/* AWS Actions Autocomplete Styles */
.autocomplete-item {
  transition: background-color 0.15s ease;
}

.autocomplete-item:hover,
.autocomplete-item.bg-blue-100 {
  background-color: #dbeafe;
}

/* Smooth transitions for dropdown */
[data-aws-actions-autocomplete-target="dropdown"] {
  transition: opacity 0.2s ease;
}

/* Edit Mode Toggle Styles */
/* Show view-mode elements only when data-edit-mode="view" */
[data-edit-mode="view"] .edit-mode {
  display: none !important;
}

[data-edit-mode="view"] .view-mode {
  display: block !important;
}

/* Show edit-mode elements only when data-edit-mode="edit" */
[data-edit-mode="edit"] .view-mode {
  display: none !important;
}

[data-edit-mode="edit"] .edit-mode {
  display: block !important;
}