.mcn-root{position:relative;display:inline-flex;align-items:center;z-index:80}
.mcn-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;box-sizing:border-box}
.mcn-toggle i{font-size:19px}.mcn-count{background:#e14242;color:#fff;border-radius:20px;font-weight:700;font-size:11px;min-width:18px;text-align:center;padding:2px 5px}
.mcn-count[hidden],.mcn-panel[hidden]{display:none!important}
.mcn-panel{position:absolute;z-index:5000;top:calc(100% + 12px);right:0;width:min(370px,calc(100vw - 24px));max-height:75vh;overflow:auto;background:#fff;border:1px solid #e6e6e6;border-radius:13px;box-shadow:0 15px 40px rgba(0,0,0,.16);padding:14px;color:#222}
.mcn-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #eee}.mcn-head button{background:none;border:0;color:#639000;cursor:pointer;font-size:12px}
.mcn-list{max-height:55vh;overflow:auto}.mcn-item{display:flex;flex-direction:column;gap:4px;padding:12px 8px;text-decoration:none!important;color:#222!important;border-bottom:1px solid #f0f0f0;font-size:13px;line-height:1.4}.mcn-item:hover{background:#f7faef}.mcn-item.is-new{background:#f4faeb}.mcn-item strong{font-size:13px}.mcn-item span{color:#555}.mcn-item small{color:#888}.mcn-empty{padding:15px 8px;color:#777;font-size:13px}
@media(max-width:650px){.mcn-toggle span.mcn-label{display:none}.mcn-panel{position:fixed;top:64px;right:12px;left:12px;width:auto;max-height:80vh}}

/* MC_NOTIFY_V2: inherit header layout and match mobile action sizes */
.mcn-root{flex:0 0 auto;min-width:0}
.mc-header-favs.mcn-toggle{position:relative;display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}
@media(min-width:1025px){.mc-header-favs.mcn-toggle{width:46px!important;min-width:46px!important;height:46px!important;padding:0!important;border:1px solid #e7e9e4!important;border-radius:13px!important;background:#fff!important}}
@media(max-width:1024px){.mc-header-favs.mcn-toggle{padding:0!important;border:0!important;background:var(--bg2,#f3f4f6)!important;border-radius:12px!important}}
/* Match the smaller responsive header controls, not a fixed 45px everywhere */
@media(min-width:651px) and (max-width:1024px){.mcn-root,.mc-header-favs.mcn-toggle{width:45px!important;min-width:45px!important;height:45px!important;min-height:45px!important}}
@media(max-width:650px){.mcn-root,.mc-header-favs.mcn-toggle{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}}
@media(max-width:380px){.mcn-root,.mc-header-favs.mcn-toggle{width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important}}
.mcn-toggle .mcn-count{position:absolute;top:-7px;right:-7px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#f44336;color:#fff;font-size:9px;font-weight:800;line-height:15px;box-sizing:border-box;pointer-events:none;z-index:3}
.mcn-toggle .mcn-count[hidden]{display:none!important}
.mcn-item-wrap{position:relative;border-bottom:1px solid #f0f0f0}
.mcn-item-wrap .mcn-item{padding-right:36px;border-bottom:0}
.mcn-delete{position:absolute;right:4px;top:8px;border:0;background:transparent;color:#7e858d;cursor:pointer;font-size:20px;line-height:28px;width:30px;height:30px;border-radius:8px}
.mcn-delete:hover,.mcn-delete:focus-visible{background:#fff0f0;color:#c53939}
.mcn-actions{display:flex;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #eee}
.mcn-actions button{background:none;border:0;font-size:12px;cursor:pointer;padding:6px 4px;color:#566170}
.mcn-actions button:last-child{color:#b23838}
.mcn-actions button:hover{text-decoration:underline}