.mc-notif-panel[hidden],.mc-notif-badge[hidden] { display:none!important; }
.mc-notif-panel { display:flex; flex-direction:column; max-width:calc(100vw - 24px); max-height:min(620px,calc(100dvh - 100px)); }
.mc-notif-panel .mc-notif-header { flex-wrap:wrap; flex-shrink:0; gap:8px; }
.mc-notif-panel .mc-notif-list { min-height:0; max-height:none; flex:1 1 auto; overflow-y:auto; }
.mc-notif-panel [role=status] { margin:12px 16px; line-height:1.6; color:#315b60; }
.mc-notif-panel select,.mc-notif-panel button { min-height:40px; font:inherit; color:#173f46; border:1px solid #94b9b6; border-radius:8px; background:#f5faf5; padding:6px 10px; }
.mc-notif-panel button:disabled { opacity:.6; cursor:not-allowed; }
.mc-notif-panel button:not(:disabled):hover { background:#dcece4; }
.mc-notif-panel .mc-notif-content p { white-space:pre-wrap; overflow-wrap:anywhere; color:#173f46; margin:0 0 8px; }
.mc-notif-panel .mc-notif-content a,.mc-notif-panel .mc-notif-content button { display:inline-flex; margin:8px 12px 0 0; align-items:center; text-underline-offset:3px; }
.mc-notif-panel .mc-notif-content small { display:block; color:#315b60; }
.mc-notif-panel :focus-visible { outline:3px solid #277779; outline-offset:3px; }
.mc-notif-panel .mc-notif-item { cursor:default; }