.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;color:var(--blue,#2677c9);border:1px solid var(--line,#dce7ef);border-radius:12px;background:#fff;text-decoration:none}.notification-bell[hidden]{display:none}.notification-count{position:absolute;top:-5px;right:-5px;min-width:20px;padding:2px 4px;border-radius:10px;background:#226fc1;color:#fff;text-align:center;font-size:12px;line-height:16px;font-weight:700}.notification-count[hidden]{display:none}.notification-center{max-width:860px;margin:auto}.notification-center h2{font-size:1.5rem}.notification-center header p,.notification-meta,.notification-link time{color:#536c80}.notification-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 12px}.notification-toolbar [role=group]{display:flex;gap:6px;margin-right:auto}.notification-center button{min-height:44px;padding:10px 16px;border:1px solid #c8dcea;border-radius:10px;background:#fff;color:#235f94;font:inherit;cursor:pointer}.notification-center button[aria-pressed=true]{background:#e5f2ff;border-color:#2677c9;color:#174f84}.notification-center button:disabled{opacity:.55;cursor:default}.notification-list{list-style:none;padding:0;margin:0}.notification-item{border-top:1px solid #dce7ef;padding:20px 16px;overflow-wrap:anywhere}.notification-item.is-unread{border-left:1px solid #2677c9;background:#f3f9ff}.notification-meta{display:flex;justify-content:space-between;gap:12px;font-size:.875rem}.notification-link{display:block;color:inherit;text-decoration:none;padding:8px 0}.notification-link h3{font-size:1.125rem;line-height:1.5;margin:4px 0}.notification-link p{margin:8px 0;line-height:1.6}.notification-link time{display:block;font-size:.875rem}.notification-open{display:block;color:#2069ad;margin-top:12px}.notification-read{margin-top:8px}.notification-empty{padding:32px 16px;background:#f5f9fc;border-radius:12px;line-height:1.7}.notification-bell:focus-visible,.notification-center :is(button,a):focus-visible{outline:3px solid #2477bd;outline-offset:3px}[data-notification-ack] button{min-height:44px;margin:8px;padding:8px 12px}.pf-record[data-quiz-id]:focus{outline:3px solid #2477bd;outline-offset:4px}@media(max-width:767px){.notification-toolbar>button{flex:1 1 auto}.notification-toolbar [role=group]{width:100%;margin:0}.notification-item{padding:16px 12px}.shell-header{gap:8px}.notification-bell{margin-left:auto}.shell-header .account{margin-left:0}}

.notification-toolbar label{display:flex;align-items:center;gap:8px;max-width:100%;color:#235f94}.notification-toolbar select{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #c8dcea;border-radius:10px;background:#fff;color:#235f94;font:inherit}.notification-center button:hover:not(:disabled){background:#e5f2ff}.notification-link:hover h3{text-decoration:underline;text-underline-offset:4px}.notification-center select:focus-visible{outline:3px solid #2477bd;outline-offset:3px}.notification-center [role=status] button{margin:8px}.notification-center time{font-variant-numeric:tabular-nums}.notification-center ::selection{background:#cce5ff;color:#173c60}.notification-center[aria-busy=true] .notification-list{opacity:.65}.request-item:focus-visible,.reward-card:focus-visible{outline:3px solid #2477bd;outline-offset:4px}
.notifications-page>.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}