/* ================= 6. Bileşenler: yalnız token (Bootstrap değişkenleri yeniden bağlanır) ================= */
.btn { --bs-btn-font-family: var(--vc-font-body); --bs-btn-font-weight: var(--vc-weight-medium); --bs-btn-font-size: var(--vc-text-sm); --bs-btn-border-radius: var(--vc-radius-md); --bs-btn-padding-x: var(--vc-space-4); --bs-btn-padding-y: var(--vc-space-2); display: inline-flex; align-items: center; justify-content: center; gap: var(--vc-space-2); transition: background-color var(--vc-motion-fast), border-color var(--vc-motion-fast); }
.btn-sm { --bs-btn-padding-x: var(--vc-space-3); --bs-btn-padding-y: var(--vc-space-1); --bs-btn-font-size: var(--vc-text-xs); }
.btn-primary { --bs-btn-color: var(--vc-accent-ink); --bs-btn-bg: var(--vc-accent); --bs-btn-border-color: var(--vc-accent); --bs-btn-hover-color: var(--vc-accent-ink); --bs-btn-hover-bg: color-mix(in srgb, var(--vc-accent) 90%, white); --bs-btn-hover-border-color: color-mix(in srgb, var(--vc-accent) 90%, white); --bs-btn-active-color: var(--vc-accent-ink); --bs-btn-active-bg: color-mix(in srgb, var(--vc-accent) 82%, black); --bs-btn-active-border-color: color-mix(in srgb, var(--vc-accent) 82%, black); --bs-btn-disabled-color: var(--vc-accent-ink); --bs-btn-disabled-bg: var(--vc-accent); --bs-btn-disabled-border-color: var(--vc-accent); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); }
.btn-secondary { --bs-btn-color: var(--vc-text); --bs-btn-bg: var(--vc-surface); --bs-btn-border-color: var(--vc-border-strong); --bs-btn-hover-color: var(--vc-text); --bs-btn-hover-bg: var(--vc-surface-sunken); --bs-btn-hover-border-color: var(--vc-border-strong); --bs-btn-active-color: var(--vc-text); --bs-btn-active-bg: var(--vc-surface-sunken); --bs-btn-active-border-color: var(--vc-border-strong); --bs-btn-disabled-color: var(--vc-text); --bs-btn-disabled-bg: var(--vc-surface); --bs-btn-disabled-border-color: var(--vc-border-strong); --bs-btn-focus-shadow-rgb: var(--bs-body-color-rgb); }
.btn-danger { --bs-btn-color: var(--vc-danger); --bs-btn-bg: var(--vc-danger-bg); --bs-btn-border-color: var(--vc-danger); --bs-btn-hover-color: var(--vc-danger); --bs-btn-hover-bg: color-mix(in srgb, var(--vc-danger-bg) 85%, var(--vc-danger)); --bs-btn-hover-border-color: var(--vc-danger); --bs-btn-active-color: var(--vc-danger); --bs-btn-active-bg: color-mix(in srgb, var(--vc-danger-bg) 75%, var(--vc-danger)); --bs-btn-active-border-color: var(--vc-danger); --bs-btn-disabled-color: var(--vc-danger); --bs-btn-disabled-bg: var(--vc-danger-bg); --bs-btn-disabled-border-color: var(--vc-danger); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); }
.btn-link { --bs-btn-color: var(--vc-link); --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-disabled-color: var(--vc-text-muted); text-decoration: none; }
.btn-link:hover { background: var(--vc-surface-sunken); }
.btn-on-brand { --bs-btn-color: var(--vc-brand-ink); --bs-btn-border-color: var(--vc-border-strong); --bs-btn-bg: transparent; --bs-btn-hover-color: var(--vc-brand-ink); --bs-btn-hover-bg: var(--vc-brand-hover); --bs-btn-hover-border-color: var(--vc-border-strong); --bs-btn-active-color: var(--vc-brand-ink); --bs-btn-active-bg: var(--vc-brand-hover); }
.vc-btn-icon { --bs-btn-padding-x: 0; --bs-btn-padding-y: 0; --bs-btn-color: var(--vc-text-muted); --bs-btn-border-color: transparent; --bs-btn-bg: transparent; --bs-btn-hover-color: var(--vc-text); --bs-btn-hover-bg: var(--vc-surface-sunken); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--vc-text); --bs-btn-active-bg: var(--vc-surface-sunken); --bs-btn-active-border-color: transparent; position: relative; width: var(--vc-size-2); height: var(--vc-size-2); }
[data-vc-tooltip]:hover::after, [data-vc-tooltip]:focus-visible::after { content: attr(data-vc-tooltip); position: absolute; bottom: calc(100% + var(--vc-space-2)); left: 50%; transform: translateX(-50%); background: var(--vc-brand); color: var(--vc-brand-ink); font: var(--vc-weight-medium) var(--vc-text-xs) var(--vc-font-body); padding: var(--vc-space-1) var(--vc-space-2); border-radius: var(--vc-radius-sm); white-space: nowrap; z-index: calc(var(--vc-z-header) + 20); pointer-events: none; }

