/* CSS untuk mempercantik tampilan modal login SweetAlert */

.swal-login-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 5px;
}

/* Mengatur input agar lebih slim, modern, dan presisi */
.swal-login-input {
    height: 40px !important;
    margin: 5px auto !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    width: 85% !important; /* Supaya tidak terlalu mentok ke pinggir */
    display: block !important;
}

/* Efek saat input diklik (focus) */
.swal-login-input:focus {
    border-color: #0b7130 !important;
    box-shadow: 0 0 5px rgba(11, 113, 48, 0.2) !important;
}

/* Mengatur select company agar seragam dengan input */
select.swal-login-input {
    background-color: #fff;
    cursor: pointer;
}

/* Opsional: Mengecilkan ukuran judul modal */
.swal2-title {
    font-size: 1.5em !important;
    font-weight: bold;
    color: #333;
}