/* aramalar.css — Aramalar rayı (Plan 3 Task 25; js/ekran/aramalar.mjs). Kaynak: design/web_arama-showcase/arama.css `.ar-satir` kuralları
   (YALNIZ satır/yön ikonu dili) + sohbet-liste.css liste bölme dili. `.tur` (geri-ara yuvarlağı) web'de YOK: salt görüntü.
   Renk YALNIZ takma adlardan (ham renk YOK: test/renk-kapisi.test.mjs). */
.ar-liste{ flex:1; display:flex; flex-direction:column; min-width:0; min-height:0; }
.ar-ipucu{ display:flex; align-items:flex-start; gap:10px; margin:0 14px 6px; padding:10px 12px; border-radius:var(--r-md); background:var(--line-soft);
  color:var(--sub); font-size:var(--fs-cap); line-height:1.4; }
.ar-ipucu .ik{ width:18px; height:18px; flex:none; color:var(--primary-deep); margin-top:1px; }
.ar-ipucu b{ display:block; color:var(--ink); font-weight:var(--fw-bold); }
.ar-satir{ display:flex; align-items:center; gap:12px; height:68px; padding:0 10px 0 12px; margin:0 8px; border-radius:var(--r-md); position:relative; }
.ar-satir .govde{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ar-satir .ad{ font-size:var(--fs-body); font-weight:var(--fw-bold); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ar-satir .yon{ display:flex; align-items:center; gap:5px; font-size:var(--fs-cap); color:var(--sub); white-space:nowrap; }
.ar-satir .yon .ik{ width:15px; height:15px; flex:none; }
.ar-satir .yon.gelen .ik{ color:var(--primary-deep); }
.ar-satir .yon.giden .ik{ color:var(--sub); }
.ar-satir .yon.cevapsiz, .ar-satir .yon.cevapsiz .ik{ color:var(--danger-ink); font-weight:var(--fw-bold); }
.ar-satir.cevapsiz .ad{ color:var(--danger-ink); }
.ar-satir .zaman{ font-size:var(--fs-micro); color:var(--muted); font-weight:var(--fw-semi); text-align:right; white-space:nowrap; }
.ar-satir .zaman span{ display:block; }
.ar-satir + .ar-satir::before{ content:""; position:absolute; left:72px; right:0; top:0; height:1px; background:var(--line-soft); }
.ar-bos{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.ar-bos-baslik{ color:var(--ink); font-size:var(--fs-body); font-weight:var(--fw-bold); }
.ar-hata{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.ar-daha{ display:block; margin:8px auto 16px; padding:8px 14px; border:0; border-radius:var(--r-md); background:transparent; color:var(--primary-deep);
  font-family:inherit; font-size:var(--fs-sub); font-weight:var(--fw-bold); cursor:pointer; }
.ar-daha:hover{ background:var(--line-soft); }
.ar-daha:disabled{ color:var(--muted); cursor:default; }
.ar-daha:focus-visible{ outline:3px solid var(--primary-tint); outline-offset:2px; }