:root{
  --zemin:#F7F6F3; --yan:#EFEEE9; --yuzey:#FFFFFF; --yuzey-2:#FAF9F7; --cizgi:#E5E3DC; --cizgi-2:#D5D2C9;
  --yazi:#1C1B22; --yazi-2:#55535E; --yazi-3:#94929C;
  --lacivert:#1A1A2E; --mavi:#1B50D0; --mavi-acik:#EAF0FF; --amber:#FFB800; --amber-acik:#FFF4D6;
  --yesil:#16A34A; --yesil-acik:#E8F7EE; --kirmizi:#B42318; --kirmizi-acik:#FDECEA;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace; --r:16px;
  --golge:0 1px 2px rgba(28,27,34,.04),0 4px 16px rgba(28,27,34,.05);
}
*{box-sizing:border-box} html,body{margin:0;height:100%}
body{background:var(--zemin);color:var(--yazi);font:15px/1.6 Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} button{font:inherit;cursor:pointer;color:inherit}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* yerleşim */
.app{display:grid;grid-template-columns:272px 1fr;height:100vh}
.yan{background:var(--yan);border-right:1px solid var(--cizgi);display:flex;flex-direction:column;min-width:0;padding:14px 10px}
.ana{display:flex;flex-direction:column;min-width:0;height:100vh;position:relative}
.icerik{flex:1;min-height:0;display:flex;flex-direction:column}
.ust-cubuk{display:none;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.ust-baslik{font-weight:600;font-size:14px;color:var(--yazi-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ikon-dugme{background:none;border:0;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;color:var(--yazi-2)}
.ikon-dugme:hover{background:rgba(28,27,34,.06)}
.yan-kapat{display:none}
/* daraltılmış kenar çubuğu (masaüstü): yalnız simgeler; tercih tarayıcıda hatırlanır */
.app{transition:grid-template-columns .18s ease}
.app.dar{grid-template-columns:64px 1fr}
.app.dar .yan{padding:14px 8px;align-items:center}
.app.dar .yan-ust{flex-direction:column;gap:10px;padding:2px 0 12px}
.app.dar .yazi,.app.dar .sohbetler,.app.dar .sistem-durum{display:none}
.app.dar .yeni-sohbet{width:42px;height:42px;padding:0;justify-content:center}
.app.dar .yan-alt{margin-top:auto;border-top:0;padding-top:0}
.app.dar .yan-baglanti{width:42px;height:42px;padding:0;justify-content:center}
.app.dar .yan-daralt svg{transform:scaleX(-1)}
@media (max-width:900px){
  .app,.app.dar{grid-template-columns:1fr}
  .yan{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:30;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 0 40px rgba(0,0,0,.18)}
  .app.menu-acik .yan{transform:none}
  .ust-cubuk{display:flex} .yan-kapat{display:grid} .yan-daralt{display:none}
}

/* yan panel */
.yan-ust{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 12px}
.marka{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.035em;color:var(--lacivert)}
.isaret{width:30px;height:30px;border-radius:9px;background:var(--lacivert);display:grid;place-items:center}
.isaret svg{width:17px;height:17px;stroke-width:3}
.yeni-sohbet{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;font-weight:600;font-size:14px;color:var(--lacivert);background:var(--yuzey);border:1px solid var(--cizgi);box-shadow:0 1px 1px rgba(0,0,0,.03)}
.yeni-sohbet:hover{border-color:var(--cizgi-2)}
.sohbetler{flex:1;overflow:auto;margin:14px -4px 8px;padding:0 4px}
.sohbetler h4{font-size:11.5px;font-weight:600;color:var(--yazi-3);margin:14px 8px 4px;letter-spacing:.02em}
.sohbet-oge{display:block;padding:7px 10px;border-radius:10px;font-size:13.5px;color:var(--yazi-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sohbet-oge:hover{background:rgba(28,27,34,.05);color:var(--yazi)}
.sohbet-oge.etkin{background:rgba(28,27,34,.08);color:var(--yazi);font-weight:500}
.sohbet-satir{position:relative}
.sohbet-satir:hover .sohbet-oge,.sohbet-satir:focus-within .sohbet-oge{padding-right:38px}
.sohbet-satir .sil{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:8px;
  background:none;color:var(--yazi-3);display:grid;place-items:center;opacity:0}
.sohbet-satir .sil svg{width:15px;height:15px}
.sohbet-satir:hover .sil,.sohbet-satir .sil:focus-visible,.sohbet-satir .sil.emin{opacity:1}
.sohbet-satir .sil:hover{background:rgba(28,27,34,.08);color:var(--yazi)}
.sohbet-satir .sil.emin{background:var(--kirmizi-acik);color:var(--kirmizi)}
@media (hover:none){.sohbet-satir .sil{opacity:.75} .sohbet-satir .sohbet-oge{padding-right:38px}}
.sohbetler .bos{font-size:13px;color:var(--yazi-3);padding:8px 10px}
.yan-alt{border-top:1px solid var(--cizgi);padding-top:10px;display:grid;gap:4px}
.sistem-durum{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--yazi-2);padding:4px 10px}
.nokta{width:8px;height:8px;border-radius:50%;background:var(--yazi-3);flex:0 0 8px}
.nokta.ok{background:var(--yesil);box-shadow:0 0 0 3px rgba(22,163,74,.14)} .nokta.no{background:var(--kirmizi)}
.yan-baglanti{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px;color:var(--yazi-2)}
.yan-baglanti:hover{background:rgba(28,27,34,.05);color:var(--yazi)}

/* sohbet */
.sohbet{flex:1;min-height:0;overflow:auto;padding:28px clamp(16px,4vw,40px) 0}
.sutun{max-width:920px;margin:0 auto}
.karsilama{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px clamp(16px,4vw,40px) 12vh}
.karsilama .sutun{width:100%}
.selam{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px}
.selam .isaret{width:40px;height:40px;border-radius:12px} .selam .isaret svg{width:22px;height:22px}
.selam .figur{width:64px;height:auto;flex:0 0 auto;filter:drop-shadow(0 8px 14px rgba(26,26,46,.16))}
@media (max-width:640px){.selam{flex-direction:column;gap:10px;text-align:center} .selam .figur{width:56px}}
.selam h1{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:600;letter-spacing:-.03em;color:var(--lacivert)}
.oneriler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
@media (max-width:640px){.oneriler{grid-template-columns:1fr}}
.oneri{text-align:left;background:transparent;border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px;font-size:13.5px;color:var(--yazi-2);min-width:0}
.oneri:hover{background:var(--yuzey);border-color:var(--cizgi-2);color:var(--yazi)}
.oneri small{display:block;color:var(--yazi-3);font-size:12px;margin-top:1px}
.karsilama-not{text-align:center;color:var(--yazi-3);font-size:12.5px;margin-top:18px}

.mesaj-k{display:flex;justify-content:flex-end;margin:0 0 22px}
.mesaj-k div{background:#ECEAE4;color:var(--yazi);padding:10px 16px;border-radius:18px;max-width:80%;white-space:pre-wrap;overflow-wrap:anywhere}
.mesaj-a{display:grid;grid-template-columns:30px 1fr;gap:14px;margin:0 0 30px}
.mesaj-a .isaret{width:30px;height:30px;border-radius:9px;margin-top:2px}
.mesaj-a .isaret svg{width:16px;height:16px}
.govde{min-width:0;font-size:15.5px;line-height:1.7}
.govde p{margin:0 0 10px} .govde ul{margin:4px 0 10px;padding-left:22px}
.govde b{font-weight:650;color:var(--lacivert)}
.govde code{font-family:var(--mono);font-size:13px;background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}
.anladigim{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--yazi-3);margin:4px 0 2px}
.anladigim svg{width:15px;height:15px;margin-top:2px}
.hata-kutu{background:var(--kirmizi-acik);color:var(--kirmizi);border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:8px}
.dusunuyor{display:flex;align-items:center;gap:10px;color:var(--yazi-3);font-size:14.5px;padding-top:4px}
.dalga{display:inline-flex;gap:4px} .dalga i{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:dalga 1s infinite ease-in-out}
.dalga i:nth-child(2){animation-delay:.15s} .dalga i:nth-child(3){animation-delay:.3s}
@keyframes dalga{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

/* tablo */
.tablo-kap{margin:10px 0 12px;border:1px solid var(--cizgi);border-radius:12px;overflow:auto;background:var(--yuzey);max-width:100%}
.tablo-kap table{border-collapse:collapse;width:100%;font-size:13.5px}
.tablo-kap th{position:sticky;top:0;background:var(--yuzey-2);color:var(--yazi-2);font-weight:600;text-align:left;padding:8px 12px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
/* uzun metin hücresi satıra sarılır (sağa kaydırmadan okunur); sayı/tutar hücreleri bölünmez */
.tablo-kap td{padding:7px 12px;border-bottom:1px solid #F0EEE8;white-space:normal;overflow-wrap:anywhere;vertical-align:top;line-height:1.5}
.tablo-kap td.sayi{white-space:nowrap;overflow-wrap:normal}
.tablo-kap tr:last-child td{border-bottom:0}
.tablo-kap .sayi{text-align:right;font-variant-numeric:tabular-nums}
.tablo-alt{font-size:12.5px;color:var(--yazi-3);margin:-4px 0 10px}
.tablo-alt button{background:none;border:0;color:var(--mavi);padding:0;font-size:12.5px}

/* eylemler */
.eylemler{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-top:6px}
.eylem{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-radius:8px;padding:5px 8px;font-size:12.5px;color:var(--yazi-2)}
.eylem:hover{background:rgba(28,27,34,.06);color:var(--yazi)} .eylem svg{width:15px;height:15px}
.eylem.acik{color:var(--mavi)}
.meta{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--yazi-3)}
.rozet{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--yuzey-2);color:var(--yazi-2);border:1px solid var(--cizgi)}
.rozet.katman{background:var(--mavi-acik);color:var(--mavi);border-color:transparent}
.rozet.dogrulanmis{background:var(--yesil-acik);color:var(--yesil);border-color:transparent}
.rozet.dogrulanmamis{background:var(--amber-acik);color:#7A5300;border-color:transparent}
.rozet.onbellek{background:transparent;color:var(--yazi-3);border-style:dashed}
.kaynak{margin-top:8px;border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);padding:12px 14px;font-size:13px;color:var(--yazi-2)}
.kaynak pre{font-family:var(--mono);font-size:12px;line-height:1.55;background:var(--lacivert);color:#DCE3F5;padding:12px 14px;border-radius:10px;overflow:auto;white-space:pre;margin:8px 0 0}
.kaynak dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0} .kaynak dt{color:var(--yazi-3)} .kaynak dd{margin:0}
.adim-kaynak{margin-top:12px;font-size:13px} .adim-kaynak .rozet{margin-left:4px}

/* yazma kutusu */
.yazma-alan{padding:10px clamp(16px,4vw,40px) 18px;background:linear-gradient(to bottom,rgba(247,246,243,0),var(--zemin) 30%)}
.yazma{max-width:920px;margin:0 auto;background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:22px;box-shadow:var(--golge);padding:12px 12px 10px 16px;transition:border-color .15s,box-shadow .15s}
.yazma:focus-within{border-color:#B9B5AA;box-shadow:0 1px 2px rgba(28,27,34,.05),0 8px 26px rgba(28,27,34,.08)}
.yazma textarea{display:block;width:100%;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:15.5px;line-height:1.55;max-height:220px;min-height:26px;padding:2px 0;color:var(--yazi)}
.yazma textarea::placeholder{color:var(--yazi-3)}
.yazma-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.sistem-sec{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--cizgi);border-radius:999px;padding:3px 4px 3px 10px;font-size:12.5px;color:var(--yazi-2);background:var(--yuzey-2)}
.sistem-sec select{border:0;background:transparent;font:600 12.5px Inter,system-ui,sans-serif;color:var(--lacivert);outline:0;padding:2px 2px;max-width:160px}
.sistem-sec.kilitli{padding-right:10px}
.gonder{width:36px;height:36px;border-radius:12px;border:0;background:var(--lacivert);color:#fff;display:grid;place-items:center}
.gonder:disabled{background:#CFCCC3;cursor:default}
.gonder svg{width:17px;height:17px;stroke-width:2.2}
.yazma-not{max-width:920px;margin:8px auto 0;text-align:center;font-size:11.5px;color:var(--yazi-3)}

/* sayfalar: kurulum, ayarlar */
.sayfa{flex:1;overflow:auto;padding:36px clamp(16px,4vw,40px) 60px}
.sayfa .sutun{max-width:820px}
.sayfa h1{font-size:26px;letter-spacing:-.03em;margin:0 0 6px;color:var(--lacivert)}
.sayfa .alt-baslik{color:var(--yazi-2);margin:0 0 26px}
.adimlar{display:flex;gap:6px;margin:0 0 26px;flex-wrap:wrap}
.adim{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--yazi-3);padding:6px 12px 6px 6px;border-radius:999px;background:transparent;border:1px solid var(--cizgi)}
.adim b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--yuzey-2);border:1px solid var(--cizgi);color:var(--yazi-3)}
.adim.etkin{color:var(--lacivert);border-color:var(--lacivert);font-weight:600} .adim.etkin b{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
.adim.tamam{color:var(--yazi-2)} .adim.tamam b{background:var(--yesil);border-color:var(--yesil);color:#fff}
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.sistem-kart{text-align:left;background:var(--yuzey);border:1.5px solid var(--cizgi);border-radius:16px;padding:16px;min-height:112px;display:flex;flex-direction:column;gap:6px}
.sistem-kart:hover:not(:disabled){border-color:var(--lacivert);box-shadow:var(--golge)}
.sistem-kart b{font-size:15.5px;color:var(--lacivert)} .sistem-kart span{font-size:13px;color:var(--yazi-2)}
.sistem-kart:disabled{opacity:.55;cursor:default}
.etiket{align-self:flex-start;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--yuzey-2);color:var(--yazi-3);border:1px solid var(--cizgi);margin-top:auto}
.etiket.hazir{background:var(--yesil-acik);color:var(--yesil);border-color:transparent}
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);padding:20px 22px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.kart + .kart{margin-top:14px}
.kart h2{font-size:16px;margin:0 0 4px;color:var(--lacivert)} .kart .aciklama{font-size:13.5px;color:var(--yazi-2);margin:0 0 16px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
@media (max-width:640px){.form{grid-template-columns:1fr}}
.alan{display:grid;gap:6px;min-width:0} .alan.genis{grid-column:1/-1}
.alan label{font-size:13px;font-weight:600;color:var(--yazi-2)}
.alan input{font:inherit;font-size:14.5px;padding:10px 12px;border:1.5px solid var(--cizgi-2);border-radius:10px;background:var(--yuzey);color:var(--yazi);min-width:0}
.alan input:focus{outline:0;border-color:var(--mavi);box-shadow:0 0 0 3px rgba(27,80,208,.12)}
.alan small{font-size:12px;color:var(--yazi-3)}
.bilgi{display:flex;gap:10px;background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--yazi-2);margin-top:16px}
.bilgi svg{width:17px;height:17px;margin-top:1px;color:var(--mavi)}
.dugmeler{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.dugme{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 16px;font-weight:600;font-size:14px;border:1.5px solid var(--cizgi-2);background:var(--yuzey);color:var(--lacivert)}
.dugme:hover:not(:disabled){border-color:var(--lacivert)}
.dugme.ana-d{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.dugme.ana-d:hover:not(:disabled){background:#26264A}
.dugme:disabled{opacity:.5;cursor:default}
.dugme.kucuk{padding:7px 12px;font-size:13px;border-radius:10px}
.sonuc{font-size:13.5px;display:flex;align-items:center;gap:8px} .sonuc.ok{color:var(--yesil)} .sonuc.no{color:var(--kirmizi)}
.akis{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.akis li{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid #F0EEE8;font-size:14px}
.akis li:last-child{border-bottom:0}
.akis .durum-i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.akis .durum-i.bekliyor{border:2px solid var(--cizgi-2);border-top-color:var(--mavi);animation:don 0.8s linear infinite}
.akis .durum-i.ok{background:var(--yesil);color:#fff} .akis .durum-i.uyari{background:var(--amber);color:#fff} .akis .durum-i.no{background:var(--kirmizi);color:#fff}
.akis .durum-i svg{width:12px;height:12px;stroke-width:3}
.akis small{color:var(--yazi-3);font-size:12.5px;text-align:right}
@keyframes don{to{transform:rotate(360deg)}}
.ilerleme{height:6px;border-radius:99px;background:#ECEAE4;overflow:hidden;margin:4px 0 16px}
.ilerleme i{display:block;height:100%;background:linear-gradient(90deg,var(--mavi),#4B7BEA);border-radius:99px;transition:width .3s ease}
.sayilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.sayi-kart{background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:14px;padding:14px 16px}
.sayi-kart b{display:block;font-size:28px;letter-spacing:-.03em;color:var(--lacivert);line-height:1.1} .sayi-kart span{font-size:13px;color:var(--yazi-2)}
.sayi-kart.yesil b{color:var(--yesil)} .sayi-kart.amber b{color:#B7791F} .sayi-kart.kirmizi b{color:var(--kirmizi)}
.notlar{margin:0;padding-left:20px;font-size:13.5px;color:var(--yazi-2)} .notlar li{margin:4px 0}
.bilgi-izgara{display:grid;grid-template-columns:170px 1fr;gap:10px 18px;margin:0;font-size:14px}
.bilgi-izgara dt{color:var(--yazi-3);font-size:13px;padding-top:1px} .bilgi-izgara dd{margin:0;min-width:0;overflow-wrap:anywhere}
.bilgi-izgara dd > div{margin:1px 0}
@media (max-width:640px){.bilgi-izgara{grid-template-columns:1fr;gap:2px 0} .bilgi-izgara dd{margin-bottom:8px}}
.soluk{color:var(--yazi-3)}
.cipler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} .cipler span{font-size:12px;padding:2px 9px;border-radius:999px;background:var(--yuzey-2);border:1px solid var(--cizgi);color:var(--yazi-2)}
.sayilar.kucuk-s{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))} .sayilar.kucuk-s .sayi-kart{padding:10px 12px} .sayilar.kucuk-s b{font-size:22px}
.baglanti-kart{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.baglanti-kart .ozellik{font-size:13px;color:var(--yazi-2);margin-top:4px;font-family:var(--mono)}
.baglanti-kart .kesif-ozet{font-size:13px;color:var(--yazi-2);margin-top:8px}
@media (max-width:640px){.baglanti-kart{grid-template-columns:1fr}}
.secenek{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--cizgi);border-radius:12px;padding:12px 14px;margin-top:10px}
.secenek.secili{border-color:var(--lacivert)} .secenek b{display:block;font-size:14px;color:var(--lacivert)} .secenek span{font-size:13px;color:var(--yazi-2)}
.secenek input{margin-top:4px}
.tema-secenek{cursor:pointer} .tema-secenek:hover{border-color:var(--cizgi-2)} .tema-secenek.secili:hover{border-color:var(--lacivert)}
.tema-secenek input{accent-color:var(--lacivert)}
.tema-ornek{margin-left:auto;display:flex;gap:4px;flex:0 0 auto;padding-top:2px}
.tema-ornek i{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.1)}

/* bildirim */
.bildirim{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--lacivert);color:#fff;padding:10px 16px;border-radius:12px;font-size:13.5px;opacity:0;pointer-events:none;transition:all .2s;z-index:50;max-width:min(90vw,520px)}
.bildirim.gorunur{opacity:1;transform:translateX(-50%)}
.gizli{display:none!important}
.secim{margin-top:18px;border-top:1px solid var(--cizgi);padding-top:14px}
.secim-baslik{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.secim-baslik h2{margin:0} .secim-baslik span{font-size:12.5px;color:var(--yazi-3)}
.baglanti-d{background:none;border:0;padding:0;color:var(--mavi);font-size:12.5px}
.secim-oge{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #F0EEE8;font-size:14px;cursor:pointer}
.secim-oge:last-child{border-bottom:0} .secim-oge input{width:16px;height:16px;accent-color:var(--lacivert)}
.secim-oge small{margin-left:auto;color:var(--yazi-3);font-variant-numeric:tabular-nums}
.rozet.uyari{background:var(--amber-acik);color:#7A5300;border-color:transparent}
.sistem-durum{flex-direction:column;align-items:stretch;gap:2px}
.sistem-satir{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--yazi-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sistem-satir svg{width:14px;height:14px;color:var(--yazi-3)}
a.sistem-satir:hover{color:var(--yazi)}
.rozet.belge{background:#ECEBF5;color:var(--lacivert);border-color:transparent}
.belge-listesi{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px}
.belge-listesi li{display:flex;align-items:flex-start;gap:7px;font-size:12.5px}
.belge-listesi svg{width:14px;height:14px;margin-top:2px;color:var(--yazi-3)}
.nokta.bekle{background:#fff;border:2px solid var(--yesil);width:8px;height:8px}
.kaynaklar-sira{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.kaynak-cip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 10px;border-radius:999px;border:1px dashed var(--cizgi-2);color:var(--yazi-2);background:transparent;cursor:help}
.kaynak-cip svg{width:13px;height:13px}

/* belge kartları: cevapta adı geçen belge, tam yolu ve "Aç" bağlantısıyla */
.belge-kartlar{display:grid;gap:6px;margin:10px 0 6px}
.belge-kart{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);min-width:0}
.belge-kart:hover{border-color:var(--cizgi-2);box-shadow:var(--golge)}
.belge-kart svg{width:20px;height:20px;color:var(--mavi)}
.belge-kart-yazi{min-width:0;flex:1;font-size:13.5px;line-height:1.35}
.belge-kart-yazi a:hover b{text-decoration:underline}
.belge-kart-yazi small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--yazi-3);overflow-wrap:anywhere}
.belge-kart .kopya-yol{flex:0 0 auto;background:none;border:1px solid var(--cizgi);border-radius:8px;padding:4px 8px;font-size:12px;color:var(--yazi-2)}
.belge-kart .kopya-yol:hover{border-color:var(--cizgi-2);color:var(--yazi)}
.belge-kart .ac{flex:0 0 auto;font-size:12.5px;font-weight:600;color:#fff;background:var(--lacivert);border-radius:8px;padding:5px 12px}
@media (max-width:640px){.belge-kart{flex-wrap:wrap} .belge-kart-yazi{flex-basis:calc(100% - 34px)}}
a.belge-baglanti{color:var(--mavi);text-decoration:underline;text-underline-offset:2px}
/* ajan cevabında sorgu sonucunun tamamı (açılır) */
.tam-veri{margin:8px 0 4px}
.tam-veri summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--mavi);padding:4px 0;list-style:none}
.tam-veri summary::-webkit-details-marker{display:none}
.tam-veri summary svg{width:15px;height:15px}
.tam-veri .tablo-kap{max-height:420px}

/* tablo başlığı: kurumsal lacivert (her iki temada; Excel çıktısıyla aynı dil) */
.tablo-kap th{background:var(--lacivert);color:#fff;border-bottom:0}
/* karşılamanın Kâtibin Defteri biçimi yalnız o temada görünür */
.karsilama-ust{display:none}

/* ================================================================== Katip görünümü
   Tema "Kâtibin Defteri" (Ayarlar > Görünüm; <html data-tema="defter">). Kavram: kâtibin defteri. Koyu gri kenar çubuğu defter kabı, cevaplar beyaz kayıt kartları.
   Kurumsal renkler: lacivert #1A1A2E, amber #FFB800, mavi #1B50D0; yazı Inter. */
[data-tema="defter"]{--zemin:#F4F6FA; --yan:#A9A9A9; --yuzey-2:#F7F8FC; --cizgi:#E2E6EF; --cizgi-2:#CBD2E0;
  --yazi:#14142B; --yazi-2:#4B5168; --yazi-3:#8C92A8; --golge:0 1px 2px rgba(20,20,43,.05),0 6px 20px rgba(20,20,43,.06)}

[data-tema="defter"] .icerik{background-image:radial-gradient(rgba(26,26,46,.05) 1px,transparent 1.2px);background-size:22px 22px}

/* kenar çubuğu. Renkler değişkende: zemin açık griyse yazılar koyu olmalı (beyaz yazı #A9A9A9 üstünde okunmaz, kontrast ~2,3:1).
   Kullanıcı tercihleri 24.09: lacivert ağır → #222327 siyah gibi → #3A3C41 → #A9A9A9 (koyu yazı). Koyu seçenek için .app.yan-koyu. */
[data-tema="defter"] .yan{--y-yazi:#14142B;--y-yazi-2:rgba(20,20,43,.86);--y-soluk:rgba(20,20,43,.72);--y-ust:rgba(20,20,43,.08);--y-etkin:rgba(255,255,255,.42);
  --y-cizgi:rgba(20,20,43,.14);--y-isaret:var(--lacivert);--y-sil-emin:#F6D5D2;--y-sil-emin-yazi:var(--kirmizi)}
[data-tema="defter"] .app.yan-koyu{--yan:#3A3C41}
[data-tema="defter"] .app.yan-koyu .yan{--y-yazi:#fff;--y-yazi-2:rgba(255,255,255,.72);--y-soluk:rgba(255,255,255,.45);--y-ust:rgba(255,255,255,.07);--y-etkin:rgba(255,255,255,.1);
  --y-cizgi:rgba(255,255,255,.08);--y-isaret:#4A4C52;--y-sil-emin:#5C3034;--y-sil-emin-yazi:#FFC9C4}
[data-tema="defter"] .yan{border-right:0;color:var(--y-yazi-2)}
[data-tema="defter"] .yan .marka{color:var(--y-yazi)}
[data-tema="defter"] .yan .isaret{background:var(--y-isaret);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
[data-tema="defter"] .yan .ikon-dugme{color:var(--y-yazi-2)} [data-tema="defter"] .yan .ikon-dugme:hover{background:var(--y-ust);color:var(--y-yazi)}
[data-tema="defter"] .yeni-sohbet{background:var(--amber);border-color:var(--amber);color:var(--lacivert);box-shadow:0 4px 14px rgba(255,184,0,.18)}
[data-tema="defter"] .yeni-sohbet:hover{background:#FFC62E;border-color:#FFC62E}
[data-tema="defter"] .sohbetler{scrollbar-color:var(--y-cizgi) transparent}
[data-tema="defter"] .sohbetler h4{color:var(--y-soluk)}
[data-tema="defter"] .sohbet-oge{color:var(--y-yazi-2)}
[data-tema="defter"] .sohbet-oge:hover{background:var(--y-ust);color:var(--y-yazi)}
[data-tema="defter"] .sohbet-oge.etkin{background:var(--y-etkin);color:var(--y-yazi);box-shadow:inset 3px 0 0 var(--amber)}
[data-tema="defter"] .sohbetler .bos{color:var(--y-soluk)}
[data-tema="defter"] .sohbet-satir .sil{color:var(--y-soluk)} [data-tema="defter"] .sohbet-satir .sil:hover{background:var(--y-ust);color:var(--y-yazi)}
[data-tema="defter"] .sohbet-satir .sil.emin{background:var(--y-sil-emin);color:var(--y-sil-emin-yazi)}
[data-tema="defter"] .yan-alt{border-top-color:var(--y-cizgi)}
[data-tema="defter"] .yan .sistem-satir{color:var(--y-yazi-2)} [data-tema="defter"] .yan .sistem-satir svg{color:var(--y-soluk)} [data-tema="defter"] .yan a.sistem-satir:hover{color:var(--y-yazi)}
[data-tema="defter"] .yan .sistem-satir .soluk{color:var(--y-soluk)}
[data-tema="defter"] .yan .nokta.bekle{background:var(--yan)}
[data-tema="defter"] .yan-baglanti{color:var(--y-yazi-2)} [data-tema="defter"] .yan-baglanti:hover{background:var(--y-ust);color:var(--y-yazi)}

/* karşılama: figür + marka vaadi */
[data-tema="defter"] .karsilama-ust{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:28px}
[data-tema="defter"] .karsilama-ust .figur{width:92px;height:auto;flex:0 0 auto;filter:drop-shadow(0 10px 18px rgba(26,26,46,.18))}
[data-tema="defter"] .karsilama-ust .selam-kucuk{font-size:14px;font-weight:600;color:var(--mavi);letter-spacing:.01em}
[data-tema="defter"] .karsilama-ust h1{margin:2px 0 4px;font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1.08;color:var(--lacivert)}
[data-tema="defter"] .karsilama-ust h1 span{background:linear-gradient(transparent 62%,rgba(255,184,0,.45) 62%)}
[data-tema="defter"] .karsilama-ust .vaat{margin:0;color:var(--yazi-2);font-size:15px}
@media (max-width:640px){[data-tema="defter"] .karsilama-ust{flex-direction:column;text-align:center;gap:12px} [data-tema="defter"] .karsilama-ust .figur{width:72px}}
[data-tema="defter"] .oneri{background:var(--yuzey);border-color:var(--cizgi);color:var(--lacivert);font-weight:500;box-shadow:0 1px 2px rgba(20,20,43,.03)}
[data-tema="defter"] .oneri:hover{border-color:var(--lacivert);box-shadow:var(--golge)}
[data-tema="defter"] .oneri small{color:var(--mavi);font-weight:400}

/* kullanıcı: lacivert balon */
[data-tema="defter"] .mesaj-k div{background:var(--lacivert);color:#fff;border-radius:16px 16px 4px 16px;box-shadow:0 4px 14px rgba(26,26,46,.12)}

/* Katip: kayıt kartı */
[data-tema="defter"] .mesaj-a > .govde{position:relative;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;padding:16px 20px 12px;box-shadow:var(--golge)}
[data-tema="defter"] .mesaj-a > .govde > .eylemler{border-top:1px solid var(--cizgi);margin:12px -20px 0;padding:8px 14px 0}
[data-tema="defter"] .mesaj-a > .govde > .kaynak{margin-bottom:4px}

/* tablo: lacivert başlık (Excel çıktısıyla aynı dil) */
[data-tema="defter"] .tablo-kap{border-radius:10px}
[data-tema="defter"] .tablo-kap th{background:var(--lacivert);color:#fff;border-bottom:0}
[data-tema="defter"] .tablo-kap tbody tr:nth-child(even) td{background:#F8F9FC}

/* soru kutusu: köşeli, mavi odak halkası, amber gönder */
[data-tema="defter"] .yazma{border-radius:16px;border-width:1.5px}
[data-tema="defter"] .yazma:focus-within{border-color:var(--mavi);box-shadow:0 0 0 4px rgba(27,80,208,.10),var(--golge)}
[data-tema="defter"] .gonder{background:var(--amber);color:var(--lacivert);border-radius:10px}
[data-tema="defter"] .gonder:hover:not(:disabled){background:#FFC62E}
[data-tema="defter"] .gonder:disabled{background:#E3E7EF;color:#9AA2B8}

/* temel stildeki sıcak tonların serin karşılıkları ve karşılamanın bu temadaki biçimi */
[data-tema="defter"] .tablo-kap td,[data-tema="defter"] .akis li,[data-tema="defter"] .secim-oge{border-bottom-color:#EDF0F5}
[data-tema="defter"] .ilerleme{background:#E6EAF2}
[data-tema="defter"] .yazma-alan{background:linear-gradient(to bottom,rgba(244,246,250,0),var(--zemin) 30%)}
[data-tema="defter"] .selam{display:none}
[data-tema="defter"] .karsilama-ust{display:flex}

/* oturum: kenar çubuğunda çalışma alanı ve kullanıcı; giriş ekranı; yönetim (Ayarlar) */
.oturum-kutu{display:grid;gap:2px;border-top:1px solid var(--cizgi);margin-top:6px;padding-top:8px}
.oturum-kutu:empty{display:none}
.alan-satir{display:flex;align-items:center;gap:8px;padding:3px 10px;font-size:13px;color:var(--yazi-2);min-width:0}
.alan-satir svg{width:16px;height:16px;color:var(--yazi-3)}
.alan-satir .yazi{min-width:0;display:flex}
.alan-satir b{font-weight:600;color:var(--lacivert);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alan-satir select{font:600 13px Inter,system-ui,sans-serif;color:var(--lacivert);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:3px 6px;max-width:100%;min-width:0}
.kullanici-satir{display:flex;align-items:center;gap:10px;padding:4px 2px 2px 8px;min-width:0}
.kullanici-satir .yazi{display:grid;min-width:0;flex:1;line-height:1.25}
.kullanici-satir b{font-size:13px;font-weight:600;color:var(--yazi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kullanici-satir small{font-size:11.5px;color:var(--yazi-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar{width:28px;height:28px;border-radius:50%;background:var(--lacivert);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700;flex:0 0 28px}
.kullanici-satir .cikis{width:32px;height:32px;flex:0 0 32px}
.app.dar .oturum-kutu{border-top:0;justify-items:center;margin-top:2px}
.app.dar .alan-satir{padding:4px 0}
.app.dar .kullanici-satir{flex-direction:column;gap:6px;padding:4px 0}
body.giris-modu .app{display:none}
.giris{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--zemin)}
.giris-kart{width:min(400px,100%);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:20px;padding:26px 24px;box-shadow:var(--golge);display:grid;gap:14px}
.giris-ust{display:flex;align-items:center;gap:10px}
.giris-marka{font-weight:800;font-size:21px;letter-spacing:-.035em;color:var(--lacivert)}
.giris-kart .figur{justify-self:center;margin:2px 0 -6px}
.giris-kart h1{font-size:22px;margin:0;color:var(--lacivert);letter-spacing:-.02em;text-align:center}
.giris-kart p{margin:0;font-size:13.5px;color:var(--yazi-2);text-align:center}
.giris-kart .dugme{justify-content:center;width:100%;margin-top:4px}
.giris-kart .sonuc:empty{display:none}
.yonetim-baslik{font-size:13px;font-weight:700;color:var(--yazi-2);margin:18px 0 4px;letter-spacing:.02em}
.yonetim-baslik:first-child{margin-top:0}
.yonetim-satir{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--cizgi);font-size:14px}
.yonetim-baslik + .yonetim-satir{border-top:0}
.yonetim-satir .bilgi-y{flex:1 1 200px;min-width:0;display:grid;line-height:1.35}
.yonetim-satir .bilgi-y b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yonetim-satir small{font-size:12.5px;color:var(--yazi-3)}
.satir-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.satir-form input,.satir-form select{font:inherit;font-size:14px;padding:7px 10px;border:1.5px solid var(--cizgi-2);border-radius:10px;background:var(--yuzey);color:var(--yazi);min-width:0;flex:1 1 150px}
.satir-form input:focus,.satir-form select:focus{outline:0;border-color:var(--mavi);box-shadow:0 0 0 3px rgba(27,80,208,.12)}
.alan-cipleri{display:flex;flex-wrap:wrap;gap:6px}
.alan-cip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;border:1px solid var(--cizgi);border-radius:999px;padding:3px 10px 3px 6px;background:var(--yuzey-2);cursor:pointer}
.alan-cip input,.bayrak input{margin:0;accent-color:var(--lacivert)}
.bayrak{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--yazi-2);cursor:pointer}
@media (max-width:640px){.yonetim-satir .bilgi-y{flex-basis:100%}}
[data-tema="defter"] .oturum-kutu{border-top-color:var(--y-cizgi)}
[data-tema="defter"] .alan-satir,[data-tema="defter"] .alan-satir svg,[data-tema="defter"] .kullanici-satir small{color:var(--y-soluk)}
[data-tema="defter"] .alan-satir b,[data-tema="defter"] .kullanici-satir b{color:var(--y-yazi)}
/* kurulum sihirbazı ve rol seçimi */
.sihirbaz-adimlar{flex-wrap:wrap;row-gap:8px}
a.adim{cursor:pointer} a.adim:hover{color:var(--lacivert)}
.sihirbaz-alt{justify-content:space-between;margin-top:18px}
.bayrak select{font:inherit;font-size:12.5px;padding:4px 6px;border:1px solid var(--cizgi-2);border-radius:8px;background:var(--yuzey);color:var(--yazi);max-width:170px}
.sifre-yer:empty{display:none}

/* ================================================================== Tema "Kâğıt" (Ayarlar > Görünüm; <html data-tema="kagit">)
   Sıcak kâğıt tonları, bej kenar çubuğu, yumuşak çizgiler, serif başlıklar (Libertinus Serif). Vurgu kurumsal lacivert; yazı Inter.
   Yerleşim Katip Default'unkiyle aynı (açık kenar çubuğu, figürlü karşılama); yalnız renk ve başlık yazısı değişir. */
[data-tema="kagit"]{--zemin:#FFFCF7; --yan:#F3EEE6; --yuzey:#FFFEFB; --yuzey-2:#F8F3EB; --cizgi:#E8E1D5; --cizgi-2:#D9CFBF;
  --yazi:#302D28; --yazi-2:#696159; --yazi-3:#9C9287; --serif:"Libertinus Serif",Georgia,"Times New Roman",serif;
  --golge:0 1px 2px rgba(48,45,40,.04),0 6px 18px rgba(48,45,40,.06)}
[data-tema="kagit"] .yan{border-right-color:var(--cizgi)}
[data-tema="kagit"] .sohbet-oge:hover{background:rgba(48,45,40,.05)}
[data-tema="kagit"] .sohbet-oge.etkin{background:#E9E2D6;color:var(--yazi)}
[data-tema="kagit"] .yeni-sohbet{background:var(--yuzey);border-color:var(--cizgi)}
[data-tema="kagit"] .ikon-dugme:hover{background:rgba(48,45,40,.06)}
/* serif başlıklar: karşılama, sayfa başlıkları, giriş kartı */
[data-tema="kagit"] .selam h1,[data-tema="kagit"] .sayfa h1,[data-tema="kagit"] .giris-kart h1{font-family:var(--serif);font-weight:400;letter-spacing:0;color:var(--yazi);line-height:1.15}
[data-tema="kagit"] .selam h1{font-size:clamp(28px,3.8vw,40px)}
[data-tema="kagit"] .sayfa h1{font-size:34px;margin-bottom:8px}
[data-tema="kagit"] .giris-kart h1{font-size:28px}
[data-tema="kagit"] .alt-baslik{color:var(--yazi-2)}
/* soru kutusu, öneriler, kullanıcı balonu, kartlar */
[data-tema="kagit"] .yazma{border-color:var(--cizgi-2)}
[data-tema="kagit"] .oneri{background:var(--yuzey);border-color:var(--cizgi)}
[data-tema="kagit"] .oneri:hover{border-color:var(--cizgi-2);background:#FBF7F1}
[data-tema="kagit"] .mesaj-k div{background:#EFE8DC}
[data-tema="kagit"] .kart{background:var(--yuzey);border-color:var(--cizgi)}
[data-tema="kagit"] .kart .kart{background:var(--yuzey-2)}
[data-tema="kagit"] .adim b{background:var(--yuzey)}
[data-tema="kagit"] .tablo-kap tbody tr:nth-child(even) td{background:#FAF6EF}

/* marka dizilişi "vekomind | katip": Katip, Vekomind'in ürünü; üst marka küçük ve soluk */
.marka .yazi,.giris-marka{display:inline-flex;align-items:center}
.ust-marka{font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--yazi-3)}
.marka-ayrac{width:1px;height:16px;background:var(--cizgi-2);margin:0 9px}
[data-tema="defter"] .yan .ust-marka{color:var(--y-soluk)}
[data-tema="defter"] .yan .marka-ayrac{background:var(--y-cizgi)}
/* giriş öncesi ekranlar: kayıt, şifremi unuttum, doğrulama, davet */
.giris-baglar{margin:0;text-align:center;font-size:13px;color:var(--yazi-2)}
.giris-baglar a{color:var(--lacivert);text-decoration:underline;text-underline-offset:2px}
.giris-kart .bilgi{margin:0}
.eposta-siz{margin-top:8px;font-size:13px;color:var(--yazi-2)}
.eposta-siz summary{cursor:pointer}
.deneme-rozet{margin-left:8px;font-size:11px;font-weight:600;color:#8A5A00;background:var(--amber-acik);border-radius:999px;padding:1px 8px;white-space:nowrap}
/* alan adıyla sahiplik (DNS TXT) */
.sahiplik{font-size:13px;color:var(--yazi-2);border-top:1px solid var(--cizgi);padding-top:10px}
.sahiplik summary{cursor:pointer;color:var(--lacivert);font-weight:600}
.sahiplik p{text-align:left;margin:8px 0}
.dns-kayit{font-size:13px;margin:8px 0 0} .dns-kayit code{overflow-wrap:anywhere}