.form-label { font-weight: var(--vc-weight-medium); font-size: var(--vc-text-sm); margin-bottom: var(--vc-space-1); }
.form-control, .form-select, .input-group-text { background-color: var(--vc-surface); color: var(--vc-text); border-color: var(--vc-border-strong); font-size: var(--vc-text-md); }
.input-group-text { color: var(--vc-text-muted); background-color: var(--vc-surface-sunken); }
.form-control:focus, .form-select:focus { background-color: var(--vc-surface); color: var(--vc-text); border-color: var(--vc-focus); box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color); }
.form-control::placeholder { color: var(--vc-text-muted); opacity: 0.8; }
.form-control.is-invalid, .form-select.is-invalid { border-color: var(--vc-danger); background-image: none; padding-right: var(--vc-space-3); }
.form-control.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); }
.invalid-feedback { color: var(--vc-danger); font-size: var(--vc-text-xs); }
.form-text { color: var(--vc-text-muted); font-size: var(--vc-text-xs); }
.form-check-input { background-color: var(--vc-surface); border-color: var(--vc-border-strong); }
.form-check-input:checked, .form-check-input[type="checkbox"]:indeterminate { background-color: var(--vc-control-on); border-color: var(--vc-control-on); }
.form-check-input:focus { border-color: var(--vc-focus); box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color); }
.vc-field { display: grid; gap: var(--vc-space-1); }
.vc-field__meta { display: flex; justify-content: space-between; gap: var(--vc-space-3); min-height: var(--vc-size-1); }
.vc-counter { font-family: var(--vc-font-mono); font-size: var(--vc-text-xs); color: var(--vc-text-muted); margin-left: auto; white-space: nowrap; }
.vc-counter[data-near="true"] { color: var(--vc-warning); }

.card { --bs-card-bg: var(--vc-surface); --bs-card-border-color: var(--vc-border); --bs-card-cap-bg: var(--vc-surface); --bs-card-cap-padding-x: var(--vc-space-4); --bs-card-cap-padding-y: var(--vc-space-3); --bs-card-spacer-x: var(--vc-space-4); --bs-card-spacer-y: var(--vc-space-4); --bs-card-border-radius: var(--vc-radius-lg); --bs-card-inner-border-radius: calc(var(--vc-radius-lg) - var(--bs-border-width)); box-shadow: var(--bs-box-shadow-sm); }
.card-header { font-weight: var(--vc-weight-strong); display: flex; align-items: center; justify-content: space-between; gap: var(--vc-space-3); flex-wrap: wrap; }
.card-footer { --bs-card-cap-bg: var(--vc-surface-sunken); display: flex; justify-content: flex-end; gap: var(--vc-space-2); flex-wrap: wrap; }
.card-body + .card-body { border-top: var(--bs-border-width) solid var(--vc-border); }

