/* Veri boyutu: giris + birim yan yana, gruplu sonuc tablosu (degere tiklayinca kopyalanir). */
.vb { display: grid; gap: 18px; }
.vb-bolum { display: grid; gap: 14px; }
.vb-giris-satir { display: grid; gap: 12px; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); max-width: 640px; }
.arac-panel .vb-giris-satir input[type=text] { font-size: 20px; font-weight: 650; font-variant-numeric: tabular-nums; }
.vb input[aria-invalid=true] { border-color: #f87171; }
.vb-tablo th[scope=row] { width: 42%; font-size: 13.5px; color: var(--text); background: transparent; letter-spacing: 0; font-weight: 600; }
.vb-tablo tr.vb-grup th { font-size: 12px; color: var(--muted); background: var(--surface2); }
.vb-tablo tr.vb-secili td, .vb-tablo tr.vb-secili th[scope=row] { background: color-mix(in srgb, var(--accent) 9%, transparent); }
.vb-tablo td { padding-top: 6px; padding-bottom: 6px; }
.vb-ipucu { font-weight: 400; color: var(--muted); }
.vb-deger {
  padding: 4px 8px; margin-left: -8px; border-radius: 6px; background: transparent; color: var(--text);
  font: inherit; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: left; overflow-wrap: anywhere; cursor: pointer;
}
.vb-deger:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
.vb-neden { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
.vb-neden .arac-panel-baslik { margin: 0; font-size: 16px; }
.vb-neden p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--muted); }
.vb-neden .vb-dinamik { color: var(--text); }
.vb-neden .vb-dinamik:empty { display: none; }
#vb-bant-bolum > .arac-panel-baslik { margin: 6px 0 0; font-size: 17px; }
#vb-sure { font-size: 26px; }
@media (max-width: 480px) { .vb-giris-satir { grid-template-columns: minmax(0, 1fr); } }