.fin19-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 10px;
}
.fin19-card {
  border: 1px solid var(--line, #c9d3d6);
  background: var(--surface, #fff);
  padding: 12px;
  border-radius: 4px;
}
.fin19-card small {
  display: block;
  color: var(--muted, #5e6a70);
  margin-bottom: 5px;
}
.fin19-card strong {
  font-family: var(--mono, monospace);
  font-variant-numeric: tabular-nums;
  font-size: 18px;
}
.fin19-import {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 2fr) auto;
  gap: 10px;
  align-items: end;
}
.fin19-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.fin19-positive { color: var(--ok, #1f7a4d); }
.fin19-negative { color: var(--bad, #b3261e); }
.fin19-help {
  color: var(--muted, #5e6a70);
  font-size: 12px;
  margin: 8px 0;
}
@media (max-width: 900px) {
  .fin19-grid, .fin19-flow { grid-template-columns: 1fr 1fr; }
  .fin19-import { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .fin19-grid, .fin19-flow { grid-template-columns: 1fr; }
}