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

/* Remove spinner arrows from number inputs for cleaner design */
.number-input[type=number]::-webkit-outer-spin-button,
.number-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.number-input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

/* Override DaisyUI input focus state with lighter purple */
.input:focus,
.input:focus-within,
.textarea:focus,
.textarea:focus-within,
.select:focus,
.select:focus-within,
.file-input:focus,
.file-input:focus-within {
  outline: none;
  border-color: rgb(196 181 253); /* purple-200 */
  box-shadow: 0 0 0 2px rgb(196 181 253 / 0.2);
}