.notification-item[data-v-8fc2e896]{background:#ddd1cf73;border:1px solid rgba(38,42,49,.06);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;position:relative;transition:background .2s ease,border-color .2s ease}.notification-item[data-v-8fc2e896]:hover{background:#ddd1cfd9;border-color:#99633b40}.notification-item--unread[data-v-8fc2e896]{background:#fff;border-left:3px solid #f36163}.notification-item--incoming[data-v-8fc2e896]{animation:notification-item-pop-8fc2e896 .55s ease;border-color:#f3616359;box-shadow:0 0 0 1px #f361632e,0 8px 20px #f361631f}.notification-item--incoming .notification-item__icon[data-v-8fc2e896]{animation:notification-icon-pulse-8fc2e896 1.4s ease-in-out 3}.notification-item--success .notification-item__icon[data-v-8fc2e896]{background:#06b8241a;color:#06b824}.notification-item--error .notification-item__icon[data-v-8fc2e896]{background:#f361631a;color:#f36163}.notification-item--warning .notification-item__icon[data-v-8fc2e896]{background:#99633b1f;color:#99633b}.notification-item--info .notification-item__icon[data-v-8fc2e896]{background:#262a3114;color:#262a31}.notification-item__icon[data-v-8fc2e896]{align-items:center;background:#262a310f;border-radius:10px;color:#262a31;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-item__icon[data-v-8fc2e896] svg{height:18px;width:18px}.notification-item__content[data-v-8fc2e896]{flex:1;min-width:0}.notification-item__header[data-v-8fc2e896]{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.notification-item__title[data-v-8fc2e896]{color:#262a31;font-size:14px;font-weight:600;line-height:20px;margin:0;word-break:break-word}.notification-item__time[data-v-8fc2e896]{color:#53575f;flex-shrink:0;font-size:11px;line-height:14px;opacity:.85}.notification-item__message[data-v-8fc2e896]{color:#53575f;font-size:13px;line-height:20px;margin:0;white-space:pre-wrap;word-break:break-word}.notification-item__message--html[data-v-8fc2e896]{white-space:normal}.notification-item__message--html[data-v-8fc2e896] p{margin:0 0 8px}.notification-item__message--html[data-v-8fc2e896] p:last-child{margin-bottom:0}.notification-item__message--html[data-v-8fc2e896] ol,.notification-item__message--html[data-v-8fc2e896] ul{margin:0 0 8px;padding-left:18px}.notification-item__message--html[data-v-8fc2e896] li{margin-bottom:4px}.notification-item__message--html[data-v-8fc2e896] a{color:#99633b;text-decoration:underline}.notification-item__message--html[data-v-8fc2e896] b,.notification-item__message--html[data-v-8fc2e896] strong{color:#262a31;font-weight:600}.notification-item:not(.notification-item--expanded):not(.notification-item--compact) .notification-item__message[data-v-8fc2e896]:not(.notification-item__message--html){display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.notification-item:not(.notification-item--expanded):not(.notification-item--compact) .notification-item__message--html[data-v-8fc2e896]{max-height:7.5em;overflow:hidden}.notification-item--compact .notification-item__message[data-v-8fc2e896],.notification-item--expanded .notification-item__message[data-v-8fc2e896]{display:block;max-height:none;overflow:visible}.notification-item--compact .notification-item__message[data-v-8fc2e896]{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.notification-item__toggle[data-v-8fc2e896]{background:none;border:none;color:#99633b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;line-height:16px;margin-top:8px;padding:0;text-decoration:underline;text-underline-offset:2px}.notification-item__toggle[data-v-8fc2e896]:hover{color:#7c5030}.notification-item__link[data-v-8fc2e896]{align-items:center;color:#99633b;display:inline-flex;font-size:12px;font-weight:600;gap:4px;line-height:16px;margin-top:10px}.notification-item__actions[data-v-8fc2e896]{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-item__actions[data-v-8fc2e896]{opacity:1}.notification-item__action[data-v-8fc2e896]{align-items:center;background:transparent;border:none;border-radius:8px;color:#53575f;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .2s ease,color .2s ease;width:30px}.notification-item__action[data-v-8fc2e896]:hover{background:#ddd1cfe6;color:#262a31}.notification-item__action--delete[data-v-8fc2e896]:hover{background:#f361631f;color:#f36163}@keyframes notification-item-pop-8fc2e896{0%{opacity:.55;transform:translateY(-6px) scale(.98)}60%{transform:translateY(2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notification-icon-pulse-8fc2e896{0%,to{box-shadow:0 0 #f3616359}50%{box-shadow:0 0 0 6px #f3616300}}
