/**
 * Front-end overrides after DataTables default CSS.
 *
 * dataTables.dataTables.css sets `div.dt-container select.dt-input { padding: 4px }` (shorthand)
 * after the theme bundle, which wipes Tailwind padding on the rows-per-page control and lets the
 * native dropdown arrow overlap the value. Scoped longhand padding wins in cascade order.
 */
#app .kwiktrip-table-wrap .dt-length select.dt-input {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 2rem;
}