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

.activity-entry--highlight {
  animation: activity-entry-flash 1.2s ease-out;
}

@keyframes activity-entry-flash {
  from {
    background-color: #fef9c3;
  }
  to {
    background-color: transparent;
  }
}

/* Suppress browser default clear button on search inputs */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

/* MeiliSearch highlight styling - Wenmar red theme */
mark {
  background-color: #ffc9c9; /* wenmar-200 */
  color: #7d1316;             /* wenmar-900 */
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 500;
}

.dark mark {
  background-color: #450608; /* wenmar-950 */
  color: #ffa0a0;             /* wenmar-300 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
}

input[type="number"]:invalid,
input[type="number"]:user-invalid {
  outline: none;
  border: none;
  box-shadow: none;
}