.notifications .drop { width:416px; padding:0; }
.notification-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; border-bottom:1px solid var(--line); background:#f2f4f7; font-size:13px; }
.notification-heading > div { display:flex; gap:12px; }
.notifications .drop button { width:auto; height:auto; min-height:26px; padding:2px 0; border:0; background:transparent; color:#475467; font-size:12px; text-decoration:underline; }
.notifications .drop button:disabled { color:#98a2b3; text-decoration:none; cursor:default; }
.notification-list { list-style:none; padding:0; margin:0; }
.notification-list li { display:flex; align-items:flex-start; border-bottom:1px solid #e4e7ec; }
.notification-list li.unread { background:#f2f6fb; }
.notification-list li.unread .notice-text { font-weight:600; }
.notification-list a { flex:1; min-width:0; padding:9px 12px; color:#344054; font-size:13px; }
.notification-list a:hover { background:#f7f9fc; text-decoration:none; }
.notification-list time { display:block; margin-top:3px; color:#667085; font-size:12px; }
.notifications .notification-list button { flex:none; width:26px; margin:6px 4px 0 0; font-size:18px; text-align:center; text-decoration:none; }
.notice-count { display:inline-block; padding:0 4px; min-width:20px; background:#d92d20; color:#fff; font-size:12px; line-height:18px; border-radius:2px; text-align:center; }
.notification-empty { text-align:center; padding:22px 12px; }
.notice-error { margin:0; padding:8px 12px; color:#b42318; font-size:12px; }
.notifications .drop .notice-more { display:block; width:100%; padding:8px; text-align:center; }
.notifications [hidden] { display:none !important; }