/* Menu Keuangan (Master admin): ringkasan dan tabel transaksi */
.finance-master-page{padding:24px 0 40px}
.fin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}
.fin-summary article{padding:18px;border:1px solid var(--line);border-top:4px solid var(--line);border-radius:14px;background:#fff}
.fin-summary article.is-in{border-top-color:var(--green)}
.fin-summary article.is-out{border-top-color:#b45309}
.fin-summary article.is-balance{border-top-color:#2563eb}
.fin-summary small{display:block;color:#818b82;font-size:11px;font-weight:700}
.fin-summary strong{display:block;margin-top:6px;font:800 22px 'Plus Jakarta Sans',sans-serif;color:var(--ink)}
.fin-summary span{display:block;margin-top:4px;color:#7a847b;font-size:12px}
.fin-table-card{margin-top:0}
.fin-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.fin-toolbar label{display:grid;gap:4px}
.fin-toolbar label span{color:#818b82;font-size:11px;font-weight:700}
.fin-search{flex:1 1 280px;max-width:420px}
.fin-search input{width:100%;box-sizing:border-box}
.fin-search input,.fin-limit select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;background:#fff}
.fin-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.fin-footer small{color:#7a847b;font-size:12px}
.fin-pager{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.fin-pager button{min-width:32px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer}
.fin-pager button[aria-current="page"]{background:var(--green);border-color:var(--green);color:#fff}
.fin-pager button:disabled{opacity:.45;cursor:default}
.fin-type{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.fin-type.is-in{background:#eef6ea;color:var(--green)}
.fin-type.is-out{background:#fff4e5;color:#b45309}
.fin-amount{font-weight:800;white-space:nowrap;text-align:right}
.fin-amount.is-in{color:var(--green)}
.fin-amount.is-out{color:#b45309}
@media(max-width:760px){
  .fin-summary{grid-template-columns:1fr}
  .fin-search{max-width:none}
}