/* TEST140 — Haber beğenisi (kalp) ve yöneticiye özel okunma rozeti */
.oon-kalp{display:inline-flex;align-items:center;gap:5px;border:1px solid #e6e1ea;background:#fff;
  color:#8a8496;border-radius:999px;padding:4px 11px 4px 9px;font:inherit;font-size:12.5px;
  line-height:1.6;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s}
.oon-kalp svg{fill:currentColor;flex:0 0 auto}
.oon-kalp b{font-weight:800;font-size:12px}
button.oon-kalp:hover{border-color:#d92d5e;color:#d92d5e;background:#fff5f8}
button.oon-kalp:active{transform:scale(.94)}
.oon-kalp.is-bastim{border-color:#f0bccd;background:#fdeff4;color:#d92d5e}
.oon-kalp.is-caliyor{opacity:.65}
.oon-kalp--rozet{cursor:default;border-color:#f0bccd;background:#fdeff4;color:#d92d5e;padding:3px 10px 3px 8px}
.oon-kalp-uyari{display:inline-block;margin-left:8px;font-size:11.5px;color:#b32d2e;font-weight:600}

/* Yalnız yöneticinin gördüğü okunma sayısı */
.oon-okunma{display:inline-flex;align-items:center;gap:5px;border:1px dashed #cbd5df;background:#f6f9fc;
  color:#5b7185;border-radius:999px;padding:3px 10px 3px 8px;font-size:11.5px;line-height:1.6}
.oon-okunma b{font-weight:800;font-size:11.5px}

/* Kart içinde yan yana durduklarında */
.oon-kalp-satir{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}
@media (max-width:640px){
  .oon-kalp{font-size:12px;padding:4px 10px 4px 8px}
  .oon-okunma{font-size:11px}
}