/* FuLoop Merkez — Menü ekranları (mb-menu.js). mb.css'e dokunmadan üstüne eklenir; aynı renk değişkenleri. Satır içi style yok (CSP). */
.mn-sayfa { max-width: 920px; margin: 0 auto; }
.mn-liste { display: grid; gap: 12px; }
.mn-bolum { margin: 0; }
.mn-bolum h2 { margin-bottom: 8px; }
.mn-urunler { list-style: none; margin: 0; padding: 0; }
.mn-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 8px 0; border-top: 1px solid var(--cizgi); }
.mn-satir:first-child { border-top: 0; }
.mn-ad { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.mn-ad-metin { overflow-wrap: anywhere; }
.mn-rozet { font-size: 14px; padding: 1px 8px; }
.mn-fiyat { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: 650; text-align: right; }

/* Araç çubuğu: arama + düzenleme (yapışkan) */
.mn-arac { position: sticky; top: 0; z-index: 20; margin: 0 -16px 12px; padding: 8px 16px; background: rgba(243, 246, 244, .96); }
.mn-arac-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mn-ara { flex: 1 1 200px; width: auto; min-width: 0; }
.mn-uyari { margin: 8px 0 0; padding: 8px 12px; border-radius: 12px; background: var(--sari-acik); color: var(--sari); font-size: 14px; }
.mn-gonder-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.mn-sayac { flex: 1 1 160px; }

/* Düğmeler: dokunma hedefi ≥ 44 px */
.mn-dugme { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 44px; padding: 8px 16px; font: inherit; font-weight: 600; color: var(--vurgu-koyu); background: #fff; border: 1px solid var(--vurgu-cizgi); border-radius: 14px; cursor: pointer; }
.mn-dugme:disabled { opacity: .55; cursor: not-allowed; }
.mn-dugme[aria-pressed="true"] { background: var(--vurgu-acik); }
.mn-birincil { color: #fff; background: var(--vurgu); border-color: var(--vurgu); }
.mn-tehlike { color: var(--kirmizi); border-color: var(--kirmizi); }
a.mn-baglanti { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; font-weight: 600; text-decoration: none; }
a.mn-baglanti:hover { text-decoration: underline; }

/* Düzenleme satırı */
.mn-duzen { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.mn-giris { width: 7.5em; min-height: 44px; text-align: right; font-variant-numeric: tabular-nums; font-weight: 650; }
.mn-eski { font-size: 14px; }
.mn-satir.mn-degisti { background: var(--yesil-acik); margin: 0 -8px; padding: 8px; border-radius: 12px; }
.mn-satir.mn-hatali .mn-giris { border-color: var(--kirmizi); background: var(--kirmizi-acik); }

/* Gönderme paneli */
.mn-panel { margin: 0 0 12px; }
.mn-hedefler { display: grid; gap: 4px; margin: 4px 0 8px; }
.mn-hedef { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 4px 8px; font-weight: 500; border-radius: 12px; cursor: pointer; }
.mn-hedef input { width: 22px; min-height: 22px; height: 22px; flex: 0 0 auto; padding: 0; }
.mn-hedef-ad { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.mn-hedef-not { flex: 0 1 auto; font-size: 14px; text-align: right; }
.mn-hedef.mn-kapali { cursor: not-allowed; opacity: .7; }
.mn-ozet-liste { list-style: none; margin: 8px 0; padding: 0; }
.mn-ozet-liste li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid var(--cizgi); }
.mn-ozet-liste li:first-child { border-top: 0; }
.mn-panel-dugme { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.mn-not { font-size: 14px; }

/* Gönderim geçmişi */
.mn-yayin { margin: 0 0 12px; }
.mn-yayin-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.mn-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.mn-yayin-dugme { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.mn-komutlar { list-style: none; margin: 8px 0 0; padding: 0; }
.mn-komut { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 8px 0; border-top: 1px solid var(--cizgi); }
.mn-komut-ad { flex: 1 1 180px; min-width: 0; overflow-wrap: anywhere; }
.mn-komut-fiyat { font-variant-numeric: tabular-nums; font-weight: 650; }
.mn-durum { font-size: 14px; }
.mn-d-uygulandi { background: var(--yesil-acik); color: var(--yesil); }
.mn-d-reddedildi, .mn-d-suresi_doldu { background: var(--kirmizi-acik); color: var(--kirmizi); }
.mn-d-bekliyor, .mn-d-iletildi { background: var(--sari-acik); color: var(--sari); }

@media (min-width: 1024px) {
  .mn-liste { grid-template-columns: 1fr 1fr; align-items: start; }
  .mn-arac { margin: 0 0 12px; padding: 8px 0; }
}