/* Penyesuaian tampilan di luar file template (public/be/dist tidak diubah). */

/* Template membuat container Select2 jadi inline sehingga panahnya naik ke atas label */
body .select2-container {
    display: block;
}

/* Tombol hapus pilihan (x) Select2 digeser supaya tidak menumpuk dengan panah dropdown */
body .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 30px;
}

/* Kolom yang terkunci (misalnya harga jual tipe persentase) dibuat abu-abu supaya terlihat tidak bisa diketik */
.form-control[readonly] {
    background-color: var(--bs-secondary-bg);
}

/* Logo perusahaan di navbar: diberi alas putih supaya tetap terbaca di atas warna navbar */
.brand-logo-img {
    height: 36px;
    width: auto;
    max-width: 90px;
    padding: 3px;
    object-fit: contain;
    background-color: #fff;
    border-radius: 6px;
}

/* Nama perusahaan yang panjang dipotong dengan titik-titik supaya tidak keluar dari area logo */
.brand-nama {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* Logo perusahaan di halaman login */
.login-logo-img {
    height: 44px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
}

/* Pratinjau gambar yang diunggah di halaman pengaturan (logo, gambar landing page) */
.pratinjau-gambar {
    max-height: 120px;
    max-width: 100%;
    padding: 6px;
    object-fit: contain;
    border: 1px dashed var(--bs-border-color);
    border-radius: 8px;
    background-color: var(--bs-body-bg);
}

/* Pilihan jumlah data di atas tabel dilebarkan supaya angkanya tidak tertutup panah dropdown */
div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    min-width: 80px;
    display: inline-block;
    margin: 0 6px;
    padding-right: 2.25rem;
}