/* bildirim-page.css — 11.09.2026 Bildirim Merkezi. Sade: tek sütun, çip süzgeci, renk yalnız tür noktasında. */
.bm { display: flex; flex-direction: column; gap: 12px; }

.bm-ust { display: flex; flex-direction: column; gap: 8px; }
/* 11.09 ölçüm: yatay kaydırmada 390px'te 5 çip ekran dışında kalıyordu (Sistem hiç görünmüyordu).
   Sarmalı düzen → tek bakışta hepsi görünür, kaydırma gerekmez. */
.bm-cipler { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 2px; }
.bm-cip {
  flex: 0 0 auto; min-height: 36px; padding: 6px 10px; border-radius: 999px;
  border: 1px solid var(--border, #d8d8dd); background: var(--surface, #fff);
  color: var(--text, #1c1c1e); font: inherit; font-size: 14px; cursor: pointer; white-space: nowrap;
}
.bm-cip.aktif { background: var(--text, #1c1c1e); color: var(--surface, #fff); border-color: var(--text, #1c1c1e); }
.bm-cip-ikon { margin-right: 4px; }
.bm-n { opacity: .65; font-variant-numeric: tabular-nums; }

.bm-eylem { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bm-ozet { font-size: 13px; opacity: .65; }

.bm-liste { display: flex; flex-direction: column; }
.bm-satir {
  display: flex; align-items: flex-start; gap: 10px; width: 100%;
  min-height: 56px; padding: 12px 4px; text-align: left;
  background: none; border: 0; border-bottom: 1px solid var(--border, #ececf0);
  color: inherit; font: inherit; cursor: pointer;
}
.bm-satir:last-child { border-bottom: 0; }
.bm-satir:active { background: var(--hover, rgba(0,0,0,.04)); }
.bm-satir.okundu { opacity: .5; }

.bm-nokta { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; margin-top: 7px; background: #9aa0a6; }
.bm-musteri { background: #25d366; }
.bm-para    { background: #1a7f37; }
.bm-kritik  { background: #d1242f; }
.bm-mail    { background: #0969da; }
.bm-siparis { background: #8250df; }
.bm-kargo   { background: #bf8700; }
.bm-sistem  { background: #9aa0a6; }

.bm-orta { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bm-baslik { font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.bm-satir.okundu .bm-baslik { font-weight: 500; }
.bm-alt { font-size: 13px; opacity: .7; line-height: 1.35; overflow-wrap: anywhere;
          display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bm-saat { flex: 0 0 auto; font-size: 12px; opacity: .55; font-variant-numeric: tabular-nums; margin-top: 2px; }

@media (min-width: 820px) {
  .bm-ust { flex-direction: row; align-items: center; justify-content: space-between; }
  .bm-cipler { max-width: 70%; }
}

/* 11.09 — Ayarlar > Bildirimler: tür satırı */
.av-tur-satir { padding: 10px 0; border-bottom: 1px solid var(--border, #ececf0); }
.av-tur-satir:last-of-type { border-bottom: 0; }
.av-tur-ad { margin-bottom: 6px; }
.av-tur-ad .av-alt { margin-top: 2px; font-size: 12px; }