.table { --bs-table-bg: transparent; --bs-table-color: var(--vc-text); --bs-table-border-color: var(--vc-border); --bs-table-striped-bg: var(--vc-surface-sunken); --bs-table-hover-bg: var(--vc-surface-sunken); --bs-table-hover-color: var(--vc-text); font-size: var(--vc-text-sm); margin-bottom: 0; }
/* Satır başlıkları (tbody/tfoot içindeki th) tarayıcı varsayılanı olan kalın (700) yerine 500 olur (A100: yalnız 400/500/600). */
.table > tbody > tr > th, .table > tfoot > tr > th { font-weight: var(--vc-weight-medium); }
.table > thead > tr > th { font-weight: var(--vc-weight-medium); color: var(--vc-text-muted); background: var(--vc-surface-sunken); white-space: nowrap; vertical-align: middle; }
.table td { vertical-align: middle; }
.table .is-num { text-align: right; font-variant-numeric: tabular-nums; }
.vc-tablewrap { position: relative; overflow-x: auto; }
.vc-tablewrap > .table { min-width: 48rem; }
/* Tablo hücresindeki girişler (vc-cell-input, A128): tutar ve oran kutuları dar ekranda kesilmesin diye en küçük genişlik token'dan türer. */
.vc-input-amount { min-width: calc(var(--vc-size-4) * 1.5); }
.vc-input-rate { min-width: var(--vc-size-4); }
.vc-sort { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: var(--vc-space-1); font: inherit; color: inherit; }
.vc-sort:focus-visible { outline: 0.1875rem solid var(--vc-focus); outline-offset: 0.125rem; }
.vc-sort[aria-sort] { color: var(--vc-text); }
progress.vc-meter { appearance: none; -webkit-appearance: none; display: block; width: 100%; height: var(--vc-space-2); border: 0; border-radius: var(--vc-radius-sm); overflow: hidden; background: var(--vc-surface-sunken); color: var(--vc-chart-1); }
progress.vc-meter::-webkit-progress-bar { background: var(--vc-surface-sunken); }
progress.vc-meter::-webkit-progress-value { background: var(--vc-chart-1); }
progress.vc-meter::-moz-progress-bar { background: var(--vc-chart-1); }
progress.vc-meter.is-warn::-webkit-progress-value { background: var(--vc-warning); }
progress.vc-meter.is-warn::-moz-progress-bar { background: var(--vc-warning); }

.pagination { --bs-pagination-color: var(--vc-text); --bs-pagination-bg: transparent; --bs-pagination-border-color: transparent; --bs-pagination-hover-color: var(--vc-text); --bs-pagination-hover-bg: var(--vc-surface-sunken); --bs-pagination-hover-border-color: transparent; --bs-pagination-focus-color: var(--vc-text); --bs-pagination-focus-bg: var(--vc-surface-sunken); --bs-pagination-active-color: var(--vc-accent-ink); --bs-pagination-active-bg: var(--vc-accent); --bs-pagination-active-border-color: var(--vc-accent); --bs-pagination-disabled-color: var(--vc-text-muted); --bs-pagination-disabled-bg: transparent; --bs-pagination-disabled-border-color: transparent; --bs-pagination-border-radius: var(--vc-radius-md); gap: var(--vc-space-1); margin: 0; }
.page-link { border-radius: var(--vc-radius-md) !important; font-size: var(--vc-text-sm); }
.vc-pager { display: flex; flex-wrap: wrap; gap: var(--vc-space-3); align-items: center; justify-content: space-between; padding: var(--vc-space-3) var(--vc-space-4); font-size: var(--vc-text-sm); color: var(--vc-text-muted); border-top: var(--bs-border-width) solid var(--vc-border); }

.badge { font-weight: var(--vc-weight-medium); font-size: var(--vc-text-xs); border-radius: 999px; padding: var(--vc-space-1) var(--vc-space-2); }
.badge.vc-soft.text-bg-success { color: var(--vc-success) !important; background-color: var(--vc-success-bg) !important; }
.badge.vc-soft.text-bg-warning { color: var(--vc-warning) !important; background-color: var(--vc-warning-bg) !important; }
.badge.vc-soft.text-bg-danger { color: var(--vc-danger) !important; background-color: var(--vc-danger-bg) !important; }
.badge.vc-soft.text-bg-info { color: var(--vc-info) !important; background-color: var(--vc-info-bg) !important; }
.badge.vc-soft.text-bg-secondary { color: var(--vc-text-muted) !important; background-color: var(--vc-surface-sunken) !important; }
.vc-badge-count { background: var(--vc-accent); color: var(--vc-accent-ink); }

.nav-tabs { --bs-nav-tabs-border-color: var(--vc-border); --bs-nav-tabs-link-hover-border-color: var(--vc-border) var(--vc-border) var(--vc-border); --bs-nav-tabs-link-active-color: var(--vc-text); --bs-nav-tabs-link-active-bg: var(--vc-surface); --bs-nav-tabs-link-active-border-color: var(--vc-border) var(--vc-border) var(--vc-surface); --bs-nav-link-color: var(--vc-text-muted); --bs-nav-link-hover-color: var(--vc-text); --bs-nav-link-font-weight: var(--vc-weight-medium); --bs-nav-link-font-size: var(--vc-text-sm); }
.tab-content { padding-top: var(--vc-space-4); }

