/* Kimlik fotokopisi düzeni — UYG 4. tur 28, 0.3.10 (23.10.2026; js/kimlik_fotokopi.js). Renkler tema değişkenlerinden;
   sabit renk yalnız kâğıt önizlemesinde (kâğıt beyazdır) ve tutamağın beyaz kenarında (fotoğraf üstünde görünsün diye). */
.kf-giris { margin: -6px 4px 12px; font-size: 14px; }
.kf-turler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 4px 0 8px; }
.kf-turler .secim { border-radius: 14px; padding: 8px 10px; line-height: 1.25; overflow-wrap: anywhere; }
.kf-turler .secim, .kf-dugmeler .secim, .kf-kopyalar .secim, .kart > .secimler .secim { min-height: 44px; font-size: 14.5px; font-weight: 600; }
.kf-kopyalar .secim { min-width: 52px; font-size: 16px; }
.kf-ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.kf-ikili .buyuk-dugme { max-width: none; }
.kf-alan { display: flex; flex-direction: column; gap: 4px; margin: 6px 0; min-width: 0; }
.kf-alan .arama { min-height: 48px; font-size: 17px; font-weight: 600; }
.kf-not { margin: 6px 4px 2px; }
.kart > .kf-not { margin: 6px 0 2px; }
.kf-olcu-bilgi { margin: 8px 0 4px; font-size: 15px; }
.kf-uyari-yazi { color: var(--p-kirmizi-yazi); font-size: 14px; margin: 8px 0 4px; }
.kf-satir { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 0; border-top: 1px solid var(--ln); }
.kf-satir-ad { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.kf-satir .anahtar { position: relative; }
.kf-satir .anahtar::before { content: ''; position: absolute; inset: -9px -4px; } /* dokunma alanı ≥ 44 px */
.kf-satir + .arama { margin: 0 0 8px; }
.kf-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 8px; }
.kf-dosya-dugme { display: inline-flex; align-items: center; justify-content: center; flex: 1 1 140px; cursor: pointer; }
.kf-dosya-dugme:first-child { background: var(--ac); color: var(--onac); border-color: var(--ac); }
.kf-dosya-dugme:focus-within { outline: 2px solid var(--ac); outline-offset: 2px; }
.kf-mesaj { margin: 4px 0 8px; }
.kf-ara-baslik { margin: 12px 0 6px; font-weight: 600; }

/* Köşe düzenleyici */
.kf-duzen-kap { width: 100%; }
.kf-duzen { position: relative; margin: 4px auto 6px; touch-action: none; user-select: none; -webkit-user-select: none; border-radius: 8px; overflow: visible; }
.kf-foto { display: block; border-radius: 8px; }
.kf-cizgi { position: absolute; inset: 0; pointer-events: none; overflow: visible; }
.kf-cizgi polygon { fill: color-mix(in srgb, var(--ac) 14%, transparent); stroke: var(--ac); stroke-width: 2; stroke-linejoin: round; }
.kf-kose { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; padding: 0; border: 0; background: none; cursor: grab; touch-action: none; z-index: 2; }
.kf-kose::after { content: ''; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%;
  background: var(--ac); border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .45); box-sizing: border-box; }
.kf-kose:focus-visible::after { outline: 2px solid var(--tx); outline-offset: 2px; }
.kf-buyutec { position: absolute; z-index: 3; border-radius: 50%; border: 3px solid var(--sf); box-shadow: 0 4px 14px rgba(0, 0, 0, .4); pointer-events: none; }
.kf-sonuc { border: 1px solid var(--ln); border-radius: 8px; overflow: hidden; background: var(--bg); }
.kf-sonuc .kf-sonuc-tuval { display: block; width: 100%; height: auto; }
.kf-sonuc p { margin: 10px; }

/* Sayfa önizlemesi — kâğıt */
.kf-sayfa-kap { display: flex; flex-direction: column; align-items: center; padding: 16px; background: color-mix(in srgb, var(--tx) 6%, var(--bg)); border-radius: 12px; }
.kf-sayfa { display: block; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .22); max-width: 100%; }
.kf-sayfa-bos { margin: 10px 0 0; text-align: center; }
.kf-sayfa-bos:empty { display: none; }

/* Yazdırma uyarısı */
.kf-uyari { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; margin: 6px 0 10px; border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--ac) 45%, var(--ln)); background: color-mix(in srgb, var(--ac) 10%, var(--sf)); color: var(--tx); font-size: 14.5px; }
.kf-uyari strong { font-size: 15.5px; }
.kf-cikti-durum:empty { display: none; }
.kart .kf-cikti { max-width: none; }
.kf-ikili .kf-cikti { padding-left: 8px; padding-right: 8px; }