.notification-bell{position:relative;display:flex;align-items:center}.notification-trigger{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink,#233540);cursor:pointer}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{background:#f1f3f5;border-color:#e2e6e9}.notification-preview a:focus-visible,.notification-trigger:focus-visible{outline:2px solid var(--coral,#cf765e);outline-offset:3px}.notification-counter{position:absolute;top:-2px;right:-3px;min-width:17px;padding:2px 4px;background:#bd4b43;color:#fff;font-size:10px;font-weight:700;line-height:1.2;border-radius:12px}.notification-preview{position:absolute;top:calc(100% + 12px);right:0;width:390px;max-width:calc(100vw - 24px);z-index:100;background:#fff;border:1px solid var(--line,#e1e5e8);border-radius:14px;box-shadow:0 14px 42px #15273526;overflow:hidden}.notification-preview-footer,.notification-preview-heading{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-preview-footer a,.notification-preview-heading a{font-size:11px;color:var(--coral,#a54d37)}.notification-preview-footer{border-top:1px solid var(--line-soft,#edf0f2);flex-wrap:wrap}.notification-preview-footer small{font-size:10px;color:var(--muted,#667580)}.notification-preview-item{display:flex;flex-direction:column;gap:4px;padding:12px 18px;border-top:1px solid var(--line-soft,#edf0f2);text-decoration:none;color:inherit;font-size:12px}.notification-preview-item small{color:var(--muted,#667580);font-size:10px}.notification-preview-item.unread{border-left:3px solid #c78973;padding-left:15px}.notification-preview-item.read{opacity:.72}.notification-preview-item:hover{background:#faf7f4}.notification-preview{max-height:min(680px,80vh);overflow:auto}.notification-message{padding:12px 18px;margin:0;font-size:12px;color:var(--muted,#667580)}.notification-message.error{color:#a2443e;background:#fff6f5}.notification-filters{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.notification-views{display:flex;gap:5px;padding:4px;background:#eceff1;border-radius:10px}.notification-views button{border:0;border-radius:7px;background:transparent;padding:9px 14px;cursor:pointer;font-size:13px}.notification-views button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #0001}.notification-filters select{min-height:38px;border:1px solid var(--line,#dde2e6);padding:8px 12px;border-radius:8px;background:#fff;font-size:13px}.notification-filters label{display:flex;align-items:center;gap:8px;font-size:12px}.notification-filters input{width:15px;height:15px}.notification-list{display:grid;gap:10px}.notification-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid #e0e5e8;background:#fff;border-radius:12px}.notification-card.unread{border-left:3px solid #c78973;padding-left:20px}.notification-card.read{background:#fafbfc}.notification-card-main{min-width:0}.notification-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted,#657580)}.notification-card-meta strong{color:#a64141}.notification-card h2{font-size:15px;line-height:1.4;margin:7px 0}.notification-card h2 a{color:inherit;text-decoration:none}.notification-card h2 a:hover{text-decoration:underline}.notification-card p{font-size:13px;margin:0;line-height:1.5}.notification-card .notification-note{font-size:11px;color:#84745e;margin-top:7px}.notification-dates{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px;color:var(--muted,#657580);font-size:10px}.notification-card-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.notification-card-actions button{font-size:11px}.notification-card-actions button:disabled{opacity:.5;cursor:not-allowed}.notification-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:20px 0}.notification-pagination small{margin-right:auto}.notification-retention{font-size:11px;color:var(--muted,#657580);margin-top:18px}@media(max-width:800px){.notification-card{align-items:flex-start;flex-direction:column;gap:14px}.notification-preview{right:-55px}.notification-filters{gap:12px}}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{background:var(--coral-soft);border-color:#edc7d1}.notification-preview a:focus-visible,.notification-trigger:focus-visible{outline-color:var(--coral)}.notification-counter{background:var(--coral)}.notification-preview-footer a,.notification-preview-heading a{color:var(--coral);font-size:12px}.notification-preview-footer small,.notification-preview-item small{color:var(--muted);font-size:12px}.notification-preview-item{font-size:13px}.notification-card.unread,.notification-preview-item.unread{border-left-color:var(--coral)}.notification-preview-item:hover{background:var(--coral-soft)}.notification-card{border-color:var(--line)}.notification-card.read{background:var(--canvas)}.notification-card:hover{border-color:#e7bdc8}.notification-card-meta,.notification-dates{color:var(--muted);font-size:12px}.notification-card-meta strong{color:var(--notice-error)}.notification-card .notification-note{color:var(--muted);font-size:12px}.notification-card-actions button{font-size:13px}.notification-preview .status-notice{margin:12px}.notification-views{background:var(--canvas)}.notification-views button{color:var(--ink)}.notification-views button[aria-pressed=true]{background:var(--coral-soft);color:var(--coral-hover);box-shadow:none}.notification-filters select{appearance:none;min-height:40px;padding:9px 32px 9px 11px;color:var(--ink);font:inherit;font-size:12px;background:var(--paper) var(--select-chevron) no-repeat right 11px center /12px 12px}.notification-filters label{font-size:13px}