.settings-notification-row { display:flex; align-items:center; gap:4px; min-width:0; }
#workspace .sidebar .settings-notification-row>[data-page],#mobile-navigation .settings-notification-row>[data-page] { flex:1 1 0; width:auto; min-width:0; justify-content:flex-start; }
.settings-notification-row .notification-entry { position:relative; flex:0 0 36px; width:36px; height:36px; padding:0; justify-content:center; }
.notification-count { position:absolute; top:-2px; right:-2px; min-width:20px; padding:0 5px; border-radius:12px; background:#ed4d4e; color:#fff; font-size:11px; font-weight:500; text-align:center; line-height:20px; pointer-events:none; }
#mobile-navigation .settings-notification-row .notification-entry { flex-basis:40px; width:40px; height:44px; }
.notification-entry .notification-count[hidden] { display:none; }
.notification-entry[aria-current=page] { background:#eee8fa; color:#694bb4; }
#notification-center { width:100%; max-width:1120px; margin:0 auto; outline:none; }
#notification-center[hidden] { display:none; }
.notice-page-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.notice-page-heading p { margin:0; color:#7b7388; font-size:13px; }
.notice-panel { border:1px solid #e8e5ef; border-radius:14px; background:#fff; overflow:hidden; }
.notice-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--space-3); padding:var(--space-4) var(--space-5); border-bottom:1px solid var(--line); }
.notice-filter-controls { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-3); min-width:0; }
.notice-type-filter { display:flex; align-items:center; gap:var(--space-2); color:var(--secondary); font-size:12px; }
.notice-type-filter .input { width:auto; min-width:156px; min-height:40px; }
.notice-filters { display:flex; gap:4px; padding:3px; background:#f5f3f8; border-radius:9px; }
.notice-filters button { border:0; border-radius:6px; padding:6px 13px; background:transparent; color:#746b80; cursor:pointer; font:inherit; font-size:12px; }
.notice-filters button[aria-pressed=true] { background:#fff; color:#694bb4; box-shadow:0 1px 4px #24183c12; font-weight:600; }
.notice-scroll { padding:8px 12px 16px; }
.notice-list { padding:0; margin:0; list-style:none; }
.notice-item { margin:4px 0; border-radius:11px; }
.notice-item.is-unread { background:#f8f5fe; }
.notice-item>button { display:flex; align-items:flex-start; gap:12px; width:100%; padding:15px 12px; border:0; border-radius:11px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.notice-item>button:hover { background:#efebf7; }
.notice-item>button:focus-visible,.notice-filters button:focus-visible { outline:2px solid #7254d8; outline-offset:-2px; }
.notice-indicator { flex:0 0 30px; height:30px; display:grid; place-items:center; border-radius:10px; background:#ece7f7; color:#7959ba; font-size:17px; }
.notice-indicator.success { color:#287c65; background:#e7f4ee; }
.notice-indicator.attention { color:#b9444a; background:#fbe9eb; }
.notice-content { flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.notice-content strong { font-size:13px; font-weight:600; line-height:1.55; overflow-wrap:anywhere; }
.notice-content>span { font-size:12px; color:#706779; line-height:1.6; }
.notice-content b { font-weight:500; color:#51425e; }
.notice-content small { color:#968da0; font-size:11px; }
.notice-unread-dot { flex:0 0 6px; height:6px; border-radius:50%; background:#8968d6; margin-top:7px; }
.notice-empty { display:flex; flex-direction:column; align-items:center; padding:65px 15px; color:#82788f; text-align:center; gap:12px; }
.notice-empty>span { width:52px; height:52px; display:grid; place-items:center; border-radius:18px; background:#f1ecfa; color:#8e72c3; font-size:25px; }
.notice-empty strong { color:#52495c; font-size:14px; }
.notice-empty p { margin:0; font-size:12px; }
#notification-center [data-notice-more] { display:block; margin:15px auto 0; }
#notification-center [hidden] { display:none !important; }
.notice-error { margin:16px 20px 0; color:#b74450; font-size:12px; }
.notice-foot { padding:13px 20px; border-top:1px solid #eeebf2; color:#968da0; font-size:11px; }
@media(max-width:600px) { .notice-page-heading { margin-bottom:12px; } .notice-toolbar { padding:12px; gap:8px; } .notice-scroll { padding:6px; } .notice-item>button { padding:14px 10px; gap:10px; } .notice-foot { padding:12px; } }

#workspace[data-view=notifications] #refresh { display:none; }
.notice-actions { display:flex; align-items:center; gap:8px; }
@media(max-width:600px) {
  .notice-filter-controls { flex:1 1 100%; }
  .notice-type-filter { flex:1 1 100%; }
  .notice-type-filter .input { flex:1; min-width:0; min-height:44px; }
  .notice-actions { margin-left:auto; }
  .notice-filters button { min-height:44px; }
}