/* === KISMETIM UI Polish v2 (non-breaking) === */
:root{
  --ink:#1c1b22;
  --muted:#6f6a79;
  --line:#e9e6f0;
  --bg:#f7f6fb;
  --accent:#6f4aa0;          /* mor (nötr premium) */
  --accent-2:#3f2a66;
  --accent-soft:#efe9f9;
  --good:#10b981;            /* online/başarılı */
  --bad:#e53935;             /* uyarı */
  --shadow-lg:0 18px 45px rgba(25,16,58,.12);
  --shadow-md:0 12px 28px rgba(25,16,58,.10);
}

/* Arkaplanı zenginleştir ama sade tut */
body{
  background:
    radial-gradient(900px 500px at 110% -10%, #efe9f9 0%, transparent 60%),
    radial-gradient(700px 400px at -10% 10%, #f5e8ff 0%, transparent 60%),
    var(--bg);
  color:var(--ink);
}

/* Başlıklar daha net */
h1,h2,h3{ letter-spacing:.2px; color:#3d3353 }
h1{ font-weight:800 }
h2{ font-weight:800 }
h3{ font-weight:800 }

/* Kartlar: daha cam gibi, daha modern gölge */
.card, .p-card{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),#fff);
  box-shadow:var(--shadow-md);
  transition: box-shadow .2s ease, transform .12s ease;
}
.card:hover, .p-card:hover{
  box-shadow:var(--shadow-lg);
  transform: translateY(-2px);
}

/* Butonlar: iki ton, net kontrast */
.btn{
  border-radius:12px;
  font-weight:800;
  letter-spacing:.2px;
  transition: transform .06s ease, box-shadow .2s ease, opacity .2s;
  box-shadow: 0 10px 24px rgba(64,35,120,.18);
}
.btn.primary, .btn--primary{
  background: linear-gradient(180deg, var(--accent), var(--accent-2));
  color:#fff; border:1px solid #563988;
}
.btn.primary:hover{ transform: translateY(-1px) }
.btn.ghost{
  background:#fff; color:var(--accent);
  border:1px solid #dfd7ee;
}
.btn.ghost:hover{
  box-shadow: 0 10px 26px rgba(64,35,120,.14);
  transform: translateY(-1px);
}

/* İkon butonlar: net, odaklı */
.icon-btn{
  background:#fff; border:1px solid var(--line);
  box-shadow:0 6px 16px rgba(25,16,58,.08);
  transition: transform .06s ease, box-shadow .2s ease, border-color .2s;
}
.icon-btn:hover{ transform: translateY(-1px); box-shadow:var(--shadow-md); border-color:#ded7ef }

/* Sekmeler: aktif olan belirgin */
.tab-head{ border-bottom:1px solid var(--line) }
.tab-btn{
  background: var(--accent-soft);
  border:1px solid #e3d9f5;
  color:#5a4d7f;
  border-radius:10px; padding:8px 12px; font-weight:800;
}
.tab-btn.active{
  background: var(--accent);
  color:#fff; border-color: transparent;
  box-shadow: 0 10px 24px rgba(111,74,160,.28);
}

/* Profil avatar & online dot */
.avatar-wrap{
  border-radius:16px; overflow:hidden;
  border:2px solid #fff;
  box-shadow:0 0 0 2px #e7def6, 0 10px 28px rgba(25,16,58,.15);
}
.status-dot{
  width:14px;height:14px;border-radius:50%; border:2px solid #fff;
  box-shadow:0 0 0 2px #e7def6;
}
.status-dot.on{ background: var(--good); animation: pulse 1.6s infinite }
.status-dot.off{ background: #c7c7c7 }
@keyframes pulse{
  0%{ box-shadow:0 0 0 2px #e7def6, 0 0 0 0 rgba(16,185,129,.5) }
  70%{ box-shadow:0 0 0 2px #e7def6, 0 0 0 10px rgba(16,185,129,0) }
  100%{ box-shadow:0 0 0 2px #e7def6, 0 0 0 0 rgba(16,185,129,0) }
}

/* Info grid okunurluk */
.kv{ background:#fff; border:1px dashed #e8e3f2 }
.kv .k{ color:#6f6484; font-weight:800; font-size:12px }
.kv .v{ color:#2f2940; font-weight:800 }

/* “Sana Uygun Üyeler” üst şerit kartları */
.top-suggestions{ box-shadow: var(--shadow-md) }
.ts-card{ border:1px solid #eee; background:#fff }
.ts-photo{ box-shadow:0 0 0 2px #e7def6 }
.ts-name{ font-weight:900 }
.ts-line{ color:#6f6a79 }

/* Toast’lar (bildirim balonları) daha şık */
.toast{
  background:linear-gradient(180deg, rgba(255,255,255,.98), #fff);
  border:1px solid var(--line);
  border-radius:14px; box-shadow:var(--shadow-md);
  padding:10px 12px; gap:10px;
}

/* Dropdown/menü kenarları daha net, gölge yumuşak */
.dd, .user-menu{
  border:1px solid var(--line);
  box-shadow:var(--shadow-lg);
}

/* Form focus yüzüğü */
input[type=text],input[type=email],input[type=password],select,textarea{
  border:1px solid #e7e3f2;
  transition: box-shadow .2s, border-color .2s;
}
input:focus,select:focus,textarea:focus{
  border-color:#d0c6ee;
  box-shadow:0 0 0 4px rgba(111,74,160,.15);
}

/* Küçük yardımcı “chip”ler */
.chips .chip{
  background: #f5f0fb; border:1px solid #e4dbf5; color:#5a4d7f;
  font-weight:800;
}