.notif-card[data-v-fa241306]{--notif-bg:var(--white);background:var(--notif-bg);border:1px solid var(--gray-2);border-radius:10px;padding:12px 14px;position:relative;text-align:left}.notif-card+.notif-card[data-v-fa241306]{margin-top:8px}.notif-head[data-v-fa241306]{align-items:center;display:flex;gap:6px}.notif-title[data-v-fa241306]{flex:1;font-size:14px;font-weight:700;line-height:20px}.notif-hide[data-v-fa241306]{background-color:transparent;border:none;cursor:pointer;flex-shrink:0;opacity:.6;padding:0}.notif-hide[data-v-fa241306]:hover{opacity:1}.notif-body[data-v-fa241306]{font-size:13px;line-height:19px;margin-top:4px;white-space:pre-line}.notif-body.clamped[data-v-fa241306]{max-height:57px;overflow:hidden;position:relative}.notif-body.faded[data-v-fa241306]:after{background:linear-gradient(to bottom,transparent,var(--notif-bg));bottom:0;content:"";height:24px;left:0;position:absolute;right:0}.notif-expand[data-v-fa241306]{background:none;border:none;color:var(--blue-1);cursor:pointer;font-size:12px;font-weight:600;margin-top:2px;padding:0}.notif-link[data-v-fa241306]{color:var(--blue-1);text-decoration:underline}.notif-buttons[data-v-fa241306]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.notif-btn[data-v-fa241306]{border-radius:16px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.btn--primary[data-v-fa241306]{background:var(--main-color);border:none;color:var(--black)}.btn--secondary[data-v-fa241306]{background:var(--white);border:1px solid var(--gray-2);color:var(--black)}.btn--danger[data-v-fa241306]{background:var(--red);border:none;color:var(--white)}.btn--link[data-v-fa241306]{background:none;border:none;color:var(--blue-1);padding-inline:0;text-decoration:underline}.notif-footer[data-v-fa241306]{align-items:center;display:flex;gap:12px;margin-top:8px}.notif-time[data-v-fa241306]{color:var(--gray-6);font-size:11px}.notif-mark-read[data-v-fa241306]{background:none;border:none;color:var(--blue-1);cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:0}.notif--warning[data-v-fa241306]{--notif-bg:#fdf6ee;border-left:3px solid var(--orange)}.notif--critical[data-v-fa241306]{--notif-bg:#fdeef1;border-left:3px solid var(--red)}.notif--success[data-v-fa241306]{--notif-bg:#f0f8ee;border-left:3px solid var(--green-4)}.notif--marketing[data-v-fa241306]{--notif-bg:var(--pink-4);border-left:3px solid var(--pink-1)}