/*
 * select2 diinisialisasi global (lihat components/select2.js) buat semua
 * <select class="form-select"> di app - biar dropdown opsinya kepakai skin
 * Noble (NobleUI udah nyediain skin default-nya sendiri di demo1/style.css,
 * ini cuma tambahan penyesuaian tinggi biar sinkron sama .form-select-sm,
 * karena skin bawaan cuma nyontek ukuran .form-select biasa).
 *
 * select2 nyisipin <span class="select2-container"> sebagai SIBLING persis
 * setelah <select> asli (yang cuma disembunyikan, bukan dihapus) - makanya
 * ditarget lewat combinator "+", bukan turunan.
 */
.form-select-sm + .select2-container--default .select2-selection--single {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.form-select-sm + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    line-height: 1.5;
}

.form-select-sm + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.5rem);
}