.alert { --bs-alert-border-radius: var(--vc-radius-md); --bs-alert-padding-x: var(--vc-space-4); --bs-alert-padding-y: var(--vc-space-3); display: flex; gap: var(--vc-space-3); align-items: flex-start; font-size: var(--vc-text-sm); margin-bottom: 0; }
.alert-heading { font-weight: var(--vc-weight-strong); color: inherit; font-size: var(--vc-text-sm); margin: 0; font-family: var(--vc-font-body); }
.vc-banner { display: flex; align-items: center; gap: var(--vc-space-3); flex-wrap: wrap; padding: var(--vc-space-3) var(--vc-space-4); border: var(--bs-border-width) solid var(--bs-warning-border-subtle); background: var(--bs-warning-bg-subtle); color: var(--bs-warning-text-emphasis); border-radius: var(--vc-radius-md); font-size: var(--vc-text-sm); }
.vc-banner__text { flex: 1 1 var(--vc-size-6); }

.toast { --bs-toast-bg: var(--vc-surface); --bs-toast-color: var(--vc-text); --bs-toast-border-color: var(--vc-border); --bs-toast-border-radius: var(--vc-radius-md); --bs-toast-padding-x: var(--vc-space-3); --bs-toast-padding-y: var(--vc-space-3); --bs-toast-font-size: var(--vc-text-sm); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-max-width: var(--vc-size-7); width: min(var(--vc-size-7), 100%); border-left: var(--vc-space-1) solid var(--vc-info); display: flex; gap: var(--vc-space-2); align-items: flex-start; }
.toast.vc-success { border-left-color: var(--vc-success); } .toast.vc-warning { border-left-color: var(--vc-warning); } .toast.vc-error { border-left-color: var(--vc-danger); }
.vc-toasts { position: fixed; right: max(var(--vc-space-4), env(safe-area-inset-right, 0px)); bottom: max(var(--vc-space-4), env(safe-area-inset-bottom, 0px)); display: grid; gap: var(--vc-space-2); z-index: calc(var(--vc-z-header) + 60); }

.dropdown-menu { --bs-dropdown-bg: var(--vc-surface); --bs-dropdown-color: var(--vc-text); --bs-dropdown-border-color: var(--vc-border); --bs-dropdown-link-color: var(--vc-text); --bs-dropdown-link-hover-bg: var(--vc-surface-sunken); --bs-dropdown-link-hover-color: var(--vc-text); --bs-dropdown-link-active-bg: var(--vc-surface-sunken); --bs-dropdown-link-active-color: var(--vc-text); --bs-dropdown-border-radius: var(--vc-radius-md); --bs-dropdown-font-size: var(--vc-text-sm); --bs-dropdown-divider-bg: var(--vc-border); --bs-dropdown-header-color: var(--vc-text-muted); box-shadow: var(--bs-box-shadow); }
.dropdown-item { display: flex; align-items: center; gap: var(--vc-space-2); }
.list-group { --bs-list-group-bg: transparent; --bs-list-group-color: var(--vc-text); --bs-list-group-border-color: var(--vc-border); --bs-list-group-action-hover-bg: var(--vc-surface-sunken); font-size: var(--vc-text-sm); }
.placeholder { background-color: var(--vc-surface-sunken); opacity: 1; border-radius: var(--vc-radius-sm); }
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary { --bs-btn-active-bg: var(--vc-accent); --bs-btn-active-color: var(--vc-accent-ink); --bs-btn-active-border-color: var(--vc-accent); background: var(--vc-accent); color: var(--vc-accent-ink); border-color: var(--vc-accent); }
.btn-outline-secondary { --bs-btn-color: var(--vc-text); --bs-btn-border-color: var(--vc-border-strong); --bs-btn-hover-color: var(--vc-text); --bs-btn-hover-bg: var(--vc-surface-sunken); --bs-btn-hover-border-color: var(--vc-border-strong); --bs-btn-disabled-color: var(--vc-text-muted); --bs-btn-disabled-border-color: var(--vc-border); }
.btn-check:disabled + .btn-outline-secondary { text-decoration: line-through; }

