/* Arabic-friendly UI + RTL */
.mn-box{max-width:860px;margin:24px auto;padding:0;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:rgba(148,163,184,.08)}
.mn-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid rgba(148,163,184,.25)}
.mn-head button{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:.5rem .75rem;font-weight:700;cursor:pointer}
.mn-list{padding:.5rem 1rem}
.mn-item{padding:.8rem .4rem;border-bottom:1px dashed rgba(148,163,184,.25);display:flex;gap:.8rem;align-items:flex-start}
.mn-item .mn-ico{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:999px;background:rgba(59,130,246,.15)}
.mn-item .mn-ico svg{width:18px;height:18px}
.mn-item .mn-body{flex:1}
.mn-item .mn-body .mn-title{font-weight:800;margin-bottom:.15rem}
.mn-item .mn-body .mn-text{opacity:.85;margin:.15rem 0}
.mn-item .mn-actions{display:flex;gap:.4rem}
.mn-item .mn-actions a{display:inline-flex;align-items:center;gap:.35rem;background:#0ea5e9;color:#081018;border-radius:10px;padding:.35rem .6rem;text-decoration:none;font-weight:700}
.mn-item.unread{background:rgba(59,130,246,.07)}
.mn-foot{padding:1rem;border-top:1px solid rgba(148,163,184,.25);text-align:center}
.mn-foot .mn-more{background:#e2e8f0;border:0;border-radius:10px;padding:.5rem 1rem;cursor:pointer}

html[dir="rtl"] .mn-item{flex-direction:row-reverse}
html[dir="rtl"] .mn-item .mn-actions{justify-content:flex-start}

@media (prefers-color-scheme: dark){
  .mn-box{background:#0b1220;border-color:rgba(255,255,255,.06)}
  .mn-head{border-bottom-color:rgba(255,255,255,.06)}
  .mn-item .mn-actions a{color:#e5e7eb;background:#1f2937}
  .mn-foot .mn-more{background:#111827;color:#e5e7eb}
}

.mn-bell{display:inline-flex;align-items:center;gap:.35rem;margin-inline:8px}
.mn-bell a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:999px;background:rgba(148,163,184,.18);text-decoration:none}
.mn-bell .mn-badge{position:absolute;inset-inline-end:-4px;inset-block-start:-4px;background:#ef4444;color:#fff;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:11px;font-weight:800;padding:0 .25rem}
.mn-bell .mn-badge[hidden]{display:none}