/* SAHİP: Y8 — Kombin Stüdyosu ekranları (liste, sihirbaz, çalışma alanı, Yüzükler, Önizleme, Metin ve ayarlar, Yayın, Kodu çöz,
   Çekim rehberi). Sınıflar `.k-` önekli (§9.1); renkler yalnız stil.css değişkenleriyle (açık / koyu tema).
   M24: fark satırı, küçük resim ızgarası ve yapışkan alt çubuk stil.css'te ortak (.fark-…, .kucuk-izgara, .alt-cubuk). */

/* ---------- Ortak ---------- */
.k-kod { font-family: var(--mono); font-weight: 700; letter-spacing: .02em; padding: 1px 7px; border-radius: 7px; background: var(--vurgu-acik);
  color: var(--vurgu); font-size: .92em; white-space: nowrap; }
.k-musteri { display: flex; gap: 8px; align-items: flex-start; padding: 9px 12px; border-radius: var(--r-k); background: var(--yuzey-2);
  border: 1px solid var(--cizgi); color: var(--metin-2); font-size: 13.5px; }
.k-musteri .ikon { color: var(--soluk); margin-top: 1px; }
.k-musteri.acik { background: var(--basari-acik); border-color: transparent; color: var(--metin); }
.k-musteri.acik .ikon { color: var(--basari); }
.k-ne { color: var(--metin-2); font-size: 13.5px; display: flex; gap: 8px; align-items: flex-start; }
.k-ne .ikon { color: var(--vurgu); margin-top: 1px; }
.k-acilir > summary { cursor: pointer; font-weight: 600; color: var(--metin-2); padding: 4px 0; list-style-position: inside; }
.k-acilir[open] > summary { margin-bottom: 8px; }
.k-acilir > summary:hover { color: var(--metin); }
.k-satir { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.k-satir .ara { flex: 1; min-width: 0; }
.k-not { font-size: 12.5px; color: var(--soluk); }
.k-rozetler { display: flex; flex-wrap: wrap; gap: 6px; }
.k-resim-yok { display: grid; place-items: center; background: var(--yuzey-3); color: var(--soluk); }
.k-baglanti-kutu { display: flex; gap: 6px; align-items: center; min-width: 0; }
.k-baglanti-kutu input { font-family: var(--mono); font-size: 13px; }
.k-tablo-kap { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: var(--r-k); }
.k-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.k-tablo th { text-align: left; font-size: 11.5px; font-weight: 650; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em;
  padding: 8px 10px; background: var(--yuzey-2); border-bottom: 1px solid var(--cizgi); white-space: nowrap; }
.k-tablo td { padding: 7px 10px; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.k-tablo tr:last-child td { border-bottom: 0; }
.k-tablo .gizli-ozellik { color: var(--soluk); }
.k-tablo .sag { text-align: right; }

/* ---------- Liste ---------- */
.k-kartlar { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.k-liste-kart h2 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.k-mini-cubuk { margin-top: 5px; max-width: 220px; height: 6px; }
.k-bekleme { display: flex; gap: 8px; align-items: center; color: var(--metin-2); font-size: 13px; }
.k-kurulu { display: flex; gap: 6px; align-items: flex-start; margin: 0 0 12px; }
.k-kurulu svg { flex: none; margin-top: 2px; }

/* ---------- Sihirbaz ---------- */
.k-sihirbaz-adim { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; counter-reset: sa; }
.k-sihirbaz-adim li { counter-increment: sa; display: flex; align-items: center; gap: 7px; padding: 6px 12px 6px 7px; border-radius: 20px;
  background: var(--yuzey-3); color: var(--soluk); font-size: 13px; font-weight: 600; }
.k-sihirbaz-adim li::before { content: counter(sa); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  background: var(--yuzey); color: var(--soluk); font-size: 12px; }
.k-sihirbaz-adim li.tamam { background: var(--vurgu-acik); color: var(--vurgu); }
.k-sihirbaz-adim li.tamam::before { background: var(--vurgu); color: var(--yuzey); }
.k-satir-form { display: grid; grid-template-columns: minmax(170px, 1.1fr) minmax(140px, 1fr) minmax(150px, 1fr) auto; gap: 10px 14px;
  align-items: end; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.k-satir-form:first-of-type { border-top: 0; }
.k-satir-form > .kutucuk { align-self: center; }
.k-satir-form .k-acilir { grid-column: 1 / -1; }
.k-profil-ozet { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; }

/* ---------- Çalışma alanı ---------- */
.k-calisma { gap: 14px; }
.k-bas { display: flex; flex-direction: column; gap: 8px; }
.k-bas-satir { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.k-bas-satir h1 { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.k-adimlar { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 10px 12px 12px; }
.k-adimlar ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.k-adimlar li { flex: 1 0 auto; scroll-snap-align: start; }
.k-adim { position: relative; display: flex; align-items: center; gap: 7px; width: 100%; min-height: 40px; padding: 5px 10px 5px 6px; border-radius: 10px;
  border: 1px solid var(--cizgi); background: var(--yuzey-2); color: var(--metin-2); font: inherit; font-size: 12.5px; font-weight: 600;
  cursor: pointer; white-space: nowrap; text-align: left; }
.k-adim:hover { border-color: var(--cizgi-2); color: var(--metin); }
.k-adim-no { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--yuzey-3);
  color: var(--soluk); font-size: 12px; font-weight: 700; }
.k-adim-no .ikon { width: 15px; height: 15px; stroke-width: 2.4; }
.k-adim.tamam { background: var(--basari-acik); border-color: transparent; color: var(--metin); }
.k-adim.tamam .k-adim-no { background: var(--basari); color: var(--yuzey); }
.k-adim.siradaki { border-color: var(--vurgu); background: var(--vurgu-acik); color: var(--metin); box-shadow: 0 0 0 1px var(--vurgu) inset; }
.k-adim.siradaki .k-adim-no { background: var(--vurgu); color: var(--yuzey); }
.k-adim.secili { outline: 2px solid var(--metin-2); outline-offset: 1px; }
.k-sekme-cubuk { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--cizgi); }
.k-sekmeler { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; flex: 1; min-width: 0; }
.k-sekmeler [role="tab"] { border: 0; background: none; font: inherit; font-weight: 600; color: var(--metin-2); padding: 10px 12px;
  border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; white-space: nowrap; min-height: 44px; }
.k-sekmeler [role="tab"]:hover { color: var(--metin); }
.k-sekmeler [role="tab"][aria-selected="true"] { color: var(--vurgu); border-bottom-color: var(--vurgu); }
.k-diger-btn { display: none; }
.k-sekme-govde { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.k-neden { display: flex; gap: 8px; align-items: flex-start; padding: 9px 12px; border-radius: var(--r-k); background: var(--vurgu-acik);
  color: var(--metin); font-size: 13.5px; border: 1px solid var(--vurgu-cizgi); }
.k-neden .ikon { color: var(--vurgu); margin-top: 1px; }
.k-diger-liste { display: grid; gap: 6px; }
.k-diger-liste .btn { justify-content: flex-start; min-height: 44px; }
.k-sekme-ic { min-width: 0; }

/* Özet */
.k-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 14px; align-items: start; }
.k-adim-listesi { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.k-adim-listesi li { display: flex; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--cizgi); }
.k-adim-listesi li:last-child { border-bottom: 0; }
.k-adim-listesi li.tamam .k-adim-no { background: var(--basari); color: var(--yuzey); }
.k-adim-listesi li.siradaki .k-adim-no { background: var(--vurgu); color: var(--yuzey); }
.k-dogrulama-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.k-dogrulama { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; padding: 7px 10px; border-radius: var(--r-k);
  background: var(--yuzey-2); border: 1px solid var(--cizgi); }
.k-dogrulama > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.k-dogrulama .baglanti { white-space: nowrap; }
.k-dogrulama.hata { background: var(--hata-acik); border-color: var(--hata-cizgi); }
.k-dogrulama.hata > .ikon { color: var(--hata); }
.k-dogrulama.uyari { background: var(--uyari-acik); border-color: var(--uyari-cizgi); }
.k-dogrulama.uyari > .ikon { color: var(--uyari-renk); }
.k-dogrulama.bilgi > .ikon { color: var(--bilgi); }
.k-duz-liste { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; color: var(--metin-2); }

/* Metin ve ayarlar */
.k-ayarlar { gap: 14px; }
.k-oneriler { display: grid; gap: 8px; }
.k-oneri { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-radius: var(--r-k); background: var(--yz-acik);
  border: 1px solid var(--yz-cizgi); }
.k-oneri .ikon { color: var(--yz); }
.k-alan-grubu { border: 1px solid var(--cizgi); border-radius: var(--r-k); padding: 10px 12px; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.k-alan-grubu legend { font-weight: 650; font-size: 13px; padding: 0 4px; }
.k-hazirlar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.k-hazir { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(0, 1.4fr) auto; gap: 8px; align-items: center; }
.k-kart-gorsel-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px 14px; }

/* ---------- Yüzükler ---------- */
.k-yuzukler { display: flex; flex-direction: column; gap: 14px; }
.k-sira-satiri { display: grid; grid-template-columns: 34px minmax(120px, 1fr) minmax(140px, 1.2fr) auto auto; gap: 8px 10px; align-items: center;
  padding: 8px 0; border-top: 1px solid var(--cizgi); }
.k-sira-satiri:first-child { border-top: 0; }
.k-sira-no { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--yuzey-3); font-weight: 700;
  color: var(--metin-2); }
.k-ortak-blok { display: flex; flex-direction: column; gap: 8px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.k-ortak-blok:first-of-type { border-top: 0; padding-top: 0; }
.k-deger-satiri { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(110px, 1fr) 76px auto; gap: 8px; align-items: center; }
.k-deger-satiri.baslik { font-size: 11.5px; font-weight: 650; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; }
.k-deger-satiri input[data-k] { font-family: var(--mono); text-transform: uppercase; text-align: center; }
.k-sutunlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 12px; align-items: start; }
.k-sutun { display: flex; flex-direction: column; gap: 8px; min-width: 0; background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: var(--r); padding: 12px; }
.k-sutun.surukle-hedef { border-color: var(--vurgu); background: var(--vurgu-acik); }
.k-sutun-bas { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; justify-content: space-between; }
.k-sutun-bas h3 { font-size: 15px; }
.k-yuzuk { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto; gap: 4px 10px; align-items: start; padding: 8px; border-radius: 11px;
  border: 1px solid var(--cizgi); background: var(--yuzey-2); }
.k-yuzuk[draggable="true"] { cursor: grab; }
.k-yuzuk.suruklenen { opacity: .45; }
.k-yuzuk.pasif { opacity: .6; }
.k-yuzuk img, .k-yuzuk .k-resim-yok { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; background: var(--yuzey-3); font-size: 10.5px;
  text-align: center; grid-row: span 2; }
.k-yuzuk-ad { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; min-width: 0; font-weight: 650; }
.k-yuzuk-ad .no { color: var(--soluk); font-family: var(--mono); font-size: 12.5px; }
.k-yuzuk-ad button { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: text; text-align: left; overflow-wrap: anywhere; }
.k-yuzuk-alt { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 5px 8px; align-items: center; font-size: 12px; color: var(--metin-2); }
.k-renk-noktalar { display: inline-flex; gap: 4px; align-items: center; }
.k-renk-nokta { width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--cizgi-2); display: inline-block; position: relative; }
.k-renk-nokta.yok { background: transparent !important; border-style: dashed; }
.k-renk-nokta.yok::after { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1.5px; background: var(--hata);
  transform: rotate(45deg); }
.k-etiket { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 10px; background: var(--yuzey-3);
  color: var(--metin-2); font-size: 11.5px; }
.k-mini-secim { min-height: 30px !important; width: auto !important; font-size: 12.5px !important; padding: 2px 26px 2px 8px !important; }
.k-sira-segment { display: none; }
.k-bolum-gez { display: flex; flex-wrap: wrap; gap: 6px; }
.k-bolum-gez .btn { min-height: 32px; }
.k-menu { display: flex; flex-direction: column; gap: 4px; }
.k-menu .btn { justify-content: flex-start; min-height: 42px; }
.k-urun-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--cizgi);
  border-radius: var(--r-k); max-height: min(56vh, 520px); overflow-y: auto; }