dialog.vc-dialog { border: var(--bs-border-width) solid var(--vc-border); border-radius: var(--vc-radius-lg); padding: 0; background: var(--vc-surface); color: var(--vc-text); width: min(var(--vc-size-8), calc(100% - var(--vc-space-6))); box-shadow: var(--bs-box-shadow-lg); }
dialog.vc-dialog::backdrop { background: var(--vc-scrim); }
/* Görsel önizleme (A142): tam ekran yerel <dialog>, her iki temada koyu (data-bs-theme="dark"); görsel alana sığdırılır. */
dialog.vc-lightbox { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: var(--vc-surface-sunken); color: var(--vc-text); }
dialog.vc-lightbox[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
dialog.vc-lightbox::backdrop { background: var(--vc-scrim); }
.vc-lightbox__bar, .vc-lightbox__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--vc-space-3); padding: var(--vc-space-2) var(--vc-space-3); }
.vc-lightbox__bar { border-bottom: var(--bs-border-width) solid var(--vc-border); }
.vc-lightbox__foot { border-top: var(--bs-border-width) solid var(--vc-border); }
.vc-lightbox__title, .vc-lightbox__info { min-width: 0; }
.vc-lightbox__stage { position: relative; min-height: 0; }
.vc-lightbox__img { position: absolute; inset: 0; width: 100%; height: 100%; padding: var(--vc-space-3); object-fit: contain; }
/* Marka görseli satırı (A142, Ayarlar): küçük görünüm, açıklama, işlemler; dar ekranda alt alta. */
/* Fatura ve makbuz logosu (A145): A4 kâğıdında düzenleyen adının üstünde; en-boy oranı korunur. */
.vc-paper-logo { display: block; height: var(--vc-size-4); width: auto; }
.vc-brand-row { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--vc-space-3); }
.vc-brand-thumb { display: grid; place-items: center; width: var(--vc-size-5); border: var(--bs-border-width) solid var(--vc-border); border-radius: var(--vc-radius-md); background: var(--vc-logo-plate); overflow: hidden; }
.vc-brand-thumb img { display: block; max-width: 100%; height: auto; }
.vc-brand-thumb--logo { padding: var(--vc-space-2); }
.vc-brand-thumb--icon { width: var(--vc-size-4); height: var(--vc-size-4); }
.vc-brand-preview { max-width: var(--vc-size-5); max-height: var(--vc-size-4); width: auto; height: auto; background: var(--vc-logo-plate); }
@media (min-width: 768px) {
  .vc-brand-row { grid-template-columns: var(--vc-size-5) minmax(0, 1fr) auto; }
  .vc-brand-row__actions { flex-direction: column; }
}

