/* ==== ELIT (DÜZ & DERLİ TOPLU) ========================================= */

:root{
  --bg:#f3f5fa; --card:#ffffff; --text:#0f172a; --muted:#5b6475;
  --primary:#335cff; --primary-600:#2746d3;
  --border:#e6e8ee; --accent:#f4f7ff;
  --ring: 0 0 0 3px rgba(51,92,255,.12);
  --shadow-1: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
  --radius:10px;
}

*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:#f7f9ff;
  color:var(--text);
  font-size:12.5px; line-height:1.55;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* linklerde alt çizgi yok */
a{color:var(--primary); text-decoration:none; transition:color .15s ease}
a:hover{ text-decoration:none; color:#2148ff }

/* ===== Layout ============================================================ */
.sayfa{display:flex; min-height:100vh; width:100%}

/* Sol menü: altı çizgili düz liste, pill yok */
.yan{
  position:sticky; top:0; align-self:flex-start; width:240px; min-height:100vh;
  background:var(--card); border-right:1px solid var(--border); padding:18px 16px;
}
.marka{font-weight:800; font-size:14px; margin:4px 0 10px; letter-spacing:.2px}

.menu{display:flex; flex-direction:column}
.menu a{
  display:block;
  padding:10px 4px;             /* daha sıkı */
  color:#2b3240;
  border-bottom:1px solid var(--border);   /* <-- ince çizgi */
  border-radius:0;                         /* <-- oval yok */
  background:transparent;                  /* <-- arka plan yok */
}
.menu a:hover{ color:#111827; background:transparent }
.menu a.aktif{
  color:#0f1a44; font-weight:700;
  background:transparent;
  border-bottom-color:#d7dcf0;            /* aktif satır biraz koyu */
}

/* İçerik tam genişlik (sağ-sol boşluk yok) */
.icerik{flex:1; padding:0; max-width:none; margin:0}
.baslik{font-size:16px; font-weight:800; letter-spacing:.2px; margin:0 0 14px; padding:14px 16px}

/* ===== Kartlar, Formlar, Tablo ========================================== */
.kart{
  background:var(--card);
  border-top:1px solid var(--border);     /* kenarlar sade */
  border-bottom:1px solid var(--border);
  border-left:none; border-right:none;
  border-radius:0;
  padding:14px 16px;
  margin:0;                                /* yan boşluk hissi olmasın */
}

.grid{display:grid; gap:10px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}

.label{font-size:11px; color:var(--muted); margin:0 0 6px; letter-spacing:.15px}
.girdi, textarea, select{
  width:100%; padding:9px 11px; border-radius:8px;
  border:1px solid var(--border); background:#fff; color:var(--text);
  font-size:12.5px; transition:border-color .15s ease, box-shadow .15s ease;
}
.girdi:hover, textarea:hover, select:hover{ border-color:#d9def0 }
.girdi:focus, textarea:focus, select:focus{ outline:none; border-color:var(--primary); box-shadow:var(--ring) }

.buton{
  padding:8px 12px; border-radius:8px;
  border:1px solid var(--primary);
  background:var(--primary); color:#fff; font-weight:700; letter-spacing:.2px; cursor:pointer;
  font-size:12.5px; transition:filter .15s ease, background .15s ease;
}
.buton:hover{ background:var(--primary-600) }
.buton.ikincil{ background:#fff; color:#1f2937; border:1px solid #dfe2ec }
.buton.ikincil:hover{ background:#f6f8ff }
.buton.kirmizi{ background:#ef4444; border-color:#ef4444 }

.badge{ display:inline-block; padding:3px 9px; border-radius:999px; background:#eef2ff; border:1px solid #e2e7ff; font-size:11px; color:#263bff }

.tablo{width:100%; border-collapse:collapse; font-size:12.5px}
.tablo th,.tablo td{ padding:10px 12px; border-bottom:1px solid var(--border); text-align:left }
.tablo th{ color:#0f1a44; font-weight:800; background:#f7f8fe }

/* ===== Görüşme / Chat ==================================================== */
.video-kapsayici{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.video-kapsayici video{width:100%; background:#000; border-radius:10px; box-shadow:var(--shadow-1)}
.chat{height:240px; overflow:auto; background:#fff; border:1px solid var(--border); border-radius:10px; padding:12px}

/* sayaç sağ üst; sade */
.sayac{
  position:fixed; top:10px; right:12px;
  background:#fff; border:1px solid var(--border); border-radius:999px;
  padding:6px 12px; font-weight:800; font-size:12.5px;
}

/* ===== Responsive ======================================================== */
@media (max-width: 1180px){ .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 860px){ .grid-2,.grid-3{grid-template-columns:1fr} .video-kapsayici{grid-template-columns:1fr} }
@media (max-width: 720px){
  .sayfa{flex-direction:column}
  .yan{ position:relative; min-height:auto; width:auto; border-right:none; border-bottom:1px solid var(--border); }
  .baslik{ padding:12px 12px }
  .kart{ padding:12px 12px }
}