/* Build 006F.2 — Final Interaction & Finance Flow */

.finance-metrics{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.finance-current-metric[data-tone="ok"]{
  border-color:color-mix(in srgb,var(--accent) 34%,var(--border));
}

.finance-current-metric[data-tone="warn"]{
  border-color:color-mix(in srgb,#d6a92c 58%,var(--border));
}

.finance-current-metric[data-tone="danger"]{
  border-color:color-mix(in srgb,#d96565 62%,var(--border));
}

#financeCurrentBreakdown{
  display:grid;
  gap:10px;
}

#financeCurrentBreakdown>div{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:11px 0;
  border-bottom:1px solid var(--border);
}

#financeCurrentBreakdown .finance-current-total{
  margin-top:4px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));
  border-radius:14px;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface));
}

#runTests{
  pointer-events:auto!important;
  position:relative;
  z-index:5;
}

@media(max-width:1200px){
  .finance-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .finance-metrics{
    grid-template-columns:1fr;
  }
}