.notif__list[data-v-b7f719ca]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11.2px}.notif-card[data-v-b7f719ca]{position:relative;display:flex;align-items:flex-start;gap:14.4px;padding:16px 19.2px;border-radius:16px;overflow:hidden;animation:notif-in-b7f719ca .4s ease both;transition:transform .2s ease,box-shadow .2s ease}.notif-card[data-v-b7f719ca]:hover{transform:translateY(-2px);box-shadow:0 14.4px 40px rgba(20,40,90,.1)}.notif-card__icon[data-v-b7f719ca]{width:38.4px;height:38.4px;border-radius:12px;background:#f3f4f9;color:#7b8194}.notif-card--unread[data-v-b7f719ca]{background:linear-gradient(100deg,#fff6ef,#fff 60%)}.notif-card--unread[data-v-b7f719ca]:before{content:"";position:absolute;left:0;top:14.4px;bottom:14.4px;width:3.2px;border-radius:0 3.2px 3.2px 0;background:linear-gradient(180deg,#ff8a2a,#f2610f)}.notif-card--unread .notif-card__icon[data-v-b7f719ca]{background:var(--ecu-orange-soft);color:var(--ecu-orange)}.notif-card__body[data-v-b7f719ca]{flex:1;min-width:0}.notif-card__body h3[data-v-b7f719ca]{margin:0 0 3.2px;font-size:var(--ecu-fs-h3);font-weight:var(--ecu-fw-subheading);line-height:1.35;color:var(--ecu-navy)}.notif-card--unread .notif-card__body h3[data-v-b7f719ca]{font-weight:var(--ecu-fw-subheading)}.notif-card__body p[data-v-b7f719ca]{margin:0 0 8px;font-size:var(--ecu-fs-body);line-height:1.55;color:var(--ecu-muted);overflow-wrap:anywhere}.notif-card--unread .notif-card__body p[data-v-b7f719ca]{color:var(--ecu-ink);font-weight:600}.notif-card__body time[data-v-b7f719ca]{display:inline-flex;align-items:center;gap:5.6px;font-size:var(--ecu-fs-small);color:#8b90a3}.notif-card__dot[data-v-b7f719ca]{width:8px;height:8px;margin-top:6.4px;border-radius:50%;background:var(--ecu-orange);box-shadow:0 0 0 4px rgba(249,115,22,.15);flex-shrink:0}@keyframes notif-in-b7f719ca{0%{opacity:0;transform:translateY(6.4px)}to{opacity:1;transform:none}}@media (max-width:575px){.notif-card[data-v-b7f719ca]{padding:12.8px;gap:11.2px}.notif-card__icon[data-v-b7f719ca]{width:33.6px;height:33.6px}}@media (prefers-reduced-motion:reduce){.notif-card[data-v-b7f719ca]{animation:none;transition:none}}