/* Kumru Group — Adil Bölüşüm Motoru
   Estetik: bir hakem / aile anayasası defteri. Mürekkep lacivert + parşömen + pirinç.
   Sayılar ledger gibi (tabular mono). İmza öğesi: kişi başı canlı "denge çubuğu". */

:root {
  --murekkep: #15191f;      /* near-black navy ink */
  --murekkep-2: #232a33;
  --parsomen: #f3eee2;      /* warm parchment page */
  --parsomen-2: #ece5d4;
  --kart: #fbf8f1;
  --cizgi: #ddd3bf;
  --cizgi-koyu: #c8bca0;
  --pirinc: #a9803f;        /* brass — arbiter accent */
  --pirinc-acik: #c89b54;
  --yesil: #2f7d5b;         /* alır (receives) */
  --yesil-acik: #e3efe7;
  --kil: #a8432f;           /* öder (pays / over) */
  --kil-acik: #f3e2dc;
  --mavi: #2f5d7d;
  --kul: #6b6457;
  --kul-acik: #8a8270;
  --golge: 0 1px 2px rgba(20,16,8,.06), 0 8px 24px rgba(20,16,8,.05);
  --serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --govde: "Spline Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--govde);
  color: var(--murekkep);
  background:
    radial-gradient(1200px 600px at 80% -10%, #fbf7ec 0%, transparent 60%),
    var(--parsomen);
  line-height: 1.5;
  font-size: 15px;
}
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }

/* ---------- Üst bar ---------- */
.ust {
  position: sticky; top: 0; z-index: 20;
  background: var(--murekkep);
  color: #f1ead9;
  border-bottom: 2px solid var(--pirinc);
}
.ust-ic {
  max-width: 1500px; margin: 0 auto; padding: 12px 22px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.marka { display: flex; align-items: center; gap: 13px; }
.muhru {
  font-size: 24px; color: var(--murekkep);
  width: 42px; height: 42px; display: grid; place-items: center;
  background: radial-gradient(circle at 35% 30%, var(--pirinc-acik), var(--pirinc));
  border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(255,255,255,.18);
}
.marka-ad { font-family: var(--serif); font-weight: 600; font-size: 19px; letter-spacing: .2px; }
.marka-alt { font-size: 12px; color: #b9ad8f; letter-spacing: .3px; }
.kayit { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: #cfc3a3; }
.kayit .nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 3px rgba(47,125,91,.18); }
.kayit.yaz .nokta { background: var(--pirinc-acik); box-shadow: 0 0 0 3px rgba(200,155,84,.2); }

/* ---------- Gövde: iki sütun ---------- */
.govde {
  max-width: 1500px; margin: 0 auto; padding: 22px;
  display: grid; grid-template-columns: 372px 1fr; gap: 22px; align-items: start;
}
@media (max-width: 1040px) { .govde { grid-template-columns: 1fr; } }

/* ---------- Sol veri paneli ---------- */
.veri { position: sticky; top: 78px; display: flex; flex-direction: column; gap: 14px; }
@media (max-width: 1040px) { .veri { position: static; } }

.blok {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: 12px; box-shadow: var(--golge); overflow: hidden;
}
.blok-bas {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  padding: 11px 15px; background: linear-gradient(var(--parsomen-2), var(--kart));
  border-bottom: 1px solid var(--cizgi);
}
.blok-bas h2 { margin: 0; font-family: var(--serif); font-size: 15.5px; font-weight: 600; }
.blok-bas .ipuc { font-size: 11.5px; color: var(--kul-acik); }
.blok-govde { padding: 8px 15px 14px; }

/* düzenlenebilir satır */
.alan { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px dashed #e7ddc7; }
.alan:last-child { border-bottom: 0; }
.alan .et { flex: 1; min-width: 0; }
.alan .et b { font-weight: 600; display: block; font-size: 13.5px; }
.alan .et small { color: var(--kul-acik); font-size: 11px; }
.alan .kisi-rozet { font-size: 10.5px; color: var(--pirinc); font-weight: 600; text-transform: uppercase; letter-spacing: .4px; }

input.sayi {
  font-family: var(--mono); font-variant-numeric: tabular-nums;
  width: 132px; text-align: right; padding: 6px 9px;
  border: 1px solid var(--cizgi-koyu); border-radius: 7px; background: #fff;
  color: var(--murekkep); font-size: 13.5px;
}
input.sayi:focus { outline: none; border-color: var(--pirinc); box-shadow: 0 0 0 3px rgba(169,128,63,.16); }
.alan .birim { font-size: 11px; color: var(--kul-acik); width: 16px; }

.toplam-serit {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-top: 10px; padding: 9px 12px; border-radius: 8px;
  background: var(--murekkep); color: #f1ead9;
}
.toplam-serit b { font-family: var(--serif); }
.toplam-serit .deg { font-family: var(--mono); font-size: 16px; color: var(--pirinc-acik); }

/* ---------- Sağ sonuç ---------- */
.sonuc { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.yukleniyor { padding: 60px; text-align: center; color: var(--kul-acik); }

.sahne {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: 14px; box-shadow: var(--golge); padding: 20px 22px;
}
.sahne > h1 { font-family: var(--serif); font-weight: 600; font-size: 23px; margin: 0 0 4px; }
.sahne > .acik { color: var(--kul); font-size: 13.5px; margin: 0 0 4px; max-width: 70ch; }

/* senaryo sekmeleri */
.sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }
.sekme {
  font-family: var(--govde); font-size: 13px; font-weight: 500;
  padding: 9px 15px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--cizgi-koyu); background: var(--kart); color: var(--murekkep);
  display: flex; align-items: center; gap: 8px; transition: .12s;
}
.sekme:hover { border-color: var(--pirinc); }
.sekme[aria-current="true"] { background: var(--murekkep); color: #f1ead9; border-color: var(--murekkep); }
.sekme .rk { font-family: var(--serif); font-weight: 700; color: var(--pirinc); }
.sekme[aria-current="true"] .rk { color: var(--pirinc-acik); }

.cikan-sec { display: flex; align-items: center; gap: 9px; margin: 14px 0 2px; font-size: 13.5px; }
select.sec {
  font-family: var(--govde); font-size: 13.5px; padding: 7px 11px;
  border: 1px solid var(--cizgi-koyu); border-radius: 8px; background: #fff; color: var(--murekkep);
}
select.sec:focus { outline: none; border-color: var(--pirinc); box-shadow: 0 0 0 3px rgba(169,128,63,.16); }

/* hakem notu */
.hakem {
  display: flex; gap: 11px; padding: 13px 15px; margin-top: 14px;
  background: linear-gradient(var(--parsomen-2), var(--kart));
  border: 1px solid var(--cizgi); border-left: 3px solid var(--pirinc); border-radius: 10px;
}
.hakem .ik { font-size: 17px; }
.hakem .mt { font-size: 13px; color: #43403a; }
.hakem .mt b { color: var(--murekkep); }

/* ---------- denge çubuğu (imza öğesi) ---------- */
.denge-liste { display: flex; flex-direction: column; gap: 14px; margin-top: 18px; }
.denge {
  display: grid; grid-template-columns: 96px 1fr 168px; gap: 14px; align-items: center;
}
@media (max-width: 620px) { .denge { grid-template-columns: 1fr; gap: 6px; } }
.denge .ad { font-family: var(--serif); font-weight: 600; font-size: 16px; }
.denge .ad small { display: block; font-family: var(--govde); font-weight: 400; font-size: 11px; color: var(--kul-acik); }
.cubuk-sar { position: relative; }
.cubuk {
  position: relative; height: 30px; border-radius: 7px; overflow: hidden;
  background: #efe7d4; border: 1px solid var(--cizgi); display: flex;
}
.dilim { height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.dilim span { font-size: 10px; color: rgba(255,255,255,.92); white-space: nowrap; font-family: var(--mono); }
.dilim.ev { background: #4b5e74; }
.dilim.araba { background: #6a7e92; }
.dilim.istasyon { background: var(--murekkep); }
.dilim.seramik { background: var(--mavi); }
.dilim.mallar { background: var(--pirinc); }
.hedef-cizgi { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--kil); z-index: 3; }
.hedef-cizgi::after {
  content: "hedef"; position: absolute; top: -15px; left: 50%; transform: translateX(-50%);
  font-size: 9.5px; color: var(--kil); font-family: var(--govde); white-space: nowrap;
}
.denge .sonuc-et { text-align: right; }
.rozet-denk { font-family: var(--mono); font-size: 14px; font-weight: 600; }
.rozet-denk.alir { color: var(--yesil); }
.rozet-denk.oder { color: var(--kil); }
.rozet-denk.tam { color: var(--kul-acik); }
.denge .sonuc-et small { display: block; font-size: 11px; color: var(--kul-acik); }

.aciklama-cizgi { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; font-size: 11.5px; color: var(--kul); }
.aciklama-cizgi span { display: flex; align-items: center; gap: 5px; }
.aciklama-cizgi i { width: 11px; height: 11px; border-radius: 3px; display: inline-block; }

/* ---------- tablo ---------- */
.tablo-sar { overflow-x: auto; margin-top: 18px; border: 1px solid var(--cizgi); border-radius: 10px; }
table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 560px; }
thead th {
  text-align: left; font-weight: 600; font-size: 11.5px; text-transform: uppercase; letter-spacing: .4px;
  color: var(--kul); background: var(--parsomen-2); padding: 9px 12px; border-bottom: 1px solid var(--cizgi);
}
thead th.sayi, td.sayi { text-align: right; }
tbody td { padding: 9px 12px; border-bottom: 1px solid #eee4cf; vertical-align: top; }
tbody tr:last-child td { border-bottom: 0; }
td.sayi { font-family: var(--mono); font-variant-numeric: tabular-nums; }
tbody tr:hover { background: #fcf9f1; }
td .alt { color: var(--kul-acik); font-size: 11.5px; }
tfoot td { padding: 10px 12px; font-weight: 600; background: var(--parsomen-2); border-top: 1px solid var(--cizgi-koyu); }
tfoot td.sayi { font-family: var(--mono); }

/* mal atama dropdown (tablo içi) */
select.atama {
  font-family: var(--govde); font-size: 12.5px; padding: 4px 8px;
  border: 1px solid var(--cizgi-koyu); border-radius: 6px; background: #fff; color: var(--murekkep); max-width: 150px;
}
select.atama:focus { outline: none; border-color: var(--pirinc); box-shadow: 0 0 0 2px rgba(169,128,63,.16); }
select.atama.satilik { color: var(--kil); border-color: var(--kil); }

/* settlement / denkleştirme akışı */
.akis { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.akis-sat {
  display: flex; align-items: center; gap: 10px; padding: 10px 13px; border-radius: 9px;
  background: var(--parsomen-2); border: 1px solid var(--cizgi); font-size: 13.5px;
}
.akis-sat .ok { color: var(--pirinc); font-weight: 700; }
.akis-sat .tut { font-family: var(--mono); font-weight: 600; margin-left: auto; }

/* finanse edilebilirlik rozeti */
.fin { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 999px; }
.fin.ok { background: var(--yesil-acik); color: var(--yesil); }
.fin.uyari { background: #f6edd9; color: #8a6d1f; }
.fin.kotu { background: var(--kil-acik); color: var(--kil); }

.kucuk-not { font-size: 11.5px; color: var(--kul-acik); margin-top: 8px; }
.bolum-bas { font-family: var(--serif); font-size: 15px; font-weight: 600; margin: 22px 0 2px; display: flex; align-items: center; gap: 8px; }
.bolum-bas::before { content: ""; width: 14px; height: 2px; background: var(--pirinc); }

.dip {
  max-width: 1500px; margin: 0 auto; padding: 18px 22px 40px;
  font-size: 11.5px; color: var(--kul-acik); line-height: 1.6;
}

/* küçük yardımcılar */
.satir-ihtilaf { color: var(--kil); }
.etiket-mini { display: inline-block; font-size: 10px; font-weight: 600; padding: 1px 7px; border-radius: 999px; background: var(--kil-acik); color: var(--kil); margin-left: 6px; vertical-align: middle; }
.btn-mini {
  font-family: var(--govde); font-size: 12px; padding: 6px 12px; cursor: pointer;
  border: 1px solid var(--cizgi-koyu); border-radius: 7px; background: var(--kart); color: var(--murekkep);
}
.btn-mini:hover { border-color: var(--pirinc); }

/* gruplama + açılır sekmeler (veri paneli + mal atama) */
.grup-bas {
  font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px;
  color: var(--pirinc); margin: 12px 0 2px; padding-top: 6px; border-top: 1px solid #ebe2cd;
}
.grup-bas:first-child { border-top: 0; padding-top: 0; margin-top: 4px; }
.grup-det { margin: 8px 0; border: 1px solid var(--cizgi); border-radius: 9px; overflow: hidden; background: #fcfaf3; }
.grup-det > summary {
  cursor: pointer; padding: 9px 12px; font-size: 12.5px; font-weight: 600; color: var(--murekkep);
  background: var(--parsomen-2); list-style: none; display: flex; align-items: center; gap: 8px;
}
.grup-det > summary::-webkit-details-marker { display: none; }
.grup-det > summary::before { content: "▸"; color: var(--pirinc); transition: transform .15s; }
.grup-det[open] > summary::before { transform: rotate(90deg); }
.grup-det > summary .ozet { margin-left: auto; font-weight: 400; font-size: 11px; color: var(--kul-acik); }
.grup-det > .alan { padding-left: 12px; padding-right: 12px; }
.grup-det > .atama-sat { padding-left: 12px; padding-right: 12px; }

/* mal atama listesi */
.atama-liste { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; }
.atama-liste > .grup-bas { margin: 0; padding: 8px 12px; background: var(--parsomen-2); border-top: 1px solid var(--cizgi); }
.atama-liste > .grup-bas:first-child { border-top: 0; }
.atama-liste > .grup-det { margin: 0; border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; }
.atama-sat {
  display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-top: 1px solid #efe6d1;
}
.atama-sat.kilitli { background: #f7f1e1; }
.atama-sat .ma-ad { flex: 1; min-width: 0; font-size: 13px; }
.atama-sat .ma-deg { font-size: 12.5px; color: var(--kul); min-width: 60px; text-align: right; }
.kilit-btn {
  font-size: 14px; line-height: 1; padding: 5px 7px; cursor: pointer; border-radius: 6px;
  border: 1px solid var(--cizgi-koyu); background: #fff;
}
.kilit-btn.acik { border-color: var(--pirinc); background: #f6edd9; }

.bina-sabit { font-size: 12px; color: var(--mavi); font-weight: 600; white-space: nowrap; }

/* ---------- ana nav (motor / niyet / özet) ---------- */
.ana-nav { display: flex; gap: 6px; margin-left: auto; }
.nav-btn {
  font-family: var(--govde); font-size: 13px; color: #cfc3a3; cursor: pointer;
  background: transparent; border: 1px solid transparent; border-radius: 8px; padding: 7px 13px;
}
.nav-btn:hover { color: #f1ead9; border-color: #3a4350; }
.nav-btn[aria-current="true"] { color: var(--murekkep); background: var(--pirinc-acik); border-color: var(--pirinc-acik); font-weight: 600; }
.nav-btn.cikis { color: #b9ad8f; border-color: #3a4350; }
.nav-btn.cikis:hover { color: var(--kil-acik); border-color: var(--kil); }
@media (max-width: 640px) { .nav-btn { padding: 6px 9px; font-size: 12px; } }

/* giriş ekranı */
.govde.giris-mod { min-height: calc(100vh - 140px); place-items: center; display: grid; }
.giris-kart {
  max-width: 400px; width: 100%; margin: 4vh auto; padding: 34px 30px 28px; text-align: center;
  background: linear-gradient(180deg, #1a1f27, #12161c); color: #f1ead9;
  border: 1px solid #2c343f; border-radius: 18px; box-shadow: 0 24px 60px rgba(10,8,4,.45);
  opacity: 0; transform: translateY(14px) scale(.985); transition: opacity .5s ease, transform .5s cubic-bezier(.2,.7,.2,1);
}
.giris-kart.gor { opacity: 1; transform: none; }
.giris-kart.salla { animation: salla .4s; }
@keyframes salla { 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-7px)} 40%,80%{transform:translateX(7px)} }
.giris-muhru {
  width: 60px; height: 60px; margin: 0 auto 14px; display: grid; place-items: center; font-size: 30px; color: #1a1f27;
  background: radial-gradient(circle at 35% 30%, var(--pirinc-acik), var(--pirinc)); border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.2), 0 6px 18px rgba(169,128,63,.35);
}
.giris-kart h1 { font-family: var(--serif); font-size: 25px; font-weight: 600; margin: 0; letter-spacing: .3px; }
.giris-alt { font-size: 12.5px; color: var(--pirinc-acik); letter-spacing: .4px; margin-top: 3px; }
.giris-ac { font-size: 12.5px; color: #b9b09a; line-height: 1.5; margin: 14px 0 18px; }
.ad-cipler { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 16px; }
.ad-cip {
  display: flex; align-items: center; gap: 9px; padding: 9px 12px; cursor: pointer; font-size: 14px; color: #e7dfca;
  background: rgba(255,255,255,.03); border: 1px solid #313a46; border-radius: 11px; transition: .15s; font-family: var(--govde);
}
.ad-cip:hover { border-color: var(--pirinc); }
.ad-cip.secili { background: var(--pirinc-acik); color: #1a1f27; border-color: var(--pirinc-acik); font-weight: 600; }
.ad-cip .ad-bas {
  width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-family: var(--serif); font-weight: 600; font-size: 14px;
  background: rgba(0,0,0,.18);
}
.ad-cip.secili .ad-bas { background: rgba(0,0,0,.12); }
.giris-pw {
  width: 100%; padding: 12px 14px; font-size: 15px; letter-spacing: 3px; text-align: center; color: #f1ead9;
  background: rgba(255,255,255,.05); border: 1px solid #313a46; border-radius: 11px;
}
.giris-pw::placeholder { color: #7d8694; letter-spacing: normal; }
.giris-pw:focus { outline: none; border-color: var(--pirinc); box-shadow: 0 0 0 3px rgba(169,128,63,.22); }
.giris-btn {
  width: 100%; margin-top: 12px; padding: 12px; font-size: 14px; font-weight: 600; cursor: pointer; color: #1a1f27;
  background: linear-gradient(var(--pirinc-acik), var(--pirinc)); border: 0; border-radius: 11px; font-family: var(--govde);
}
.giris-btn:hover { filter: brightness(1.06); }
.giris-kart .pin-hata { margin-top: 10px; }

/* niyet ilerleme şeridi (herkesin %'si, içerik değil) */
.ilerleme-strip { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0 4px; }
.ils-bas { font-size: 12px; color: var(--kul); font-weight: 600; }
.ilp { font-size: 12px; font-family: var(--mono); padding: 4px 10px; border-radius: 999px; background: var(--parsomen-2); border: 1px solid var(--cizgi); color: var(--kul); }
.ilp.bitti { background: var(--yesil-acik); color: var(--yesil); border-color: var(--yesil); }

/* niyet sihirbazı */
.wiz-noktalar { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 8px; }
.wiz-nokta {
  min-width: 34px; height: 30px; padding: 0 8px; font-size: 12px; font-weight: 600; cursor: pointer;
  border: 1px solid var(--cizgi-koyu); background: var(--kart); color: var(--kul); border-radius: 8px; font-family: var(--govde);
}
.wiz-nokta:hover { border-color: var(--pirinc); }
.wiz-nokta.gecti { background: var(--yesil-acik); color: var(--yesil); border-color: var(--yesil); }
.wiz-nokta.aktif { background: var(--murekkep); color: #f1ead9; border-color: var(--murekkep); }
.wiz-bar { height: 5px; border-radius: 99px; background: #e8dfca; overflow: hidden; margin-bottom: 8px; }
.wiz-bar-dolu { height: 100%; background: linear-gradient(90deg, var(--pirinc), var(--pirinc-acik)); transition: width .35s cubic-bezier(.2,.7,.2,1); }
.wiz-adimbas { font-family: var(--serif); font-size: 14px; color: var(--kul); margin-bottom: 6px; }
.wiz-icerik { animation: wizGir .3s ease both; }
@keyframes wizGir { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.wiz-gezinme { display: flex; justify-content: space-between; gap: 10px; margin-top: 16px; }
.btn-mini.pirinc { background: linear-gradient(var(--pirinc-acik), var(--pirinc)); color: #1a1f27; border-color: var(--pirinc); font-weight: 600; }
.btn-mini.pirinc:hover { filter: brightness(1.06); }
.btn-mini[disabled] { opacity: .4; cursor: default; }

.surdur-panel { margin-top: 4px; }

.govde.tek { grid-template-columns: 1fr; }

/* ---------- niyet: kardeş seçimi + PIN ---------- */
.kardes-sec { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; margin-top: 18px; }
.kardes-kart {
  display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 12px; cursor: pointer;
  background: var(--kart); border: 1px solid var(--cizgi-koyu); border-radius: 12px; font-family: var(--serif); font-size: 17px; color: var(--murekkep);
}
.kardes-kart:hover { border-color: var(--pirinc); box-shadow: var(--golge); }
.kardes-kart .bas {
  width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font-size: 20px; color: #fff;
  background: radial-gradient(circle at 35% 30%, var(--pirinc-acik), var(--pirinc));
}
.pin-sar { margin-top: 16px; max-width: 420px; }
.pin-inp {
  font-family: var(--mono); font-size: 20px; letter-spacing: 6px; text-align: center; width: 100%;
  padding: 11px 14px; border: 1px solid var(--cizgi-koyu); border-radius: 9px; background: #fff; color: var(--murekkep);
}
.pin-inp:focus { outline: none; border-color: var(--pirinc); box-shadow: 0 0 0 3px rgba(169,128,63,.16); }
.pin-hata { color: var(--kil); font-size: 12.5px; margin-top: 8px; min-height: 16px; }
.btn-sira { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }

/* ---------- niyet form ---------- */
.niyet-bas { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.niyet-blok { margin-top: 18px; padding: 16px 18px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; }
.niyet-blok h2 { font-family: var(--serif); font-size: 16px; font-weight: 600; margin: 0 0 8px; color: var(--pirinc); }
.niyet-soru { padding: 12px 0; border-top: 1px solid #efe6d1; }
.niyet-soru:first-of-type { border-top: 0; }
.nq { font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.nq-ta {
  width: 100%; min-height: 54px; resize: vertical; font-family: var(--govde); font-size: 13.5px;
  padding: 9px 11px; border: 1px solid var(--cizgi-koyu); border-radius: 8px; background: #fff; color: var(--murekkep);
}
.nq-ta:focus { outline: none; border-color: var(--pirinc); box-shadow: 0 0 0 3px rgba(169,128,63,.14); }
.secenekler { display: flex; flex-wrap: wrap; gap: 8px; }
.secenek {
  font-family: var(--govde); font-size: 13px; cursor: pointer; padding: 8px 14px; border-radius: 999px;
  border: 1px solid var(--cizgi-koyu); background: var(--kart); color: var(--murekkep);
}
.secenek:hover { border-color: var(--pirinc); }
.secenek.secili { background: var(--murekkep); color: #f1ead9; border-color: var(--murekkep); }

/* ---------- hakem özeti ---------- */
.ozet-flaglar { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; }
.ozet-flag { display: flex; gap: 10px; padding: 9px 12px; background: var(--parsomen-2); border: 1px solid var(--cizgi); border-radius: 9px; }
.ozet-flag .of-b { font-size: 12.5px; font-weight: 600; color: var(--murekkep); flex: 1; }
.ozet-flag .of-i { font-size: 12.5px; color: var(--pirinc); font-weight: 600; }
.ozet-soru { padding: 11px 0; border-top: 1px solid #efe6d1; }
.ozet-soru:first-of-type { border-top: 0; }
.ozet-cevaplar { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 7px; margin-top: 6px; }
.oc { display: flex; gap: 8px; font-size: 12.5px; padding: 6px 9px; background: #fcf9f1; border: 1px solid #eee4cf; border-radius: 7px; }
.oc-ad { font-weight: 600; color: var(--pirinc); min-width: 44px; }
.oc-cv { color: #43403a; }

/* kardeş kartı ilerleme rozeti */
.kk-yuzde { font-family: var(--govde); font-size: 11.5px; font-weight: 600; color: var(--kul-acik); }
.kk-yuzde.bitti { color: var(--yesil); }

/* fiyat görüşü sihirbazı */
.fiyat-sat {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 9px 0; border-top: 1px solid #efe6d1;
}
.fiyat-sat:first-of-type { border-top: 0; }
.fiyat-sat .fv-ad { flex: 1; min-width: 120px; font-size: 13.5px; font-weight: 500; }
.fiyat-sat .fv-deg { font-size: 12.5px; color: var(--kul); min-width: 56px; text-align: right; }
.ok-grup { display: flex; gap: 6px; }
.ok-btn {
  width: 34px; height: 34px; font-size: 13px; cursor: pointer; border-radius: 8px;
  border: 1px solid var(--cizgi-koyu); background: var(--kart); color: var(--kul);
}
.ok-btn:hover { border-color: var(--pirinc); }
.ok-btn.secili[data-dir="yukari"] { background: var(--kil); border-color: var(--kil); color: #fff; }
.ok-btn.secili[data-dir="asagi"] { background: var(--yesil); border-color: var(--yesil); color: #fff; }
.fiyat-inp-sar { flex-basis: 100%; }
.fiyat-inp { width: 220px; max-width: 100%; text-align: right; }