.mv-notifications-wrap{max-width:820px;margin:0 auto;padding:30px 18px 56px;color:#17243d}
.mv-notifications-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.mv-notifications-heading h1{margin:.2rem 0 .55rem;font-size:clamp(1.9rem,4vw,2.5rem);letter-spacing:-.04em;color:#13213d}
.mv-notifications-heading .muted{max-width:540px;margin:0;color:#758097;line-height:1.55}
.mv-notification-list{display:grid;gap:10px}
.mv-notification-item{display:flex;align-items:flex-start;gap:13px;padding:17px 16px;background:#fff;border:1px solid #e4e9f0;border-radius:16px;box-shadow:0 5px 18px rgba(11,23,51,.035)}
.mv-notification-item.is-unread{background:#f5fbf7;border-color:#cfe9db}
.mv-notification-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e3f4ec;color:#126b4b;font-weight:800}
.mv-notification-content{flex:1;min-width:0}
.mv-notification-message{margin:1px 0 5px;color:#17243d;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.mv-notification-preview{margin:0 0 8px;color:#66738a;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.mv-notification-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#7a8598;font-size:.8rem}
.mv-notification-meta a{color:#16734f;text-decoration:none;font-weight:750}
.mv-notification-meta a:hover{text-decoration:underline}
.mv-notification-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.mv-unread-dot{width:8px;height:8px;border-radius:50%;background:#168456;margin-top:6px}
.mv-mark-read{width:28px;height:28px;border:1px solid #dce5e0;border-radius:50%;background:#fff;color:#16734f;cursor:pointer;font-weight:800}
.mv-mark-read:hover{background:#e8f6ee}
.mv-notifications-empty{text-align:center;padding:46px 22px;background:#fff;border:1px solid #e4e9f0;border-radius:18px;box-shadow:0 8px 26px rgba(11,23,51,.045)}
.mv-notifications-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#edf8f2;color:#14734f;font-size:1.5rem}
.mv-notifications-empty h2{margin:12px 0 7px;color:#13213d;font-size:1.25rem}
.mv-notifications-empty p{max-width:440px;margin:0 auto 18px;color:#758097;line-height:1.6}
.mv-notifications-footnote{text-align:center;color:#8590a1;font-size:.8rem;margin:18px 0 0}
.mv-notification-nav{white-space:nowrap}
.mv-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#c63d4c;color:#fff;font-size:.7rem;font-weight:800;line-height:1;vertical-align:middle}
@media(max-width:560px){.mv-notifications-wrap{padding:22px 12px 40px}.mv-notifications-heading{align-items:flex-start;flex-direction:column}.mv-notifications-heading form,.mv-notifications-heading .button{width:100%}.mv-notification-item{gap:10px;padding:13px 11px;border-radius:14px}.mv-notification-avatar{flex-basis:36px;width:36px;height:36px}.mv-notification-side{gap:4px}.mv-mark-read{width:25px;height:25px}}