.vc-feed { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vc-space-3); font-size: var(--vc-text-sm); }
.vc-feed li { display: grid; grid-template-columns: auto 1fr auto; gap: var(--vc-space-3); align-items: start; }
.vc-feed__dot { width: var(--vc-space-2); height: var(--vc-space-2); border-radius: 50%; margin-top: var(--vc-space-2); background: var(--vc-chart-1); }
.vc-feed time { color: var(--vc-text-muted); font-size: var(--vc-text-xs); font-family: var(--vc-font-mono); }
.vc-stat { display: grid; gap: var(--vc-space-1); align-content: start; }
.vc-stat > .badge { justify-self: start; }
.vc-stat, .vc-stat > *, .vc-chart, .card, .card-body, .vc-dash > * { min-width: 0; }
.vc-stat__label { color: var(--vc-text-muted); font-size: var(--vc-text-sm); }
.vc-stat__value { font-family: var(--vc-font-display); font-size: var(--vc-text-2xl); font-weight: var(--vc-weight-strong); line-height: 1.1; }
.vc-empty { display: grid; justify-items: center; gap: var(--vc-space-2); padding: var(--vc-space-6) var(--vc-space-4); text-align: center; color: var(--vc-text-muted); }
.vc-swatch { display: grid; gap: var(--vc-space-1); font-size: var(--vc-text-xs); }
.sw-bg { background: var(--bs-body-bg); } .sw-surface { background: var(--vc-surface); } .sw-sunken { background: var(--vc-surface-sunken); } .sw-brand { background: var(--vc-brand); } .sw-accent { background: var(--vc-accent); } .sw-link { background: var(--vc-link); }
.sw-success { background: var(--vc-success); } .sw-warning { background: var(--vc-warning); } .sw-danger { background: var(--vc-danger); } .sw-info { background: var(--vc-info); }
.sw-c1 { background: var(--vc-chart-1); } .sw-c2 { background: var(--vc-chart-2); } .sw-c3 { background: var(--vc-chart-3); } .sw-c4 { background: var(--vc-chart-4); } .sw-c5 { background: var(--vc-chart-5); }
.vc-feed__dot.dot-2 { background: var(--vc-chart-2); } .vc-feed__dot.dot-3 { background: var(--vc-chart-3); } .vc-feed__dot.dot-5 { background: var(--vc-chart-5); }
.vc-space-demo i { display: inline-block; background: var(--vc-chart-1); } .sp-1 { width: var(--vc-space-1); height: var(--vc-space-1); } .sp-2 { width: var(--vc-space-2); height: var(--vc-space-2); } .sp-4 { width: var(--vc-space-4); height: var(--vc-space-4); } .sp-5 { width: var(--vc-space-5); height: var(--vc-space-5); } .sp-6 { width: var(--vc-space-6); height: var(--vc-space-6); }
.vc-box { display: grid; place-items: center; width: var(--vc-size-4); height: var(--vc-size-3); border: var(--bs-border-width) solid var(--vc-border-strong); font-size: var(--vc-text-xs); background: var(--vc-surface); }
.r-sm { border-radius: var(--vc-radius-sm); } .r-md { border-radius: var(--vc-radius-md); } .r-lg { border-radius: var(--vc-radius-lg); } .sh-1 { box-shadow: var(--bs-box-shadow-sm); } .sh-2 { box-shadow: var(--bs-box-shadow); } .sh-3 { box-shadow: var(--bs-box-shadow-lg); }
.vc-swatch i { display: block; height: var(--vc-size-3); border-radius: var(--vc-radius-md); border: var(--bs-border-width) solid var(--vc-border-strong); }
.vc-slotrow { display: flex; align-items: center; gap: var(--vc-space-3); flex-wrap: wrap; }
.vc-slotrow__name { font-family: var(--vc-font-mono); font-size: var(--vc-text-sm); color: var(--vc-text-muted); min-width: var(--vc-size-4); }
.vc-preview { display: grid; place-items: center; min-height: var(--vc-size-5); border: var(--bs-border-width) dashed var(--vc-border-strong); border-radius: var(--vc-radius-md); color: var(--vc-text-muted); background: var(--vc-surface-sunken); overflow: hidden; }
.vc-preview img { max-width: 100%; max-height: var(--vc-size-6); }
.vc-lens { cursor: zoom-in; }
.vc-chart { position: relative; height: var(--vc-chart-h); overflow: hidden; }
.vc-chart > canvas { position: absolute; inset: 0; }
.vc-chart--spark { height: var(--vc-chart-h-sm); }

/* Sürükle-bırak (S8 2a, ui/drag.js): sürüklenen öğe soluk, bırakılabilecek yer kesikli çerçeveli. */
[data-vc-drag] { cursor: grab; }
.vc-dragging { opacity: 0.5; }
.vc-drop-active { outline: 0.125rem dashed var(--vc-accent); outline-offset: 0.125rem; }
/* Yayın takvimi (S8 2a): yedi gün eşit genişlikte; içerik hücrede kalır, sütunu itmez. */
.vc-calendar { table-layout: fixed; }
.vc-calendar td { height: var(--vc-size-4); }

/* Hat panosu (S5a, A133): aşama sütunları yatay kayar, sayfa kaymaz; sütun kart değildir, içindeki lead kartı tek seviyedir. */
.vc-board { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--vc-size-6), 1fr); gap: var(--vc-space-3); overflow-x: auto; align-items: start; padding-bottom: var(--vc-space-2); scroll-snap-type: x proximity; }
.vc-board__col { display: grid; gap: var(--vc-space-2); align-content: start; padding: var(--vc-space-3); border-radius: var(--vc-radius-lg); background: var(--vc-surface-sunken); scroll-snap-align: start; min-height: var(--vc-size-5); }
.vc-board__col > header { display: flex; justify-content: space-between; align-items: center; gap: var(--vc-space-2); }

/* Kod ve JSON bloğu (S6a, A136): uzun yük ve anahtarlar satır kırarak sarılır, sayfa yatay taşmaz. */
.vc-code { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--bs-tertiary-bg); }