#shadi-app #notifications-view{max-width:1000px;margin:auto;padding:0 0 8px;color:#245a4a}#shadi-app .notifications-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px;border-radius:22px;background:#edf7ed url('/assets/app-leaf-pattern.svg?v=2') center/360px;margin:12px 0 16px;border:1px solid #e0edde}#shadi-app .notifications-hero h2{font-size:28px;line-height:1.6;font-weight:800;margin:0 0 8px;color:#205647}#shadi-app .notifications-hero p{font-size:13px;line-height:1.9;color:#7e9789;margin:0 0 12px}#shadi-app .notifications-back{border:0;background:transparent;padding:4px 0;color:#228b76;font-size:12px;min-height:36px;box-shadow:none}#shadi-app .notifications-hero-art{width:170px;height:145px;flex-shrink:0}#shadi-app #notification-list{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;max-width:none;margin:0}#shadi-app #notification-list .notifications-toolbar{display:flex;gap:10px;align-items:stretch;margin:0 0 14px}#shadi-app #notification-list button{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:42px;height:auto;padding:9px 14px;border-radius:11px;font-size:12px;line-height:1.8;margin:0;white-space:normal;box-shadow:none}#shadi-app #notification-refresh{border:1px solid #aacfb9;background:#fff;color:#3e8d68;flex:1}#shadi-app #notification-read{background:#168d83;border:1px solid #168d83;color:#fff;flex:2}#shadi-app #notification-list .notification-item{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid #dfe9e0;border-right:4px solid var(--event-edge,#b0dbcb);border-radius:16px;padding:17px;margin:0 0 11px;box-shadow:0 3px 12px #416a4204}#shadi-app .notification-item.unread{border-color:#c4dfd0;border-right-color:var(--event-edge,#73b9a0);background:#fefffc}#shadi-app .notification-icon{display:grid;place-items:center;width:49px;height:49px;flex:0 0 49px;background:var(--event-bg,#e4f6ed);color:var(--event-fg,#3b9b7a);border-radius:50%}#shadi-app .notification-icon svg{width:25px;height:25px}#shadi-app .notification-receipt{--event-bg:#fff0df;--event-fg:#b38752;--event-edge:#eac8a3}#shadi-app .notification-review{--event-bg:#e9f3ff;--event-fg:#6699bf;--event-edge:#bbd8ed}#shadi-app .notification-waitlist{--event-bg:#f2eafb;--event-fg:#a17abb;--event-edge:#d5bde7}#shadi-app .notification-test{--event-bg:#fff7dd;--event-fg:#b4a05a;--event-edge:#e9deb4}#shadi-app .notification-copy{min-width:0;flex:1}#shadi-app .notification-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#shadi-app .notification-title strong{font-size:15px;line-height:1.8;font-weight:650;color:#306851}#shadi-app .notification-state{position:static;display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 8px;border-radius:15px;background:#edf3ee;color:#94a496;white-space:nowrap}#shadi-app .notification-item.unread .notification-state{background:#fff0eb;color:#bd8270}#shadi-app .notification-item.unread .notification-state:before{content:'';width:5px;height:5px;background:#d29b85;border-radius:50%}#shadi-app .notification-item p{font-size:11px;line-height:1.8;color:#9aab9d;margin:6px 0 10px}#shadi-app .notification-item a{display:inline-flex;align-items:center;font-size:12px;color:#329174;text-decoration:none;min-height:32px}#shadi-app #notification-older{display:flex;width:100%;border:1px solid #badbc6;background:#f8fdf8;color:#468b66;margin-top:13px}#shadi-app .notifications-privacy{font-size:11px;line-height:1.9;text-align:center;color:#8ca08e;margin:15px 0 0}#shadi-app #notification-list>.error{padding:13px;background:#fff1e9;border-radius:12px;font-size:12px}#shadi-app #notification-error:empty{display:none}
@media(max-width:600px){#shadi-app .notifications-hero{padding:17px;gap:10px;border-radius:18px;margin-top:8px}#shadi-app .notifications-hero h2{font-size:23px}#shadi-app .notifications-hero p{font-size:11px}#shadi-app .notifications-hero-art{width:110px;height:112px}#shadi-app #notification-list .notifications-toolbar{gap:8px}#shadi-app #notification-list button{font-size:10px;padding:8px 10px;min-height:41px}#shadi-app #notification-list .notification-item{padding:13px;gap:10px;border-radius:14px}#shadi-app .notification-icon{width:39px;height:39px;flex-basis:39px}#shadi-app .notification-icon svg{width:21px;height:21px}#shadi-app .notification-title{gap:7px}#shadi-app .notification-title strong{font-size:12px}#shadi-app .notification-state{font-size:9px}#shadi-app .notification-item p{font-size:10px;margin:5px 0 7px}#shadi-app .notification-item a{font-size:11px}#shadi-app .notifications-privacy{font-size:10px}}