/* ===================== NERACA SALDO — fitur penyebab selisih ===================== */

/* ----- Badge "diduga penyebab selisih" di baris akun ----- */
.selisih-badge {
    display: inline-flex; align-items: center; gap: 5px; margin-left: 8px;
    background: #fdecea; color: #a13c2e; border: 1.5px solid #f5c2ba;
    border-radius: 6px; padding: 3px 9px; font-size: 10.5px; font-weight: 700;
    cursor: pointer; font-family: inherit; white-space: nowrap;
    transition: background .12s ease, transform .12s ease;
}
.selisih-badge:hover { background: #fbdcd8; transform: translateY(-1px); }

/* ----- Banner "telusuri penyebab selisih" (dipakai di Neraca Saldo) ----- */
.telusuri-banner {
    display: flex; align-items: center; justify-content: space-between; gap: 14px;
    background: #fdecea; border: 1px solid #f5c2ba; border-radius: 10px;
    padding: 13px 16px; margin-bottom: 18px; flex-wrap: wrap;
}
.telusuri-banner .txt { font-size: 13px; color: #a13c2e; font-weight: 600; }
.telusuri-banner .txt strong { font-weight: 800; }

/* ----- Tombol "Telusuri Penyebab Selisih" — standalone, dipakai ulang di
   Neraca Saldo (dalam .telusuri-banner) MAUPUN Neraca Lajur (dalam kotak
   status Tidak Balance tiap tahap), jadi TIDAK boleh cuma ke-scope ke satu
   parent tertentu. ----- */
.btn-telusuri {
    background: #a13c2e; color: #fff; border: none; border-radius: 8px;
    padding: 9px 16px; font-size: 12.5px; font-weight: 700; cursor: pointer;
    display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
    font-family: inherit; transition: background .12s ease, transform .12s ease;
}
.btn-telusuri:hover { background: #8a3226; transform: translateY(-1px); }

/* ----- Isi modal penyebab selisih ----- */
.selisih-info-box {
    background: #fdecea; border-radius: 8px; padding: 10px 12px; margin-bottom: 14px;
}
.selisih-info-box p { font-size: 11.5px; color: #a13c2e; margin: 0; }

.selisih-grup-block {
    border: 1px solid #eee; border-radius: 8px; padding: 13px; margin-bottom: 12px;
}
.selisih-grup-block:last-child { margin-bottom: 0; }
.selisih-grup-head {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 9px; gap: 8px;
}
.selisih-grup-head .no-bukti-link {
    color: var(--primary); text-decoration: underline; text-decoration-style: dotted;
    text-underline-offset: 2px; font-weight: 700; font-size: 12.5px; cursor: pointer;
}
.selisih-grup-head .no-bukti-link:hover { text-decoration-style: solid; color: var(--primary-dark); }
.selisih-grup-head .status-badge {
    background: #fdecea; color: #a13c2e; font-size: 10px; font-weight: 700;
    padding: 2px 9px; border-radius: 5px; white-space: nowrap;
}

.selisih-table { width: 100%; font-size: 11.5px; border-collapse: collapse; }
.selisih-table th {
    color: #888; text-align: left; font-weight: 600; font-size: 10px;
    text-transform: uppercase; letter-spacing: .02em; padding: 3px 0;
}
.selisih-table th.right, .selisih-table td.right { text-align: right; }
.selisih-table td { padding: 4px 0; color: #333; }
.selisih-table tr.total-row td {
    padding-top: 7px; border-top: 1px solid #eee; font-weight: 700; color: #222;
}
.selisih-table tr.total-row td.kredit-lebih-besar { color: #a13c2e; }
.selisih-table tr.total-row td.debit-lebih-besar { color: #a13c2e; }

.selisih-note { font-size: 11.5px; color: #a13c2e; margin: 9px 0 0; font-weight: 600; }

.btn-buka-jurnal {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;
    border: 1.6px solid var(--primary); background: #eceafc; color: #3c3489;
    border-radius: 7px; padding: 6px 12px; font-size: 11.5px; font-weight: 700;
    text-decoration: none; cursor: pointer; transition: background .12s ease;
}
.btn-buka-jurnal:hover { background: #dfdaff; }

/* ----- Link ke Buku Besar — dipakai di modal "Penyebab Selisih" supaya
   penelusuran tidak berhenti di Jurnal Umum saja, tapi bisa lanjut cek
   mutasi akun terkait langsung di Buku Besar. ----- */
.selisih-link-group {
    display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
}
.selisih-link-group .btn-buka-jurnal { margin-top: 10px; }
.btn-buka-bukubesar {
    border-color: #2e7d5b; background: #e6f4ee; color: #1e5b40;
}
.btn-buka-bukubesar:hover { background: #d5ece2; }
.akun-bukubesar-link {
    color: inherit; text-decoration: underline; text-decoration-style: dotted;
    text-underline-offset: 2px;
}
.akun-bukubesar-link:hover { color: var(--primary); text-decoration-style: solid; }