/* ============================================================
   EMLAK PRO — Yönetim paneli
   Açık/koyu tema, tam genişlik içerik, mobil uyumlu.
   ============================================================ */

:root{
  --y-arka:#f3f4f7;
  --y-panel:#ffffff;
  --y-panel-2:#fafbfc;
  --y-metin:#151821;
  --y-metin-2:#5d6472;
  --y-cizgi:#e3e6ec;
  --y-kenar:#141720;
  --y-kenar-metin:#a8aebd;
  --y-kenar-etkin:#ffffff;
  --y-pirinc:#c08a2e;
  --y-pirinc-2:#e0ae53;
  --y-onay:#1c6b4a; --y-onay-bg:#e5f3ec;
  --y-red:#a32b2b;  --y-red-bg:#fbe9e9;
  --y-bekle:#8a6212;--y-bekle-bg:#fdf3dc;
  --y-mavi:#1f5d9e; --y-mavi-bg:#e7f0fa;
  --y-r:9px;
  --y-golge:0 1px 2px rgba(20,23,32,.05),0 4px 14px rgba(20,23,32,.05);
  --f-b:'Bricolage Grotesque','Manrope',system-ui,sans-serif;
  --f-g:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-k:'JetBrains Mono',ui-monospace,monospace;
}
html[data-tema="koyu"]{
  --y-arka:#0e1016;
  --y-panel:#171a23;
  --y-panel-2:#1e2230;
  --y-metin:#e8eaf0;
  --y-metin-2:#9aa1b1;
  --y-cizgi:#262b38;
  --y-kenar:#0a0c11;
  --y-onay-bg:#122a20; --y-red-bg:#2c1618; --y-bekle-bg:#2b2211; --y-mavi-bg:#122238;
  --y-golge:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35);
}

*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--y-arka);color:var(--y-metin);
  font-family:var(--f-g);font-size:14.5px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--f-b);letter-spacing:-.02em;margin:0}
.mono{font-family:var(--f-k)}

/* ---------- İskelet ---------- */
.yonetim{display:flex;min-height:100vh}

