/* ============================================================
   assets/css/style.css  – Custom styling for RTH Angsana
   ============================================================ */

/* ── Typography ─────────────────────────────────────────── */
body { font-size: 0.92rem; }

/* ── Card shadows ───────────────────────────────────────── */
.card { border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.07); }

/* ── Table ──────────────────────────────────────────────── */
#tbl-transaksi thead th { white-space: nowrap; font-size: .85rem; }
#tbl-transaksi tbody td { vertical-align: middle; }

/* Sub-expense rows – light yellow tint */
.table-warning-subtle { background-color: #fffde7 !important; }

/* Running saldo column – right-align, mono font */
#tbl-transaksi td:nth-child(4),
#tbl-transaksi td:nth-child(5),
#tbl-transaksi td:nth-child(6) { font-family: 'Courier New', monospace; font-size: .88rem; }

/* ── Saldo cards on dashboard ───────────────────────────── */
.saldo-card { border-left: 5px solid; }
.saldo-card.sampah { border-color: #198754; }
.saldo-card.listrik { border-color: #ffc107; }
.saldo-card .saldo-amount { font-size: 1.6rem; font-weight: 700; }

/* ── Filter bar ─────────────────────────────────────────── */
.filter-bar { background:#fff; padding:12px 16px; border-radius:10px;
              box-shadow:0 1px 4px rgba(0,0,0,.08); margin-bottom:1rem; }

/* ── Section heading ────────────────────────────────────── */
.section-heading {
    background: linear-gradient(135deg, #198754, #20c997);
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: .5px;
}

/* ── Buttons in table ───────────────────────────────────── */
#tbl-transaksi .btn-sm { padding: 2px 7px; font-size: .78rem; }

/* ── Print-specific ─────────────────────────────────────── */
@media print {
    body { background: #fff !important; font-size: 11pt; }
    .no-print { display: none !important; }
    .card { box-shadow: none !important; border: none !important; }
    table { font-size: 10pt; }
    thead th { background-color: #333 !important; color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .table-primary, .table-info, .table-warning {
        -webkit-print-color-adjust: exact; print-color-adjust: exact;
    }
    @page { margin: 15mm; }
}

/* ── Toast notification ─────────────────────────────────── */
#toast-container { position: fixed; bottom: 24px; right: 24px; z-index: 9999; }

/* ── Modal ──────────────────────────────────────────────── */
.modal-header.bg-success { color: #fff; }
.modal-header.bg-warning  { color: #333; }