/* 재무관리 › 카드이용내역 › 전체현황 › 카드 이용한도 (2026-10-15) — 카드사별 총 한도 + 카드별 한도·이용액·잔여한도. 색 = 테마 토큰만. */
.fcl { margin-bottom: 14px; display: flex; flex-direction: column; gap: 10px; }
.fcl-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.fcl-title { font-size: 13.5px; font-weight: 700; color: var(--ord-text); }
.fcl-note { font-size: 11px; color: var(--ord-text-4); }
.fcl-issuer { border: 1px solid var(--ord-line); border-radius: 10px; background: var(--ord-surface); overflow: hidden; }
.fcl-issuer-h { display: flex; align-items: center; gap: 6px 16px; flex-wrap: wrap; padding: 10px 14px; background: var(--ord-band); border-bottom: 1px solid var(--ord-line); }
.fcl-issuer-h > b { font-size: 13px; font-weight: 800; color: var(--ord-text); }
.fcl-sum { display: inline-flex; align-items: baseline; gap: 6px; font-size: 12px; }
.fcl-sum b { font-size: 13.5px; font-weight: 700; color: var(--ord-text); font-variant-numeric: tabular-nums; }
.fcl-k { font-size: 11px; color: var(--ord-text-4); }
.fcl-rem { color: var(--ord-tint-green-fg); }
.fcl-at { font-size: 11px; color: var(--ord-text-4); white-space: nowrap; }
.fcl-tw { overflow-x: auto; }
.fcl-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.fcl-table th { text-align: left; font-weight: 600; font-size: 11.5px; color: var(--ord-text-2); padding: 7px 12px; border-bottom: 1px solid var(--ord-line); white-space: nowrap; }
.fcl-table td { padding: 8px 12px; border-bottom: 1px solid var(--ord-line-soft); color: var(--ord-text); vertical-align: middle; }
.fcl-table tbody tr:last-child td { border-bottom: 0; }
.fcl-table .fcl-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fcl-table td.fcl-none { color: var(--ord-text-4); text-align: left; }
.fcl-table td.fcl-at { color: var(--ord-text-4); }
.fcl-mono { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11px; color: var(--ord-text-4); margin-left: 4px; }
.fcl-tag { font-size: 10px; padding: 1px 6px; border-radius: 8px; margin-left: 4px; color: var(--ord-tint-violet-fg); background: var(--ord-tint-violet-bg); }
/* 사용률 막대 */
.fcl-meter { display: inline-flex; align-items: center; gap: 6px; min-width: 110px; }
.fcl-meter-bar { flex: 1 1 auto; height: 6px; min-width: 60px; border-radius: 999px; background: var(--ord-line-soft); overflow: hidden; }
.fcl-meter-fill { display: block; height: 100%; border-radius: 999px; background: var(--ord-tint-green-fg); }
.fcl-meter.is-warn .fcl-meter-fill { background: var(--ord-tint-amber-fg); }
.fcl-meter.is-bad .fcl-meter-fill { background: var(--ord-tint-red-fg); }
.fcl-meter-pct { font-size: 11px; font-weight: 700; color: var(--ord-text-3); font-variant-numeric: tabular-nums; min-width: 32px; text-align: right; }