/* Antalya İnşaat — İlan Paneli
   Ekranla aynı renk ailesi; ama burası bir yönetim aracı, vitrin değil:
   yazılar normal boyutta, bilgi yoğunluğu yüksek. */

:root{
  --bg:#EDF0F4; --yuzey:#FFFFFF; --yuzey2:#F5F7FA; --cizgi:#D3DAE3;
  --metin:#0F1722; --soluk:#5A6674;
  --mavi:#2A5EAA; --mavi-koyu:#204A87; --kirmizi:#C81E14;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
     background:var(--bg);color:var(--metin);line-height:1.5;
     -webkit-font-smoothing:antialiased}
.gizli{display:none !important}

button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:11px 18px;font-weight:600}
.birincil{background:var(--mavi);color:#fff}
.birincil:hover{background:var(--mavi-koyu)}
.ikincil{background:var(--yuzey);color:var(--metin);border:1px solid var(--cizgi)}
.ikincil:hover{background:var(--yuzey2)}
.tehlike{background:transparent;color:var(--kirmizi);border:1px solid var(--cizgi)}
.tehlike:hover{background:#FDECEA;border-color:var(--kirmizi)}

input[type=text],input[type=password],input[type=number],input:not([type]){
  width:100%;padding:11px 13px;border:1px solid var(--cizgi);border-radius:8px;
  font:inherit;background:var(--yuzey);color:var(--metin)}
input:focus{outline:2px solid var(--mavi);outline-offset:1px;border-color:var(--mavi)}
label{font-weight:600;font-size:.93rem;display:block;margin-bottom:6px}
small{display:block;color:var(--soluk);font-size:.83rem;margin-top:5px}
.zorunlu{color:var(--kirmizi)}

.hata{background:#FDECEA;border:1px solid #F3B5B0;color:#8E1710;
      padding:11px 14px;border-radius:8px;margin-top:14px;font-size:.93rem}

/* ---- Giriş ---- */
.giris{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.giris-kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;
            padding:36px;width:100%;max-width:400px}
.giris-kutu h1{font-size:1.6rem;margin-bottom:6px}
.giris-kutu .alt{color:var(--soluk);font-size:.93rem;margin-bottom:26px}
.giris-kutu label{margin-top:4px}
.giris-kutu button{width:100%;margin-top:18px}

/* ---- Üst çubuk ---- */
.ust{background:var(--yuzey);border-bottom:1px solid var(--cizgi);
     padding:16px 24px;display:flex;align-items:center;justify-content:space-between;
     gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:5}
.ust strong{font-size:1.05rem}
.ust .alt{color:var(--soluk);margin-left:10px;font-size:.9rem}
.ust-sag{display:flex;align-items:center;gap:10px}
.durum{font-size:.88rem;color:var(--soluk);min-width:90px;text-align:right}
.durum.iyi{color:#1B7F3B}
.durum.kotu{color:var(--kirmizi)}

/* ---- Gövde ---- */
.govde{max-width:1100px;margin:0 auto;padding:28px 24px 64px}
.baslik-satiri{display:flex;align-items:center;justify-content:space-between;
               gap:16px;flex-wrap:wrap;margin-bottom:14px}
.baslik-satiri h2{font-size:1.3rem}
.sayi{color:var(--soluk);font-weight:400;font-size:1rem}
.bilgi{background:#E8EEF8;border:1px solid #C6D6EE;border-radius:8px;
       padding:13px 16px;font-size:.9rem;color:#254273;margin-bottom:22px}

/* ---- Liste ---- */
.liste{display:flex;flex-direction:column;gap:10px}
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;
      padding:16px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.kart.pasif{opacity:.55;background:var(--yuzey2)}
.rozet{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#fff;
       padding:5px 11px;border-radius:5px;white-space:nowrap}
.rozet.satilik{background:var(--kirmizi)}
.rozet.kiralik{background:var(--mavi)}
.kart .ana{flex:1;min-width:220px}
.kart .fiyat{font-size:1.22rem;font-weight:800;letter-spacing:-.01em}
.kart .detay{color:var(--soluk);font-size:.9rem;margin-top:3px}
.kart .islem{display:flex;gap:8px}
.kart .islem button{padding:8px 14px;font-size:.9rem}
.gizli-etiket{font-size:.78rem;font-weight:700;color:var(--soluk);
              border:1px solid var(--cizgi);border-radius:5px;padding:4px 9px}
.bos{text-align:center;color:var(--soluk);padding:56px 24px;
     background:var(--yuzey);border:1px dashed var(--cizgi);border-radius:10px}

/* ---- Pencere (form) ---- */
.perde{position:fixed;inset:0;background:rgba(15,23,34,.55);
       display:flex;align-items:flex-start;justify-content:center;
       padding:32px 20px;overflow-y:auto;z-index:20}
.pencere{background:var(--yuzey);border-radius:12px;padding:28px;
         width:100%;max-width:680px;margin:auto}
.pencere.dar{max-width:440px}
.pencere h3{font-size:1.25rem;margin-bottom:6px}
.pencere .alt{color:var(--soluk);font-size:.9rem;margin-bottom:20px}
.izgara{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.alan.genis{grid-column:1 / -1}
.alan.onay{display:flex;align-items:center}
.alan.onay label{display:flex;align-items:center;gap:9px;margin:0;font-weight:600}
.alan.onay input{width:18px;height:18px}
.secim{display:flex;gap:10px}
.secenek{display:flex;align-items:center;gap:7px;margin:0;font-weight:500;cursor:pointer}
.secenek .etiket{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#fff;
                 padding:5px 11px;border-radius:5px}
.secenek .etiket.satilik{background:var(--kirmizi)}
.secenek .etiket.kiralik{background:var(--mavi)}
.dugmeler{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}

@media (max-width:640px){
  .izgara{grid-template-columns:1fr}
  .kart .islem{width:100%}
  .kart .islem button{flex:1}
}