.k-urun-liste li { border-bottom: 1px solid var(--cizgi); }
.k-urun-liste li:last-child { border-bottom: 0; }
.k-urun-liste label { display: grid; grid-template-columns: 22px 48px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; cursor: pointer; }
.k-urun-liste li.devre-disi label { cursor: not-allowed; opacity: .55; }
.k-urun-liste img, .k-urun-liste .k-resim-yok { width: 48px; height: 48px; border-radius: 7px; object-fit: cover; font-size: 10px; }
.k-urun-liste .k-urun-bilgi { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.k-urun-liste .k-urun-bilgi b { overflow-wrap: anywhere; }
.k-suzgec { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.k-suzgec input[type="search"] { flex: 1 1 200px; min-width: 0; }
.k-suzgec select { flex: 0 1 220px; min-width: 0; }
.k-secim-cipleri { display: flex; flex-wrap: wrap; gap: 6px; }
.k-cip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: 18px; border: 1px solid var(--cizgi-2);
  background: var(--yuzey); cursor: pointer; font-size: 13px; user-select: none; }
.k-cip input { width: 16px; height: 16px; }
.k-cip:has(input:checked) { border-color: var(--vurgu); background: var(--vurgu-acik); color: var(--vurgu); font-weight: 650; }
.k-esleme-kap { overflow-x: auto; }
.k-esleme { border-collapse: collapse; font-size: 12.5px; min-width: 100%; }
.k-esleme th, .k-esleme td { padding: 6px 8px; border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.k-esleme th { font-size: 11.5px; color: var(--soluk); font-weight: 650; white-space: nowrap; background: var(--yuzey-2); }
.k-esleme td:first-child, .k-esleme th:first-child { position: sticky; left: 0; background: var(--yuzey); z-index: 1; min-width: 130px; }
.k-esleme th:first-child { background: var(--yuzey-2); }
.k-esleme select { min-height: 34px; font-size: 12.5px; padding: 4px 6px; min-width: 130px; }
.k-esleme-durum { display: block; font-size: 11px; margin-top: 2px; }
.k-esleme-durum.yok { color: var(--hata); }
.k-esleme-durum.tukendi { color: var(--uyari); }
.k-toplu-kap { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: var(--r-k); }
.k-toplu { border-collapse: collapse; font-size: 13px; }
.k-toplu th { font-size: 11.5px; color: var(--soluk); font-weight: 650; text-align: left; padding: 6px; background: var(--yuzey-2); white-space: nowrap;
  border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; z-index: 1; }
.k-toplu td { padding: 4px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.k-toplu td.no { color: var(--soluk); text-align: center; padding-top: 12px; font-variant-numeric: tabular-nums; }
.k-toplu input, .k-toplu select { min-height: 36px; font-size: 13px; padding: 5px 7px; }
.k-toplu select { min-width: 118px; padding-right: 24px; }
.k-toplu input.ad { min-width: 160px; }
.k-toplu input.renk { min-width: 140px; }
.k-toplu input.sayi { width: 92px; min-width: 92px; }
.k-toplu tr.hatali td, .k-toplu tr.hatali-not td { background: var(--hata-acik); }
.k-toplu tr.hatali td { border-bottom: 0; }
.k-toplu .satir-hata { color: var(--hata); font-size: 12.5px; font-weight: 600; padding: 2px 6px 8px; position: sticky; left: 0; }
.k-toplu .satir-hata .ikon { width: 15px; height: 15px; }
.k-form-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px 14px; }
.k-form-izgara .genis { grid-column: 1 / -1; }
.k-foto-sec { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 6px; max-height: 220px; overflow-y: auto; }
.k-foto-sec label { position: relative; cursor: pointer; }
.k-foto-sec img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 7px; border: 2px solid transparent; display: block; }
.k-foto-sec input { position: absolute; top: 5px; left: 5px; }
.k-foto-sec input:checked + img { border-color: var(--vurgu); }

/* ---------- Önizleme ---------- */
.k-onizleme { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: 16px; align-items: start; }
.k-cerceve-arac { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
.k-cerceve-kap { position: relative; width: 100%; overflow: hidden; display: flex; justify-content: center; }
.k-cerceve { position: relative; flex: none; border-radius: 34px; background: #0e1311; padding: 14px; box-shadow: var(--golge-3);
  transform-origin: top center; }
.k-cerceve.masaustu { border-radius: 14px; padding: 10px; }
.k-cerceve iframe { display: block; border: 0; border-radius: 24px; background: #fff; }
.k-cerceve.masaustu iframe { border-radius: 6px; }
.k-yan-panel { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 12px; }
.k-kontrol-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.k-kontrol-liste li { display: flex; gap: 8px; align-items: flex-start; }
.k-kontrol-liste li .ikon { margin-top: 1px; }
.k-kontrol-liste li.tamam > .ikon { color: var(--basari); }
.k-kontrol-liste li.uyari > .ikon { color: var(--uyari-renk); }
.k-kontrol-liste li.hata > .ikon { color: var(--hata); }
.k-kontrol-liste li.bilgi > .ikon { color: var(--bilgi); }
.k-ozellikler { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; font-size: 12px; }
.k-ozellikler li.gizli { color: var(--soluk); }

/* ---------- Yayın ---------- */
.k-yayin { display: flex; flex-direction: column; gap: 14px; }
.k-yayin-ust { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.k-yayin-ust .k-musteri { flex: 1 1 320px; }
.k-adim-kartlari { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; counter-reset: ak; }
.k-adim-karti { position: relative; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 14px 16px 14px 58px;
  display: flex; flex-direction: column; gap: 10px; }
.k-adim-karti::before { counter-increment: ak; content: counter(ak); position: absolute; left: 16px; top: 14px; width: 28px; height: 28px;
  border-radius: 50%; display: grid; place-items: center; background: var(--yuzey-3); color: var(--soluk); font-weight: 700; font-size: 13px; }
.k-adim-karti.tamam::before { content: "✓"; background: var(--basari); color: var(--yuzey); }
.k-adim-karti.siradaki { border-color: var(--vurgu); box-shadow: 0 0 0 1px var(--vurgu) inset; }
.k-adim-karti.siradaki::before { background: var(--vurgu); color: var(--yuzey); }
.k-adim-karti.kilitli { background: var(--yuzey-2); }
.k-adim-karti.kilitli > :not(.k-adim-karti-bas) { opacity: .7; }
.k-adim-karti-bas { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.k-adim-karti-bas h2 { font-size: 15.5px; }
.k-qr-satir { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-start; }
.k-qr-satir .qr { margin: 0; width: 180px; }
.k-qr-satir .qr svg { width: 156px; height: 156px; }
.k-qr-satir .k-qr-bilgi { flex: 1 1 260px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.k-kontrol-maddeleri { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.k-kontrol-maddeleri > li { border: 1px solid var(--cizgi); border-radius: var(--r-k); padding: 8px 10px; background: var(--yuzey); }
.k-kontrol-maddeleri > li.eksik { border-color: var(--hata-cizgi); background: var(--hata-acik); }
.k-kontrol-maddeleri .kutucuk { font-weight: 600; }
.k-kontrol-maddeleri details { margin: 4px 0 0 27px; font-size: 13px; color: var(--metin-2); }
.k-kontrol-maddeleri details summary { cursor: pointer; color: var(--vurgu); font-size: 12.5px; }
.k-kontrol-maddeleri .k-atla { margin-left: 27px; font-size: 12.5px; }
.k-surum-liste { list-style: none; margin: 0; padding: 0; }
.k-surum-liste li { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--cizgi); font-size: 13px; }
.k-surum-liste li:last-child { border-bottom: 0; }
.k-kapak { width: 150px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 10px; background: var(--yuzey-3); border: 1px solid var(--cizgi); }
.k-tehlikeli { border-color: var(--hata-cizgi); }
.k-tehlikeli > summary { color: var(--hata); }

/* ---------- Kodu çöz ---------- */
.k-kod-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.k-kod-form .alan { flex: 1 1 260px; }
.k-kod-form input { font-family: var(--mono); font-size: 18px; letter-spacing: .04em; }
.k-kod-sonuc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 320px); gap: 16px; align-items: start; }
.k-sahne-onizleme { position: relative; width: 100%; overflow: hidden; border-radius: 12px; background: #3b3f44; isolation: isolate; }
.k-sahne-onizleme img { position: absolute; display: block; max-width: none; }
.k-sahne-onizleme img.taban { inset: 0; width: 100%; height: 100%; object-fit: cover; }
.k-sahne-onizleme img.golge { mix-blend-mode: multiply; }

/* ---------- Çekim rehberi ---------- */
.k-rehber { max-width: 900px; }
.k-rehber-govde { display: flex; flex-direction: column; gap: 10px; line-height: 1.6; font-size: 14.5px; }
.k-rehber-govde h1 { font-size: 24px; margin-top: 4px; }
.k-rehber-govde h2 { font-size: 19px; margin-top: 10px; }
.k-rehber-govde h3 { font-size: 15.5px; margin-top: 8px; }
.k-rehber-govde ul, .k-rehber-govde ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 4px; }
.k-rehber-govde li > ul, .k-rehber-govde li > ol { margin-top: 4px; }
.k-rehber-govde pre { margin: 0; padding: 12px 14px; overflow-x: auto; background: var(--yuzey-2); border: 1px solid var(--cizgi);
  border-radius: var(--r-k); font-family: var(--mono); font-size: 12px; line-height: 1.35; }
.k-rehber-govde hr { width: 100%; border: 0; border-top: 1px solid var(--cizgi); margin: 6px 0; }
.k-rehber-govde .k-tablo-kap { margin: 2px 0; }
.k-rehber-govde .k-tablo td, .k-rehber-govde .k-tablo th { white-space: normal; }
.k-rehber-govde .orta { text-align: center; }
.k-sayfa-sonu { display: none; }

/* ---------- Duyarlı ---------- */
@media (max-width: 899px) {
  .k-onizleme, .k-kod-sonuc { grid-template-columns: minmax(0, 1fr); }
  .k-sira-segment { display: block; }
  .k-sutunlar > .k-sutun:not(.secili) { display: none; }
  .k-yan-panel { position: static; }
  .k-sekmeler { display: none; }
  .k-sekme-cubuk { border-bottom: 0; }
  .k-diger-btn { display: inline-flex; width: 100%; justify-content: space-between; }
  .k-adimlar { padding: 8px; margin: 0 -2px; }
  .k-adimlar ol { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding-bottom: 2px; }
  .k-adimlar li { flex: 0 0 auto; scroll-snap-align: start; }
  .k-satir-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .k-satir-form > .ikon-btn { justify-self: end; }
  .k-sira-satiri { grid-template-columns: 30px minmax(0, 1fr) minmax(0, 1fr); }
  .k-sira-satiri > .k-sira-eylem { grid-column: 2 / -1; justify-self: start; }
  .k-hazir { grid-template-columns: minmax(0, 1fr) auto; }
  .k-hazir > .soluk { grid-column: 1 / -1; grid-row: 2; }
  .k-deger-satiri { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 58px auto; }
  .k-adim-karti { padding-left: 50px; }
  .k-adim-karti::before { left: 12px; }
  .k-ozet { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 419px) {
  .k-kartlar { grid-template-columns: minmax(0, 1fr); }
  .k-satir-form { grid-template-columns: minmax(0, 1fr); }
  .k-qr-satir .qr { width: 160px; }
}
@media print {
  .k-yazdirma-yok, .k-adimlar, .k-sekme-cubuk { display: none !important; }
  .k-rehber-govde { font-size: 11.5pt; }
  .k-rehber-govde h2 { break-after: avoid; }
  .k-rehber-govde pre, .k-rehber-govde .k-tablo-kap { break-inside: avoid; overflow: visible; }
  .k-sayfa-sonu { display: block; break-before: page; }
}