/* ===================== PERUBAHAN MODAL — fitur baru ===================== */

/* ----- Kartu ringkasan (Modal Awal / Setoran / Laba Bersih / Prive / Modal Akhir) ----- */
.pm-stat-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px; margin-bottom: 20px;
}
.pm-stat-card {
    background: #fff; border-radius: 10px; padding: 14px 16px; border: 1px solid var(--border);
}
.pm-stat-card.pm-highlight { background: #eceafc; border-color: #cec9f5; }
.pm-stat-label { font-size: 12px; color: var(--muted); margin: 0 0 6px; }
.pm-stat-value { font-size: 19px; font-weight: 700; margin: 0; color: var(--text); }
.pm-stat-value.positive { color: var(--success); }
.pm-stat-value.negative { color: var(--danger); }
.pm-stat-card.pm-highlight .pm-stat-label { color: #3c3489; }
.pm-stat-card.pm-highlight .pm-stat-value { color: #26215c; }

/* ----- Filter (kode/nama/peran + Terapkan/Reset) ----- */
.pm-filter-row {
    display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end;
}
.pm-filter-row .ac-field, .pm-filter-row .filter-field { flex: 1; min-width: 170px; }
.pm-filter-row select {
    width: 100%; padding: 9px 10px; border-radius: 8px; border: 1px solid var(--border);
    font-size: 13px; font-family: inherit; background: #fff; color: var(--text);
}

/* ----- Riwayat mutasi (expandable) ----- */
.riwayat-btn {
    display: inline-flex; align-items: center; gap: 5px; margin-left: auto;
    border: 1px solid var(--border); background: #fff; color: var(--text);
    border-radius: 7px; padding: 5px 10px; font-size: 11.5px; font-weight: 600;
    cursor: pointer; font-family: inherit; transition: background .12s ease;
}
.riwayat-btn:hover { background: #f4f4fb; }
.riwayat-btn .chevron { font-size: 12px; transition: transform .15s ease; display: inline-block; }
.riwayat-btn.open .chevron { transform: rotate(180deg); }

.riwayat-row { display: none; }
.riwayat-row.open { display: table-row; }
.riwayat-row td { padding: 0 8px 14px !important; border-top: none !important; }
.riwayat-inner-table { width: 100%; border-collapse: collapse; font-size: 11.5px; background: #f9f9fd; border-radius: 8px; overflow: hidden; }
.riwayat-inner-table th { text-align: left; color: var(--muted); font-weight: 600; padding: 6px 10px; font-size: 10.5px; }
.riwayat-inner-table th.text-right, .riwayat-inner-table td.text-right { text-align: right; }
.riwayat-inner-table td { padding: 6px 10px; border-top: 0.5px solid var(--border); color: var(--text); }
.riwayat-inner-table .mutasi-positive { color: var(--success); font-weight: 600; }
.riwayat-inner-table .mutasi-negative { color: var(--danger); font-weight: 600; }
.riwayat-empty { padding: 10px; font-size: 11.5px; color: var(--muted); font-style: italic; }

/* ----- Grafik komposisi modal akhir ----- */
.pm-chart-card { margin-top: 4px; }
.pm-chart-bar {
    display: flex; height: 16px; border-radius: 8px; overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); margin-bottom: 10px;
}
.pm-chart-segment { height: 100%; transition: opacity .15s ease; min-width: 2px; }
.pm-chart-segment:hover { opacity: 0.82; }
.pm-chart-legend { display: flex; gap: 16px; flex-wrap: wrap; }
.pm-chart-legend-item { font-size: 11.5px; display: flex; align-items: center; gap: 5px; font-weight: 600; color: var(--muted); }
.pm-chart-legend-swatch { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }