.mc-bell,.mc-container{position:relative;display:flex;align-items:center}.mc-bell{background:none;border:none;cursor:pointer;padding:6px;justify-content:center;border-radius:6px;transition:background .15s}.mc-bell:hover{background:rgba(255,255,255,.1)}.mc-bell-icon{width:22px;height:22px;color:rgba(255,255,255,.85)}.mc-bell:hover .mc-bell-icon{color:#fff}.mc-bell-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:8px}.mc-overlay{position:fixed;inset:0;z-index:999}.mc-overlay--portal{pointer-events:auto}.mc-panel{position:absolute;top:calc(100% + 8px);right:0;width:420px;max-height:520px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.08);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.mc-panel--portal{top:auto;right:auto}.mc-header{justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f3f4f6}.mc-header,.mc-header-left{display:flex;align-items:center}.mc-header-left{gap:10px}.mc-title{margin:0;font-size:16px;font-weight:700;color:#111827}.mc-unread-badge{font-size:12px;font-weight:600;color:#dc2626;background:#fef2f2;padding:2px 8px;border-radius:10px}.mc-mark-all{background:none;border:1px solid #d1d5db;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s}.mc-mark-all:hover{background:#f9fafb}.mc-messages{overflow-y:auto;flex:1 1}.mc-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.mc-message{padding:14px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.mc-message:hover{background:#f9fafb}.mc-message:last-child{border-bottom:none}.mc-message--unread{background:#fafbff}.mc-message--expanded{background:#f9fafb}.mc-message-row{display:flex;align-items:flex-start;gap:10px}.mc-unread-dot{width:8px;height:8px;min-width:8px;background:#3b82f6;border-radius:50%;margin-top:6px}.mc-message-icon{font-size:16px;flex-shrink:0;margin-top:1px}.mc-message-content{flex:1 1;min-width:0}.mc-message-title{font-size:13px;font-weight:600;color:#111827;line-height:1.4}.mc-message-summary{font-size:12.5px;color:#6b7280;line-height:1.45;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc-message-date{font-size:11px;color:#9ca3af;white-space:nowrap;flex-shrink:0;margin-top:2px}.mc-message-detail{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.mc-detail-section{margin-bottom:10px}.mc-detail-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:3px}.mc-detail-section p{margin:0;font-size:13px;color:#374151;line-height:1.5}.mc-detail-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mc-detail-link{font-size:12px;font-weight:500;color:#2563eb;text-decoration:none;padding:4px 10px;background:#eff6ff;border-radius:5px;transition:background .15s}.mc-detail-link:hover{background:#dbeafe}.mc-undo-btn{margin-top:10px;padding:6px 14px;font-size:12px;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:background .15s}.mc-undo-btn:hover{background:#fee2e2}.mc-undone-label{margin-top:8px;font-size:12px;font-style:italic;color:#9ca3af}.mc-header-actions{display:flex;gap:8px;align-items:center}.mc-clear-all{background:none;border:1px solid #d1d5db;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.mc-clear-all:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.mc-dismiss-btn{background:none;border:none;color:#d1d5db;font-size:18px;line-height:1;padding:2px 4px;cursor:pointer;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s;opacity:0}.mc-message:hover .mc-dismiss-btn{opacity:1}.mc-dismiss-btn:hover{color:#dc2626;background:#fef2f2}@media (max-width:640px){.mc-panel{width:calc(100vw - 24px);right:-60px;max-height:70vh}}