/* Yol masrafı hesaplayıcı (UYG 99, 0.3.10) — yalnız tema değişkenleri kullanılır. */
.ym-alan { margin: 8px 0; }
.ym-kutu { position: relative; display: flex; align-items: center; }
.ym-kutu .ym-gir { font-size: 18px; font-weight: 600; padding: 11px 92px 11px 14px; min-height: 48px; }
.ym-ek { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 14px; pointer-events: none; white-space: nowrap; }
.ym-gir[aria-invalid="true"] { border-color: var(--tx); border-width: 2px; padding-left: 13px; }
.ym-uyari { color: var(--tx); font-weight: 600; min-height: 0; }
.ym-uyari:empty { display: none; }
.ym-uyari:not(:empty)::before { content: '⚠ '; }
.ym-secimler, .ym-bicim { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 4px; }
.ym-secimler .secim, .ym-bicim .secim { min-height: 44px; flex: 1 1 auto; font: inherit; font-size: 15px; }
.ym-bicim { margin-top: 10px; }
.ym-karsilik, .ym-hatirla { margin: 2px 0 0; }
.ym-karsilik:empty { display: none; }
.ym-istege { font-weight: 400; }
.ym-anahtar { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; margin-top: 6px;
  padding: 6px 0; border: 0; border-top: 1px solid var(--ln); background: none; color: var(--tx); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.ym-anahtar-ad { flex: 1; min-width: 0; }
.ym-tus { flex: none; position: relative; width: 50px; height: 30px; border-radius: 999px; background: var(--ln); border: 1px solid var(--ln); box-sizing: border-box; transition: background .15s; }
.ym-tus::after { content: ''; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 50%; background: var(--sf); box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s; }
.ym-anahtar[aria-checked="true"] .ym-tus { background: var(--ac); border-color: var(--ac); }
.ym-anahtar[aria-checked="true"] .ym-tus::after { transform: translateX(20px); background: var(--onac); }
.ym-kisi { display: flex; align-items: center; justify-content: center; gap: 18px; }
.ym-kd { width: 52px; height: 52px; padding: 0; font-size: 24px; line-height: 1; display: grid; place-items: center; }
.ym-kd:disabled { opacity: .4; cursor: default; }
.ym-kisi-n { min-width: 48px; text-align: center; font-size: 28px; font-weight: 700; }
.ym-toplam { display: flex; flex-direction: column; gap: 2px; }
.ym-buyuk { font-size: 30px; font-weight: 700; overflow-wrap: anywhere; }
.ym-kisi-sonuc { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ln); }
.ym-buyuk2 { font-size: 22px; font-weight: 700; overflow-wrap: anywhere; }
.ym-kalan { margin: 4px 0 0; }
.ym-ayrinti { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--ln); }
.ym-ayrinti .sayi { overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) { .ym-tus, .ym-tus::after { transition: none; } }