/* Derive the single visible icon from the pre-paint document theme. */
#theme-icon{display:grid;place-items:center;width:24px;height:24px}
#theme-toggle #theme-icon .ui-icon{grid-area:1/1;margin:0;width:22px;height:22px}
html:not([data-theme="dark"]) #theme-toggle .theme-sun,html[data-theme="dark"] #theme-toggle .theme-moon{display:none!important}
html:not([data-theme="dark"]) #theme-toggle .theme-moon,html[data-theme="dark"] #theme-toggle .theme-sun{display:block!important}
.notification-popover,.notification-page{--notice-bg:#f6f8fb;--notice-hover:#edf2f8;--notice-text:#354052;--notice-muted:#677487;--notice-icon:#e9eef7;--notice-line:#e6eaf0}
.notification-popover{max-height:min(680px,calc(100dvh - 112px));overflow:auto;border-radius:20px;box-shadow:0 14px 42px #15233720}
.notification-popover .popover-heading{padding:16px 18px;border-bottom:0}
.notification-popover .popover-heading strong{font-size:15px;font-weight:500}
#notification-feed{display:flex;flex-direction:column;gap:8px;padding:0 10px 12px}
.notification-popover .notification-item,.notification-page .notification-page-row{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;margin:0;border:1px solid transparent!important;border-radius:14px;background:var(--notice-bg)!important;color:var(--notice-text)!important;box-shadow:none;text-decoration:none;transition:background-color .15s ease}
.notification-popover .notification-item:hover,.notification-page .notification-page-row:hover{background:var(--notice-hover)!important;border-color:var(--notice-line)!important}
.notification-popover .notification-item>span:last-child,.notification-page-row>div{min-width:0;flex:1}
.notification-popover .notification-item strong,.notification-page .notification-page-row strong{display:block;font-size:13px;line-height:1.55;font-weight:400;color:var(--notice-text)!important;overflow-wrap:anywhere}
.notification-popover .notification-item small,.notification-page .notification-page-row small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--notice-muted)!important}
.notification-popover .notification-kind,.notification-page .notification-kind{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--notice-icon)!important;color:#4377af!important;font-weight:400}
.notification-kind .ui-icon{width:19px;height:19px;filter:none!important}
.notification-page{display:flex;flex-direction:column;gap:9px}
html[data-theme="dark"] .notification-popover,html[data-theme="dark"] .notification-page{--notice-bg:#202020;--notice-hover:#292929;--notice-text:#dedede;--notice-muted:#a5a5a5;--notice-icon:#29323b;--notice-line:#393939}
html[data-theme="dark"] .notification-popover .notification-kind,html[data-theme="dark"] .notification-page .notification-kind{color:#9abce2!important}
html[data-theme="dark"] .notification-popover .popover-heading strong{color:#e1e1e1!important}
html[data-theme="dark"] .notification-popover .notification-item:hover,html[data-theme="dark"] .notification-page .notification-page-row:hover{background:var(--notice-hover)!important;border-color:var(--notice-line)!important}