/* /wishlist — form ve durum rozetleri. Satır/düğme stilleri me.css'ten gelir
   (aynı bileşenler /me ve /admin'de de kullanılıyor). */
.ws-f{display:block;margin-top:14px}
.ws-f>span{display:block;margin-bottom:6px;font-size:13px;font-weight:650;color:var(--muted)}
.ws-f input,.ws-f textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--border);
  border-radius:12px;background:var(--surface);color:inherit;font:inherit;font-size:14.5px;resize:vertical}
.ws-f input:focus,.ws-f textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.ws-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ws-two .ws-f{margin-top:14px}
@media (max-width:560px){ .ws-two{grid-template-columns:1fr;gap:0} }
.ws-send{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.ws-send .hint{margin:0}
.hint.ok{color:var(--good)}
.hint.no{color:var(--bad)}

/* oy düğmesi — verilmiş oy hem renkle hem metinle belli olur ("İstedin ✓"),
   renk tek başına anlam taşımaz. */
.ws-vote{border:1px solid var(--border);background:var(--surface);color:var(--accent-ink);
  font:inherit;font-size:12.5px;font-weight:650;padding:6px 12px;border-radius:999px;
  cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.ws-vote:hover{background:var(--surface-2);transform:translateY(-1px)}
.ws-vote.on{background:rgba(47,158,99,.13);border-color:transparent;color:var(--good)}
.ws-vote:disabled{opacity:.55;cursor:default;transform:none}
.ws-vote:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Dar ekranda satir DIKEY yigilir. Rozet + oy dugmesi yan yana durunca yaris
   adina 100px kaliyor ve "Istanbul / Yari / Maratonu / 2025" diye kelime kelime
   sariyordu (375px'te goruldu). Ad once, eylemler altinda tam genislikte. */
@media (max-width:560px){
  .ws-list .me-row{flex-direction:column;align-items:stretch;gap:9px}
  .ws-list .me-row .act{justify-content:flex-start;flex-wrap:wrap}
  .ws-list .me-row .i b{font-size:15px}
}

/* durum rozeti — renk tek başına anlam taşımasın diye metin her zaman yazılı */
.ws-st{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
  background:var(--surface-2);color:var(--muted)}
.ws-st.q{background:rgba(14,143,160,.14);color:var(--accent-ink)}
.ws-st.a{background:rgba(47,158,99,.13);color:var(--good)}
.ws-st.n{background:rgba(232,92,88,.13);color:var(--bad)}

.ws-meth h3{margin-top:0}
.ws-meth p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}