/* ===== THEME v2 -- reskin global (indigo/slate) di atas style.css yang lama =====
   File ini CUMA ubah warna/font/radius. Gak ada perubahan struktur/markup/logic. */

body {
    background: #f8fafc !important;
    font-family: 'Hanken Grotesk', sans-serif !important;
    color: #0f172a;
}

h1, h2, h3 {
    font-family: 'Manrope', sans-serif !important;
    color: #0f172a !important;
}

.container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04) !important;
}

.subtitle { color: #64748b !important; }

/* Tombol utama di seluruh halaman (submit form, generate, download, dst) */
.btn-submit,
.btn-generate,
.btn-bca,
.btn-mutasi,
.btn-csvadmin,
.btn-convert,
.btn-download,
button[type="submit"] {
    background: #4338ca !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    transition: background 0.15s;
}

.btn-submit:hover,
.btn-generate:hover,
.btn-bca:hover,
.btn-mutasi:hover,
.btn-csvadmin:hover,
.btn-convert:hover,
.btn-download:hover,
button[type="submit"]:hover {
    background: #3730a3 !important;
}

.btn-submit:active,
.btn-generate:active,
button[type="submit"]:active {
    background: #312e81 !important;
}

/* Input & select */
input[type="text"], input[type="number"], input[type="date"], input[type="file"],
select, textarea {
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-family: 'Hanken Grotesk', sans-serif !important;
}

input:focus, select:focus, textarea:focus {
    border-color: #4338ca !important;
    box-shadow: 0 0 0 3px rgba(67,56,202,0.12) !important;
    outline: none !important;
}

/* Card generik (dipakai di generate_invoice.php, jenis_tagihan.php, dst) */
.card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

/* Alert / notifikasi */
.alert-success {
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    color: #065f46 !important;
}

.alert-error, .alert-danger {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #991b1b !important;
}

/* Badge generik kecil */
.badge, .badge-ok, .badge-pending {
    font-family: 'Manrope', sans-serif !important;
    border-radius: 4px !important;
}

/* ===== Search box "Cek Pelanggan" (Langkah 2, tab Convert BRI) ===== */
.pel-search-wrap {
    position: relative;
    max-width: 420px;
}

.pel-search-input {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 13px;
}

.pel-search-input:focus {
    border-color: #4338ca;
    box-shadow: 0 0 0 3px rgba(67,56,202,0.12);
    outline: none;
}

.pel-search-results {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(15,23,42,0.12);
    max-height: 320px;
    overflow-y: auto;
    z-index: 20;
}

.pel-search-results.hidden { display: none; }

.pel-search-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px;
    border-bottom: 1px solid #f1f5f9;
}

.pel-search-item:last-child { border-bottom: none; }

.pel-search-item .pel-search-name {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #0f172a;
}

.pel-search-item .pel-search-meta {
    font-size: 11.5px;
    color: #64748b;
}

.pel-search-empty, .pel-search-loading {
    padding: 12px 14px;
    font-size: 12.5px;
    color: #64748b;
}