/* Mengganti palet warna agar sesuai gambar */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f1f0ff; /* Lavender background */
    color: #1f2937; /* text-gray-800 */
}
.password-container { position: relative; }
/* Style icon password di dalam form modal */
.password-container .toggle-password {
    position: absolute;
    right: 1rem;
    /* Disesuaikan agar pas dengan input */
    top: 2.6rem; 
    transform: translateY(-50%);
    color: #6b7280;
    cursor: pointer;
}
/* Style icon password di dalam tabel */
.toggle-password, .copy-password {
    cursor: pointer;
    color: #6b7280; /* text-gray-500 */
}
.toggle-password:hover, .copy-password:hover { color: #3b82f6; /* text-blue-500 */ }

/* (FITUR BARU) Style icon transfer */
.transfer-btn {
    cursor: pointer;
    color: #6b7280; /* text-gray-500 */
}
.transfer-btn:hover { color: #10b981; /* text-green-500 */ }

/* Style untuk modal */
.modal-base {
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease;
    opacity: 0;
    pointer-events: none;
}
.modal-base.show {

    opacity: 1;
    pointer-events: auto;
}
.modal-content {
    transition: transform 0.3s ease;
    transform: scale(0.95);
}
.modal-base.show .modal-content {
    transform: scale(1);
}

/* Style untuk Toast */
#toast {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transform: translateX(100%);
    opacity: 0;
}
#toast.show {
    transform: translateX(0);

    opacity: 1;
}

/* Style untuk Tab */
.tab-link {
    border-bottom: 2px solid transparent;
    color: #6b7280; /* text-gray-500 */
}
.tab-link.active {
    border-bottom-color: #4f46e5; /* indigo-600 */
    color: #4f46e5; /* indigo-600 */
}

/* (PERUBAHAN: Style untuk TOTP Timer) */
.totp-code {
    font-family: 'monospace';
    font-size: 1.25rem; /* text-xl */
    font-weight: 600; /* semi-bold */
    color: #4f46e5; /* indigo-600 */
    letter-spacing: 0.1em; /* tracking-widest */
    /* cursor: pointer; DITAMBAHKAN OLEH JS */
}
.totp-timer-bar {
    height: 2px;
    background-color: #4f46e5; /* indigo-600 */
    /* Transisi diatur oleh JS agar lebih presisi */
}

/* (FITUR BARU) Style untuk modal preview kode cadangan */
#preview-content pre {
     white-space: pre-wrap; /* Agar baris panjang tidak overflow */
     word-break: break-all; /* Paksa pecah kata jika terlalu panjang */
}