/*
  Bank match's own styles, 2026-11-03. MINE, composed: ZEEKR Training's app.css has no summary-figure or file-picker style. Built only from its tokens (type scale, spacing, colours, radius) so it reads as the same system.
*/

.bm-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--s-4); margin: var(--s-5) 0 var(--s-6); }
.bm-figure { display: flex; flex-direction: column; gap: var(--s-1); padding: var(--s-5); border-radius: 16px; background: var(--c-panel); }
.bm-big { font-family: "Zeekr Headline", sans-serif; font-weight: 300; font-size: 44px; line-height: 1; color: var(--c-black); font-variant-numeric: tabular-nums; }
.bm-label { font-size: var(--fs-small); color: var(--c-muted); }

.file-pick { display: block; width: 100%; max-width: 520px; padding: var(--s-3); border: 1.5px dashed var(--c-silver); border-radius: 12px; background: var(--c-white); font: inherit; font-size: var(--fs-small); color: var(--c-charcoal); cursor: pointer; }
.file-pick:hover, .file-pick:focus-visible { border-color: var(--c-charcoal); }
.file-pick::file-selector-button { margin-right: var(--s-3); padding: 8px 16px; border: 0; border-radius: 999px; background: var(--c-charcoal); color: var(--c-white); font: inherit; cursor: pointer; }