.notification-shell{width:min(900px,100% - 40px);margin-inline:auto}.notification-feed{gap:18px;display:grid}.notification-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.notification-toolbar .field-help{color:var(--muted);margin:0}.notification-list{gap:12px;display:grid}.notification-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:flex}.notification-card:hover{background:#fbfefd;border-color:#b8d6c9;transform:translateY(-1px);box-shadow:0 12px 28px #0f6a5014}.notification-card:focus-visible{outline-offset:2px;outline:3px solid #0f6a5033}.notification-avatar{background:linear-gradient(145deg,var(--brand),var(--brand-dark));color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:1.05rem;font-weight:800;display:grid}.notification-copy{flex:1;gap:2px;min-width:0;display:grid}.notification-copy strong{color:var(--ink);font-size:1rem}.notification-copy span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notification-copy time{color:#81918b;font-size:.8rem}.notification-arrow{color:var(--brand);font-size:1.25rem;font-weight:800}.empty-search-state{text-align:center;color:var(--muted);background:#f8fbf9;border:1px dashed #cfded7;border-radius:18px;gap:8px;padding:34px 18px;display:grid}.empty-search-state strong{color:var(--ink);font-size:1.08rem}.form-alert{border-radius:12px;margin:0;padding:12px 14px}.form-alert-info{color:var(--brand-dark);background:#eef7f2;border:1px solid #cfe5da}@media (max-width:640px){.notification-shell{width:min(100% - 22px,900px)}.notification-toolbar{flex-direction:column;align-items:stretch}.notification-toolbar .button{width:100%}.notification-card{padding:14px}.notification-avatar{width:42px;height:42px}.notification-arrow{display:none}}.notification-loading{gap:12px;display:grid}.notification-loading span{background:linear-gradient(100deg,#f3f6f5 25%,#fbfdfc 42%,#f3f6f5 60%) 0 0/220% 100%;border:1px solid #e6eeea;border-radius:18px;height:82px;animation:1.2s linear infinite notificationShimmer}@keyframes notificationShimmer{to{background-position:-220% 0}}.notification-card{position:relative;overflow:hidden}.notification-card:before{content:"";background:#d7e7e0;width:4px;position:absolute;inset-block:0;inset-inline-start:0}.notification-card-match_accepted:before{background:#ff5b78}.notification-card-unread_messages:before{background:#2a9f76}.notification-card-connection_request:before{background:#5d84d8}.notification-card-missed_call:before{background:#d59a3a}.notification-avatar{position:relative}.notification-initial{place-items:center;width:100%;height:100%;display:grid}.notification-type-icon{inset-inline-end:-4px;background:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.68rem;display:grid;position:absolute;bottom:-4px;box-shadow:0 3px 8px #0000001f}.notification-card-match_accepted .notification-avatar{background:linear-gradient(145deg,#ff6b85,#d83f60)}.notification-card-unread_messages .notification-avatar{background:linear-gradient(145deg,#24a876,#0d6d4d)}.notification-card-connection_request .notification-avatar{background:linear-gradient(145deg,#6d8fe2,#466ab8)}.notification-card-missed_call .notification-avatar{background:linear-gradient(145deg,#dda548,#a96d17)}@media (max-width:640px){.notification-list{gap:9px}.notification-card{border-radius:16px;gap:12px;min-height:74px}.notification-copy strong{font-size:.94rem}.notification-copy span{font-size:.84rem}.notification-copy time{font-size:.74rem}.notification-loading span{height:74px}}