.kva-notifications-wrap{--m:#76002f;--d:#52001f;--border:#eadfe4;--cream:#fffaf5;max-width:900px;margin:35px auto;color:#252126}
.kva-notifications-hero{background:linear-gradient(135deg,var(--d),var(--m));color:#fff;border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.kva-notifications-hero h1{color:#fff;margin:12px 0 6px}.kva-notifications-hero p{color:#ffe8f0;margin:0}.kva-notifications-badge{font-size:11px;font-weight:700;letter-spacing:.06em;background:#d83a78;padding:6px 10px;border-radius:999px}.kva-notifications-hero button{background:#fff;color:var(--d);border:0;border-radius:7px;padding:10px 13px;font-weight:700;cursor:pointer}
.kva-notification-list{margin-top:15px}.kva-notification-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px;display:flex;gap:14px;align-items:flex-start;margin-bottom:10px;box-shadow:0 3px 12px rgba(82,0,31,.04)}.kva-notification-item.is-unread{border-left:4px solid #a9004d;background:#fffafc}.kva-notification-item.is-read{opacity:.82}.kva-notification-icon{width:36px;height:36px;border-radius:50%;background:var(--cream);color:var(--d);display:flex;align-items:center;justify-content:center;font-weight:800}.kva-notification-body{flex:1}.kva-notification-title{display:flex;gap:8px;align-items:center}.kva-notification-title span{font-size:9px;background:#a9004d;color:#fff;padding:3px 6px;border-radius:999px}.kva-notification-body p{margin:7px 0;color:#5e555a}.kva-notification-body small{color:#81777d}.kva-notification-read{background:#fff;border:1px solid #d8cbd1;color:var(--d);border-radius:6px;padding:7px 9px;font-size:11px;cursor:pointer}.kva-notification-empty{background:var(--cream);border-left:4px solid #a9004d;padding:25px;margin-top:15px}.kva-notification-empty p{color:#665d63}@media(max-width:600px){.kva-notifications-hero{flex-direction:column;align-items:flex-start}.kva-notification-item{flex-wrap:wrap}.kva-notification-read{margin-left:50px}}