.kenar{
  width:250px;flex:0 0 250px;background:var(--y-kenar);color:var(--y-kenar-metin);
  display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:80;
  transform:translateX(-100%);transition:transform .22s ease;
}
.kenar.acik{transform:translateX(0)}
@media(min-width:1080px){
  .kenar{position:sticky;top:0;height:100vh;transform:none}
  .icerik-alan{margin-left:0}
}
.kenar-tepe{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}
.kenar-tepe .isaret{width:32px;height:32px;flex:0 0 32px;border-radius:6px;background:var(--y-pirinc);color:#111;display:grid;place-items:center;font-weight:800}
.kenar-tepe b{color:#fff;font-family:var(--f-b);font-size:1.02rem;letter-spacing:-.02em}
.kenar-tepe small{display:block;font-size:11px;color:var(--y-kenar-metin);letter-spacing:.06em}

.kenar-menu{flex:1;overflow-y:auto;padding:14px 10px 20px}
.kenar-menu .grup{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#5e6577;padding:16px 10px 7px;font-weight:700}
.kenar-menu a{
  display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:7px;
  font-size:14px;font-weight:600;margin-bottom:2px;transition:.14s;
}
.kenar-menu a:hover{background:rgba(255,255,255,.06);color:#fff}
.kenar-menu a.etkin{background:rgba(224,174,83,.14);color:var(--y-pirinc-2)}
.kenar-menu a.etkin svg{color:var(--y-pirinc-2)}
.kenar-menu svg{width:18px;height:18px;flex:0 0 18px;opacity:.85}
.kenar-menu .adet{margin-left:auto;font-family:var(--f-k);font-size:11px;background:rgba(255,255,255,.1);padding:2px 7px;border-radius:100px}

.kenar-alt{padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:12px}
.kenar-alt .kul{color:#fff;font-weight:700;font-size:13px}

.perde{position:fixed;inset:0;background:rgba(10,12,17,.55);z-index:70;display:none}
.perde.acik{display:block}
@media(min-width:1080px){.perde{display:none !important}}

/* ---------- İçerik ---------- */
.icerik-alan{flex:1;min-width:0;display:flex;flex-direction:column}
.tepe-cubuk{
  position:sticky;top:0;z-index:50;background:var(--y-panel);border-bottom:1px solid var(--y-cizgi);
  display:flex;align-items:center;gap:12px;padding:0 18px;min-height:62px;
}
.tepe-cubuk h1{font-size:1.15rem;font-weight:700}
.tepe-arac{margin-left:auto;display:flex;align-items:center;gap:8px}
.simge-dugme{
  width:38px;height:38px;display:grid;place-items:center;border-radius:8px;
  border:1px solid var(--y-cizgi);background:var(--y-panel);cursor:pointer;color:var(--y-metin-2);
}
.simge-dugme:hover{color:var(--y-metin);border-color:var(--y-metin-2)}
.menu-ac{display:grid}
@media(min-width:1080px){.menu-ac{display:none}}

.icerik{padding:20px 18px 48px;width:100%}
@media(min-width:640px){.icerik{padding:24px 24px 56px}}

/* ---------- Panel ---------- */
.p{background:var(--y-panel);border:1px solid var(--y-cizgi);border-radius:var(--y-r);box-shadow:var(--y-golge)}
.p-bas{padding:15px 18px;border-bottom:1px solid var(--y-cizgi);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.p-bas h2{font-size:1rem;font-weight:700}
.p-bas .sag{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.p-govde{padding:18px}
.p + .p{margin-top:18px}

/* ---------- Ölçüm kartları ---------- */
.olcum-izgara{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:18px}
.olcum{
  background:var(--y-panel);border:1px solid var(--y-cizgi);border-radius:var(--y-r);
  padding:16px 17px;position:relative;overflow:hidden;box-shadow:var(--y-golge);
}
.olcum::after{content:"";position:absolute;right:-24px;top:-24px;width:82px;height:82px;border-radius:50%;background:var(--vurgu,var(--y-mavi-bg));opacity:.55}
.olcum .ust{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--y-metin-2);letter-spacing:.03em;text-transform:uppercase;position:relative}
.olcum .deger{font-family:var(--f-b);font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-top:6px;position:relative}
.olcum .alt-not{font-size:12.5px;color:var(--y-metin-2);margin-top:2px;position:relative}
.olcum .cizgi{display:flex;gap:2px;align-items:flex-end;height:26px;margin-top:10px;position:relative}
.olcum .cizgi i{flex:1;background:var(--y-cizgi);border-radius:2px 2px 0 0}
.olcum .cizgi i.d{background:var(--y-pirinc);opacity:.75}

/* ---------- Tablo ---------- */
.tablo-sarma{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.tablo{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}
table.tablo th{
  text-align:left;padding:11px 14px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--y-metin-2);border-bottom:1px solid var(--y-cizgi);background:var(--y-panel-2);white-space:nowrap;font-weight:700;
}
table.tablo td{padding:12px 14px;border-bottom:1px solid var(--y-cizgi);vertical-align:middle}
table.tablo tbody tr:hover{background:var(--y-panel-2)}
table.tablo .sag{text-align:right}
.satir-gorsel{width:56px;height:42px;object-fit:cover;border-radius:6px;background:var(--y-panel-2)}
.satir-baslik{font-weight:600;display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.satir-alt{font-size:12px;color:var(--y-metin-2);font-family:var(--f-k)}

/* Mobilde kart görünümü */
@media(max-width:720px){
  table.tablo{min-width:0}
  table.tablo thead{display:none}
  table.tablo tr{display:block;border:1px solid var(--y-cizgi);border-radius:var(--y-r);margin-bottom:12px;padding:6px 0;background:var(--y-panel)}
  table.tablo td{display:flex;justify-content:space-between;gap:14px;border:none;padding:8px 14px;text-align:right}
  table.tablo td::before{content:attr(data-etiket);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--y-metin-2);font-weight:700;text-align:left;flex:0 0 auto}
  .satir-baslik{max-width:none;white-space:normal}
}

/* ---------- Etiket / durum ---------- */
.et{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:100px;white-space:nowrap}
.et.onay{background:var(--y-onay-bg);color:var(--y-onay)}
.et.red{background:var(--y-red-bg);color:var(--y-red)}
.et.bekle{background:var(--y-bekle-bg);color:var(--y-bekle)}
.et.notr{background:var(--y-panel-2);color:var(--y-metin-2);border:1px solid var(--y-cizgi)}
.et.mavi{background:var(--y-mavi-bg);color:var(--y-mavi)}
.et::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}

/* ---------- Form ---------- */
.form-izgara{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.form-izgara.k2{grid-template-columns:1fr 1fr}
                        .form-izgara.k3{grid-template-columns:repeat(3,1fr)}
                        .form-izgara.k4{grid-template-columns:repeat(4,1fr)}}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan label{font-size:12.5px;font-weight:700;color:var(--y-metin-2)}
.alan label .zorunlu{color:var(--y-red)}
.gir,select.gir,textarea.gir{
  width:100%;padding:10px 12px;border:1px solid var(--y-cizgi);border-radius:8px;
  background:var(--y-panel);color:var(--y-metin);transition:.14s;font-family:inherit;font-size:14px;
}
.gir:focus{outline:none;border-color:var(--y-pirinc);box-shadow:0 0 0 3px rgba(192,138,46,.16)}
.gir:disabled{background:var(--y-panel-2);color:var(--y-metin-2)}
textarea.gir{min-height:150px;resize:vertical}
.alan .not{font-size:12px;color:var(--y-metin-2)}
.onay-kutu{display:flex;align-items:center;gap:9px;font-size:14px;padding:9px 11px;border:1px solid var(--y-cizgi);border-radius:8px;cursor:pointer}
.onay-kutu input{width:17px;height:17px;accent-color:var(--y-pirinc)}
.onay-kutu:has(input:checked){border-color:var(--y-pirinc);background:var(--y-bekle-bg)}

.dg{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:700;font-size:14px;
  cursor:pointer;transition:.14s;white-space:nowrap;font-family:inherit;
}
.dg-ana{background:var(--y-metin);color:var(--y-panel)}
.dg-pirinc{background:var(--y-pirinc);color:#fff}
.dg-pirinc:hover{background:#a5761f}
.dg-onay{background:var(--y-onay);color:#fff}
.dg-red{background:var(--y-red);color:#fff}
.dg-cizgi{background:var(--y-panel);border-color:var(--y-cizgi);color:var(--y-metin)}
.dg-cizgi:hover{border-color:var(--y-metin-2)}
.dg-kucuk{padding:6px 11px;font-size:12.5px}
.dg:focus-visible{outline:3px solid rgba(192,138,46,.5);outline-offset:2px}
.dg:disabled{opacity:.5;cursor:not-allowed}

/* ---------- EİDS kutusu ---------- */
.eids-kutu{
  border:1.5px solid var(--y-cizgi);border-radius:var(--y-r);overflow:hidden;
  background:var(--y-panel);
}
.eids-kutu.dogrulandi{border-color:var(--y-onay)}
.eids-kutu.dogrulanamadi,.eids-kutu.suresi_doldu{border-color:var(--y-red)}
.eids-kutu.beklemede,.eids-kutu.sorgulaniyor{border-color:var(--y-bekle)}
.eids-bas{
  display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--y-cizgi);
  background:var(--y-panel-2);flex-wrap:wrap;
}
.eids-bas .mm{font-family:var(--f-k);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--y-metin-2);font-weight:700}
.eids-bas .sag{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.eids-govde{padding:16px;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:820px){.eids-govde{grid-template-columns:1fr 190px}}
.eids-satir{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px dashed var(--y-cizgi);font-size:13.5px}
.eids-satir span{color:var(--y-metin-2)}
.eids-satir b{font-family:var(--f-k);font-size:13px;text-align:right;word-break:break-all}
.eids-qr{display:grid;place-items:center;gap:8px;padding:12px;border:1px dashed var(--y-cizgi);border-radius:8px;background:var(--y-panel-2)}
.eids-qr small{font-size:11px;color:var(--y-metin-2);text-align:center}

/* ---------- Bildirim ---------- */
.uyari{padding:12px 15px;border-radius:8px;margin-bottom:16px;font-size:14px;border-left:4px solid;display:flex;gap:10px;align-items:flex-start}
.uyari.basari{background:var(--y-onay-bg);border-color:var(--y-onay);color:var(--y-onay)}
.uyari.hata{background:var(--y-red-bg);border-color:var(--y-red);color:var(--y-red)}
.uyari.uyari-sari{background:var(--y-bekle-bg);border-color:var(--y-bekle);color:var(--y-bekle)}
.uyari.bilgi{background:var(--y-mavi-bg);border-color:var(--y-mavi);color:var(--y-mavi)}

/* ---------- Sekme ---------- */
.sekme-cubuk{display:flex;gap:2px;border-bottom:1px solid var(--y-cizgi);overflow-x:auto;padding:0 4px}
.sekme-cubuk button{
  padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;
  font-weight:700;font-size:13.5px;color:var(--y-metin-2);cursor:pointer;white-space:nowrap;font-family:inherit;
}
.sekme-cubuk button.etkin{color:var(--y-metin);border-color:var(--y-pirinc)}
.sekme-icerik{display:none}
.sekme-icerik.etkin{display:block}

/* ---------- Görsel ızgara ---------- */
.gorsel-izgara{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.gorsel-oge{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:1px solid var(--y-cizgi)}
.gorsel-oge img{width:100%;height:100%;object-fit:cover}
.gorsel-oge .sil{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:6px;background:rgba(163,43,43,.92);color:#fff;border:none;cursor:pointer;display:grid;place-items:center}
.gorsel-oge .kapak-et{position:absolute;left:6px;bottom:6px;font-size:10.5px;font-weight:800;background:var(--y-pirinc);color:#fff;padding:3px 7px;border-radius:4px}

/* ---------- Boş durum ---------- */
.bos{padding:56px 20px;text-align:center;color:var(--y-metin-2)}
.bos svg{width:44px;height:44px;margin:0 auto 14px;opacity:.4}
.bos h3{font-size:1.05rem;color:var(--y-metin);margin-bottom:6px}

/* ---------- Sayfalama ---------- */
.sayfalar{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;padding:18px}
.sayfalar a,.sayfalar span{min-width:36px;height:36px;display:grid;place-items:center;padding:0 11px;border:1px solid var(--y-cizgi);border-radius:7px;font-size:13.5px;font-weight:600}
.sayfalar .etkin{background:var(--y-metin);color:var(--y-panel);border-color:var(--y-metin)}

/* ---------- Giriş ekranı ---------- */
.giris-sayfa{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--y-kenar)}
.giris-kutu{width:100%;max-width:410px;background:var(--y-panel);border-radius:14px;padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.giris-kutu .marka{display:flex;align-items:center;gap:11px;margin-bottom:26px}
.giris-kutu .isaret{width:40px;height:40px;border-radius:8px;background:var(--y-pirinc);color:#111;display:grid;place-items:center;font-weight:800;font-size:1.1rem}

@media(prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}