#notifications { margin: 14px 0 22px; }
#notifications > a { margin-left: 16px; }
#notice-bell, #notice-panel button { width: auto; padding: 10px 14px; margin: 6px 8px 6px 0; }
#notice-count { border-radius: 12px; padding: 2px 7px; background: #fff; color: #292440; }
#notice-panel { padding: 16px; border: 1px solid #655e91; border-radius: 14px; margin-top: 12px; }
#notice-list { padding: 0; list-style: none; }
#notice-list a { display: block; padding: 12px 0; overflow-wrap: anywhere; }

#notifications { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#notifications > a, #notice-bell { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; max-width: 100%; margin: 0; padding: 10px 14px; border: 1px solid #454553; border-radius: 8px; background: #24242d; color: #f4f5ff; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; }
#notifications > a:hover, #notice-bell:hover { border-color: #aaa2ff; background: #34343f; }
#notice-panel { flex: 1 1 100%; min-width: 0; margin-top: 0; }