/* static/css/finance-bank.css — 재무 > 통장 내역 탭 (#bkPanel). 틀은 재무상태표(#bsPanel)와 같다. */
#bkPanel .bk-head h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:2px 0 6px;color:var(--ink,#1A1D21)}
#bkPanel .bk-sub{font-size:13px;color:var(--muted,#79818B);margin:0 0 14px}
#bkPanel .bk-months{display:flex;flex-wrap:wrap;gap:4px;padding:3px;margin:0 0 16px;background:var(--surface-2,#F1F3F5);
  border-radius:999px;width:fit-content;max-width:100%}
#bkPanel .bk-month{border:0;background:transparent;cursor:pointer;padding:7px 16px;border-radius:999px;
  font-size:13px;font-weight:600;color:var(--muted,#79818B);font-family:inherit}
#bkPanel .bk-month.is-active{background:#fff;color:var(--brand-ink,#2E3A30);box-shadow:0 1px 2px rgba(16,24,40,.06)}
#bkPanel .bk-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
#bkPanel .bk-kpi{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);padding:16px}
#bkPanel .bk-kpi i{display:block;font-size:12px;color:var(--muted,#79818B);font-style:normal;margin-bottom:6px}
#bkPanel .bk-kpi b{display:block;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink,#1A1D21)}
#bkPanel .bk-kpi em{display:block;font-size:12px;font-style:normal;color:var(--muted,#79818B);margin-top:4px}
#bkPanel .bk-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
#bkPanel .bk-kind{display:inline-flex;gap:4px;padding:3px;background:var(--surface-2,#F1F3F5);border-radius:999px}
#bkPanel .bk-kind button{border:0;background:transparent;cursor:pointer;padding:7px 20px;border-radius:999px;
  font-size:13px;font-weight:600;color:var(--muted,#79818B);font-family:inherit}
#bkPanel .bk-kind button.is-active{background:#fff;color:var(--brand-ink,#2E3A30);box-shadow:0 1px 2px rgba(16,24,40,.06)}
#bkPanel .bk-search{font:inherit;font-size:13px;padding:8px 12px;border:1px solid #D6DAE0;border-radius:10px;
  width:240px;max-width:100%;background:#fff;color:var(--ink,#1A1D21)}
#bkPanel .bk-note{font-size:12.5px;color:#C1653A;margin:6px 2px}
#bkPanel .bk-h3{font-size:14px;font-weight:700;color:var(--ink,#1A1D21);margin:18px 2px 8px}
#bkPanel .bk-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
#bkPanel .bk-count{font-size:12.5px;color:var(--muted,#79818B);font-variant-numeric:tabular-nums}
#bkPanel .bk-tbl-wrap{overflow-x:auto;background:#fff;border-radius:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)}
#bkPanel .bk-tbl{width:100%;border-collapse:collapse;font-size:13px}
#bkPanel .bk-tbl th{font-size:11px;font-weight:700;color:var(--muted,#79818B);padding:10px;border-bottom:1px solid #D6DAE0;text-align:left;white-space:nowrap}
#bkPanel .bk-tbl th.num{text-align:right}
#bkPanel .bk-tbl td{padding:8px 10px;border-bottom:1px solid #ECEEF1;vertical-align:middle;white-space:nowrap}
#bkPanel .bk-tbl td.num{text-align:right;font-variant-numeric:tabular-nums}
#bkPanel .bk-tbl tfoot td{font-weight:800;border-top:2px solid #D6DAE0;background:#FAFBFC}
#bkPanel .bk-dt{font-variant-numeric:tabular-nums;color:var(--ink2,#4A5159)}
#bkPanel .bk-click{cursor:pointer}
#bkPanel .bk-click:hover td{background:#F6F8F6}
#bkPanel .bk-click.is-on td{background:#EEF3EF;font-weight:700}
#bkPanel .bk-chip{margin-left:8px;border:1px solid #D6DAE0;background:#fff;border-radius:999px;padding:3px 10px;
  font:inherit;font-size:12px;font-weight:600;color:var(--brand-ink,#2E3A30);cursor:pointer;vertical-align:middle}
#bkPanel .bk-muted{color:var(--muted,#79818B)}
#bkPanel .bk-empty{padding:40px;text-align:center;color:var(--muted,#79818B)}
#bkPanel .bk-empty-row{text-align:center;color:var(--muted,#79818B);padding:24px}
@media (max-width:640px){
  #bkPanel .bk-kpis{grid-template-columns:1fr}
  #bkPanel .bk-search{width:100%}
}