/* Panel temel stilleri (Vantage v4). Kabuk, belirtec, dugme, rozet, tablo ve tipografi @vantage/ui'dan (ui.css) gelir; renk yalniz --vt-* belirteci.
   Eski (v3) sinif artiklari kaldirildi: yalniz kodda kullanilan secicilerin kaldigi grep ile dogrulandi. */
button, select, textarea, input { font: inherit; color: var(--vt-text); background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-r-md); min-height: 2rem; }
button { padding: .125rem .75rem; cursor: pointer; touch-action: manipulation; }
button:hover:not(:disabled) { background: var(--vt-surface-sunken); }
button:disabled { opacity: .55; cursor: not-allowed; }
button.primary { background: var(--vt-accent); color: var(--vt-on-accent); border-color: var(--vt-accent); font-weight: 600; }
button.primary:hover:not(:disabled) { background: var(--vt-accent-hover); }
.vt-btn { padding: 0 var(--vt-sp-3); min-height: 0; }
textarea { width: 100%; box-sizing: border-box; }
h1 { margin-block: 0 var(--vt-sp-4); }
h2 { margin-block: var(--vt-sp-5) var(--vt-sp-2); }
body > main { padding: var(--vt-sp-5) var(--vt-sp-4); max-width: 60rem; margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.muted { color: var(--vt-text-muted); }
.toast { position: fixed; inset-inline: 1rem; inset-block-end: 1rem; padding: 0; max-width: 40rem; }
.toast:not(:empty) { padding: .75rem 1rem; background: var(--vt-surface); border: 2px solid var(--vt-accent); border-radius: var(--vt-r-lg); }
fieldset { border: 1px solid var(--vt-border); margin-block: 1rem; min-width: 0; }
html { scroll-padding-block-end: 5rem; }
main.auth { max-width: 28rem; margin-inline: auto; padding-block: 2rem; }
/* Mobil (375px): hicbir panel sayfasi yatay kaymasin. Uzun metin sarilir; sayfa ici genis ogeler kendi kapsayicisinda kayar. */
.vt-main { overflow-wrap: break-word; }
.vt-main img, .vt-main video, .vt-main svg { max-width: 100%; }
.vt-main pre { max-width: 100%; overflow-x: auto; }
.vt-main table { max-width: 100%; }
@media (max-width: 600px) {
  .toast { inset-inline: .5rem; }
  .vt-main input:not([type="checkbox"]):not([type="radio"]), .vt-main select, .vt-main textarea { max-width: 100%; box-sizing: border-box; }
}
.vt-error + .vt-actions { margin-block-start: var(--vt-sp-4); }