/* =====================================================================
 * site.css — musteri sitesi gorunumu (tek dosya, cerceve yok)
 * Copyright (c) 1994-2026 ArGeTürk — Mustafa BUDAK
 * ===================================================================== */
* { box-sizing: border-box; margin: 0; }
body { font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
       color: #0f172a; background: #f1f5f9; }

/* --- giris --- */
.giris-govde { display: flex; align-items: center;
               justify-content: center; min-height: 100vh;
               background: linear-gradient(160deg,#0f172a,#1e3a8a); }
.giris-kutu { background: #fff; padding: 36px; border-radius: 14px;
              width: 360px; box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.giris-marka { font-size: 24px; font-weight: 800; text-align: center;
               margin-bottom: 4px; }
.giris-marka span { color: #1b84ff; }
.giris-alt { text-align: center; color: #64748b; font-size: 13px;
             margin-bottom: 22px; }
.giris-kutu label { display: block; font-size: 13px; color: #334155;
                    margin-bottom: 14px; font-weight: 600; }
.giris-kutu input { width: 100%; margin-top: 6px; padding: 10px 12px;
                    border: 1px solid #cbd5e1; border-radius: 8px;
                    font-size: 14px; }
.giris-kutu button { width: 100%; padding: 12px; border: 0;
                     border-radius: 8px; background: #1b84ff;
                     color: #fff; font-size: 15px; font-weight: 700;
                     cursor: pointer; margin-top: 6px; }
.giris-kutu button:hover { background: #1668c9; }
.giris-hata { color: #b91c1c; font-size: 13px; margin-top: 12px;
              text-align: center; min-height: 18px; }

/* --- panel yerlesimi --- */
.yerlesim { display: flex; min-height: 100vh; }
.kenar { width: 220px; background: #0f172a; color: #e2e8f0;
         display: flex; flex-direction: column; }
.marka { font-size: 18px; font-weight: 800; padding: 20px 18px; }
.marka span { color: #1b84ff; }
.kenar nav { flex: 0 0 auto; }
.sekme { display: block; padding: 12px 18px; color: #cbd5e1;
         text-decoration: none; font-size: 14px; }
.sekme:hover { background: #1e293b; }
.sekme.aktif { background: #1b84ff; color: #fff; font-weight: 700; }
.kenar-alt { margin-top: auto; padding: 16px 18px;
             border-top: 1px solid #1e293b; }
.kullanici { font-size: 13px; margin-bottom: 10px; color: #94a3b8; }
.cikis { background: none; border: 1px solid #334155; color: #cbd5e1;
         padding: 8px 12px; border-radius: 6px; cursor: pointer;
         font-size: 13px; width: 100%; }
.cikis:hover { border-color: #b91c1c; color: #fecaca; }

.icerik { flex: 1; display: flex; flex-direction: column; }
.bolum { display: none; flex: 1; padding: 0; }
.bolum.aktif { display: flex; flex-direction: column; }
#harita { flex: 1; min-height: 400px; }
#bolum-arac.aktif { padding: 24px; display: block; }

.bolum-baslik { display: flex; justify-content: space-between;
                align-items: center; margin-bottom: 16px; }
.bolum-baslik h2 { font-size: 18px; }
.bolum-baslik button, .kayit-form button {
  background: #1b84ff; color: #fff; border: 0; padding: 9px 16px;
  border-radius: 8px; font-size: 13px; font-weight: 700;
  cursor: pointer; }
.kayit-form { background: #fff; border: 1px solid #e2e8f0;
              border-radius: 10px; padding: 16px; margin-bottom: 16px;
              display: flex; flex-wrap: wrap; gap: 12px;
              align-items: flex-end; }
.kayit-form label { font-size: 12px; color: #334155; font-weight: 600; }
.kayit-form input { display: block; margin-top: 4px; padding: 8px 10px;
                    border: 1px solid #cbd5e1; border-radius: 6px; }
#arac-sonuc { color: #b91c1c; font-size: 13px; }

.tablo { width: 100%; border-collapse: collapse; background: #fff;
         border-radius: 10px; overflow: hidden;
         box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.tablo th { text-align: left; font-size: 12px; color: #64748b;
            padding: 10px 14px; background: #f8fafc;
            border-bottom: 1px solid #e2e8f0; }
.tablo td { padding: 10px 14px; font-size: 14px;
            border-bottom: 1px solid #f1f5f9; }
.tablo .bos { color: #94a3b8; text-align: center; padding: 24px; }
.sil-btn { background: none; border: 1px solid #cbd5e1;
           border-radius: 6px; padding: 5px 10px; font-size: 12px;
           cursor: pointer; color: #b91c1c; }