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

/*
 * KTDataTable page-size <select> is a native control (no data-kt-select).
 * .kt-select assumes flex centering (ignored on <select>) and often width:100%;
 * without an explicit box, text/chevron look flush against the border.
 */
.kt-datatable-length select.kt-select[data-kt-datatable-size] {
  width: 4.5rem;
  min-width: 4.5rem;
  max-width: 4.5rem;
  padding-block: 0.375rem;
  padding-inline: 0.625rem 1.75rem;
  line-height: 1.25;
  box-sizing: border-box;
}

/*
 * KTUI Basic usage: `kt-input sm:w-48` → 12rem × ~34px.
 * .kt-input defaults to width:100%; sm:w-48 may be missing from the Tailwind build.
 */
.kt-card-header input.kt-input[data-kt-datatable-search] {
  width: 12rem;
  max-width: 100%;
}