.smp-top-actions{display:flex;align-items:center;gap:18px;color:#506783}.smp-top-actions>a{display:flex;color:inherit}.smp-top-actions svg{width:23px;height:23px}.smp-notification-menu{position:relative}.smp-notification-menu summary{position:relative;display:flex;cursor:pointer;list-style:none;padding:5px}.smp-notification-menu summary::-webkit-details-marker{display:none}.smp-notification-menu summary>b{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;background:#e87d23;color:#fff;font-size:9px;border:2px solid white;border-radius:20px;min-width:20px;height:20px;padding:0 3px}.smp-notification-dropdown{position:absolute;top:42px;left:0;z-index:200;width:360px;max-width:calc(100vw - 32px);max-height:480px;overflow-y:auto;background:white;border:1px solid #dfe6f0;border-radius:16px;box-shadow:0 18px 50px #122b4b26;color:#29435f}.smp-notification-dropdown>header{display:flex;justify-content:space-between;padding:17px;background:#152d4c;color:white;gap:15px}.smp-notification-dropdown>header strong{font-size:14px}.smp-notification-dropdown>header small{font-size:10px;color:#ffc27c}.smp-notification-dropdown article{padding:16px;border-bottom:1px solid #edf1f6}.smp-notification-dropdown article.is-unread{background:#fff8ee;border-right:3px solid #e78a31}.smp-notification-dropdown article>a{display:block;color:#304c6b;font-size:12px;line-height:2;text-decoration:none}.smp-notification-dropdown article>small{font-size:9px;color:#94a2b5;display:block;margin-top:6px}.smp-notification-dropdown button{font:inherit;font-size:10px;background:transparent;border:1px solid #e7c7a2;border-radius:8px;color:#a4642a;padding:5px 11px;cursor:pointer;margin-top:9px}.smp-notification-all{padding:10px 15px;text-align:center}.smp-notification-empty{text-align:center;font-size:12px;padding:30px;color:#8b9db5}@media(max-width:700px){.smp-top{flex-wrap:wrap}.smp-notification-dropdown{left:0;max-height:65vh}}