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

/* Kolom yang terkunci dibuat abu-abu supaya terlihat tidak bisa diketik */
.form-control[readonly] {
    background-color: var(--falcon-gray-200);
}

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

/* Nama apotek 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;
    white-space: nowrap;
    vertical-align: middle;
}

/* Logo apotek di halaman login */
.login-logo-img {
    height: 56px;
    width: auto;
    max-width: 160px;
    padding: 4px;
    object-fit: contain;
    background-color: #fff;
    border-radius: 8px;
}

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

/* Select2 memenuhi lebar kolom seperti input lain */
body .select2-container {
    display: block;
    width: 100% !important;
}

/* Modal form transaksi: hampir selebar layar supaya kolom input tabel tidak terpotong */
@media (min-width: 992px) {
    .modal-dialog.modal-lebar {
        max-width: 96vw;
    }
}