.bcv-wrap{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#111827;
}
.bcv-grid{display:grid;gap:16px}
.bcv-top{grid-template-columns:repeat(3,minmax(0,1fr))}
.bcv-bottom{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
@media (max-width: 980px){
  .bcv-top{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .bcv-bottom{grid-template-columns:1fr}
}

.bcv-card{
  background:#f2f2f2;
  border-radius:10px;
  padding:14px;
}
.bcv-card > .bcv-card-head{
  background:#fff;
  border-radius:10px;
  padding:12px 12px;
}
.bcv-card-body{
  margin-top:12px;
  background:#fff;
  border-radius:10px;
  padding:12px;
}

.bcv-title{font-weight:800;font-size:16px}
.bcv-desc{font-size:13px;color:#6b7280;margin-top:4px}
.bcv-title-sm{font-weight:800;font-size:14px}
.bcv-desc-sm{font-size:12px;color:#6b7280;margin-top:2px}
.bcv-muted{font-size:12px;color:#6b7280;margin-top:10px}

.bcv-field{margin-bottom:12px}
.bcv-field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}
.bcv-input{
  width:100%;
  border:0;
  outline:none;
  background:#f9f9f9;
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}
.bcv-help{font-size:12px;color:#6b7280;margin-top:6px}

.bcv-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.bcv-btn{
  border:0;
  border-radius:10px;
  padding:10px 12px;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
}
.bcv-btn-primary{background:#086ad8;color:#fff}
.bcv-btn-secondary{background:#e97023;color:#fff}

.bcv-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width: 980px){ .bcv-metrics{grid-template-columns:1fr} }
.bcv-metric,.bcv-stress-item{
  background:#f9f9f9;
  border-radius:10px;
  padding:10px 12px;
}
.bcv-k{font-size:12px;color:#6b7280;font-weight:700}
.bcv-v{font-size:18px;font-weight:900;margin-top:2px}

.bcv-divider{height:1px;background:rgba(0,0,0,.06);margin:14px 0}

.bcv-stress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width: 980px){ .bcv-stress-grid{grid-template-columns:1fr} }

.bcv-notice{
  background:#fff3cd;
  color:#1f2937;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.08);
}

/* --- Upfront Costs UI (v1.1.0) --- */
.bcv-costs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width: 980px){ .bcv-costs-grid{grid-template-columns:1fr} }
.bcv-cost-item{background:#f9f9f9;border-radius:10px;padding:10px 12px}
.bcv-v-sm{font-size:16px}
.bcv-total-box{background:#f9f9f9}

/* --- VAT toggle (v1.2.3) --- */
.bcv-vat-toggle{background:#f9f9f9;border-radius:10px;padding:10px 12px;margin-bottom:12px}
.bcv-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.bcv-checkbox{width:16px;height:16px;border-radius:4px}
.bcv-toggle-text{font-weight:800;font-size:13px;color:#111827}

/* --- Charts (v1.3.0) --- */
.bcv-chart-wrap{background:#f9f9f9;border-radius:10px;padding:12px}
.bcv-chart{width:100%;height:auto;display:block}
.bcv-legend{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:10px}
.bcv-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;font-weight:700}
.bcv-dot{width:10px;height:10px;border-radius:999px;display:inline-block}
.bcv-dot-blue{background:#086ad8}
.bcv-dot-gray{background:#9ca3af}
.bcv-dot-amber{background:#f59e0b}
.bcv-dot-orange{background:#e97023}

/* --- Amortisation Snapshot (v1.6.0) --- */
.bcv-snap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.bcv-snap-item{background:#f9f9f9;border-radius:10px;padding:10px 12px}
.bcv-snap-wide{grid-column:1 / -1}
@media (max-width: 980px){ .bcv-snap-grid{grid-template-columns:1fr} }