/* MF-NOTIFICATIONS-CENTER-STAGE1-20261012
 * Only notification-center content. Canonical hero/header/footer are unchanged.
 */
.mf-notification-archive-content { width: 100%; max-width: 920px; margin: 0 auto 32px; min-width: 0; }
.mf-notification-archive-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; }
.mf-notification-archive-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.mf-notification-archive-filters a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 17px; border-radius: 999px; background: #fff; border: 1px solid #dedee2; color: #243044; font: inherit; font-weight: 800; text-decoration: none; }
.mf-notification-archive-filters a.is-active { background: #233b31; border-color: #233b31; color: #fff; }
.mf-notification-archive-filters a span { font-size: .78em; font-weight: 900; }
.mf-notification-archive-mark-all { border: 0; background: transparent; color: #244d3f; font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; padding: 8px 0; }
.mf-notification-archive-mark-all:disabled { opacity: .55; cursor: wait; }
.mf-notification-archive-list { overflow: hidden; border: 1px solid #e3e6e4; border-radius: 14px; background: #fff; }
.mf-notification-archive-item { box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: 14px; padding: 17px 20px; text-align: left; color: #243044; font: inherit; text-decoration: none; border: 0; border-bottom: 1px solid #ebeeec; background: #fff; cursor: pointer; }
.mf-notification-archive-item:last-child { border-bottom: 0; }
.mf-notification-archive-item:hover { background: #f6f9f7; }
.mf-notification-archive-item.is-unread { background: #f0f8f3; }
.mf-notification-archive-item.is-unread:hover { background: #e7f3e9; }
.mf-notification-archive-indicator { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: transparent; }
.mf-notification-archive-item.is-unread .mf-notification-archive-indicator { background: #2f8d59; }
.mf-notification-archive-copy { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; gap: 4px; overflow-wrap: anywhere; }
.mf-notification-archive-copy strong { font-size: 1rem; line-height: 1.25; }
.mf-notification-archive-copy > span { font-size: .91rem; line-height: 1.45; }
.mf-notification-archive-copy small { color: #69746d; font-size: .79rem; line-height: 1.35; }
.mf-notification-archive-arrow { flex: 0 0 auto; color: #6c7770; font-size: 1.7rem; line-height: 1; }
.mf-notification-archive-empty { text-align: center; padding: 40px 20px; border: 1px solid #e3e6e4; border-radius: 14px; background: #fff; color: #5b665e; }
.mf-notification-archive-pagination { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 20px 0; font-weight: 800; }
.mf-notification-archive-pagination a { color: #214c3e; text-decoration: none; padding: 8px; }
.mf-notification-archive-pagination > span { text-align: center; font-size: .88rem; }
@media (max-width: 600px) {
  .mf-notification-archive-toolbar { align-items: flex-start; }
  .mf-notification-archive-item { padding: 14px 11px; gap: 9px; }
  .mf-notification-archive-copy strong { font-size: .95rem; }
  .mf-notification-archive-copy > span { font-size: .87rem; }
  .mf-notification-archive-pagination { flex-wrap: wrap; }
}