.notification-item-wrapper.svelte-13lsgv4{position:relative;overflow:hidden}.notification-item__swipe-actions.svelte-13lsgv4{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;align-items:stretch;z-index:0}@media(min-width:641px){.notification-item__swipe-actions.svelte-13lsgv4{display:none}}.notification-item__swipe-btn.svelte-13lsgv4{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;border:none;color:#fff;font-size:.625rem;font-weight:500;gap:2px;cursor:pointer;padding:0}.notification-item__swipe-btn--read.svelte-13lsgv4{background:#3b82f6}.notification-item__swipe-btn--delete.svelte-13lsgv4{background:#ef4444}.notification-item__swipe-btn--confirm.svelte-13lsgv4{background:#b91c1c}.notification-item__foreground.svelte-13lsgv4{position:relative;z-index:1;background:#fff}.dark .notification-item__foreground.svelte-13lsgv4{background:#1f2937}.notification-item.svelte-13lsgv4{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;transition:background-color .2s;position:relative}.dark .notification-item.svelte-13lsgv4{border-bottom-color:#374151}.notification-item.svelte-13lsgv4:last-child{border-bottom:none}.notification-item.svelte-13lsgv4:hover{background:#f9fafb}.dark .notification-item.svelte-13lsgv4:hover{background:#111827}.notification-item--unread.svelte-13lsgv4{border-left:3px solid #3b82f6}.notification-item__content.svelte-13lsgv4{flex:1;min-width:0}.notification-item__title.svelte-13lsgv4{font-weight:600;font-size:.875rem;margin:0 0 .25rem;color:inherit}.notification-item__body.svelte-13lsgv4{font-size:.875rem;margin:0 0 .25rem;color:#4b5563;line-height:1.4;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notification-item__body--expanded.svelte-13lsgv4{-webkit-line-clamp:unset;line-clamp:unset;display:block;white-space:pre-wrap}.notification-item__body--clickable.svelte-13lsgv4{cursor:pointer}.notification-item__expand-btn.svelte-13lsgv4{background:none;border:none;padding:0;font-size:.75rem;color:#0ea5e9;cursor:pointer;margin-bottom:.25rem;font-weight:500}.notification-item__expand-btn.svelte-13lsgv4:hover{text-decoration:underline}.dark .notification-item__body.svelte-13lsgv4{color:#9ca3af}.notification-item__body.svelte-13lsgv4 .notif-link{color:#0ea5e9;text-decoration:underline;text-underline-offset:2px;font-weight:500;cursor:pointer}.notification-item__body.svelte-13lsgv4 .notif-link:hover{color:#0284c7}.dark .notification-item__body.svelte-13lsgv4 .notif-link{color:#38bdf8}.dark .notification-item__body.svelte-13lsgv4 .notif-link:hover{color:#7dd3fc}.notification-item__time.svelte-13lsgv4{font-size:.75rem;color:#9ca3af}.dark .notification-item__time.svelte-13lsgv4{color:#6b7280}.notification-item__actions.svelte-13lsgv4{display:flex;flex-direction:column;gap:.375rem;flex-shrink:0;align-items:center;align-self:flex-start;padding-top:.125rem}.notification-item__action.svelte-13lsgv4{flex-shrink:0;padding:.5rem 1rem;background:#0ea5e9;color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:600;text-decoration:none;height:-moz-fit-content;height:fit-content;transition:background-color .2s;border:none;cursor:pointer}.notification-item__action.svelte-13lsgv4:hover{background:#0284c7}.notification-item--deleting.svelte-13lsgv4{animation:svelte-13lsgv4-slideOutFade .3s ease-out forwards}@keyframes svelte-13lsgv4-slideOutFade{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification-bell.svelte-vtze1i{position:relative}.notification-bell__button.svelte-vtze1i{position:relative;padding:.5rem;color:#6b7280;transition:color .2s;background:none;border:none;cursor:pointer}.notification-bell__button.svelte-vtze1i:hover{color:#374151}.dark .notification-bell__button.svelte-vtze1i{color:#9ca3af}.dark .notification-bell__button.svelte-vtze1i:hover{color:#d1d5db}.notification-bell__badge.svelte-vtze1i{position:absolute;top:.25rem;right:.25rem;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:#ef4444;color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.notification-overlay.svelte-vtze1i{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000004d}.notification-panel.svelte-vtze1i{position:absolute;top:100%;right:0;margin-top:.5rem;width:24rem;max-width:calc(100vw - 2rem);background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;max-height:32rem;display:flex;flex-direction:column}@media(max-width:640px){.notification-panel.svelte-vtze1i{position:fixed;top:calc(3.5rem + env(safe-area-inset-top));bottom:calc(4rem + env(safe-area-inset-bottom));left:0;right:0;width:auto;max-width:none;margin-top:0;max-height:none;border-radius:0}}.dark .notification-panel.svelte-vtze1i{background:#1f2937;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.notification-panel__header.svelte-vtze1i{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;gap:.5rem;flex-shrink:0}.dark .notification-panel__header.svelte-vtze1i{border-bottom-color:#374151}.notification-panel__header.svelte-vtze1i h3:where(.svelte-vtze1i){font-size:1rem;font-weight:600;color:#111827;margin:0;flex-shrink:0}.dark .notification-panel__header.svelte-vtze1i h3:where(.svelte-vtze1i){color:#fff}.notification-panel__header-actions.svelte-vtze1i{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.notification-panel__header-btn.svelte-vtze1i{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.6875rem;font-weight:500;color:#6b7280;background:#f3f4f6;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.notification-panel__header-btn.svelte-vtze1i:hover{color:#374151;background:#e5e7eb}.dark .notification-panel__header-btn.svelte-vtze1i{color:#9ca3af;background:#374151}.dark .notification-panel__header-btn.svelte-vtze1i:hover{color:#d1d5db;background:#4b5563}@media(max-width:360px){.notification-panel__btn-label.svelte-vtze1i{display:none}.notification-panel__header-btn.svelte-vtze1i{padding:.375rem}}.notification-panel__header-btn--danger.svelte-vtze1i{color:#ef4444;background:#fef2f2}.notification-panel__header-btn--danger.svelte-vtze1i:hover{color:#dc2626;background:#fee2e2}.dark .notification-panel__header-btn--danger.svelte-vtze1i{color:#fca5a5;background:#450a0a}.dark .notification-panel__header-btn--danger.svelte-vtze1i:hover{color:#f87171;background:#7f1d1d}.notification-panel__close.svelte-vtze1i{padding:.25rem;color:#6b7280;background:none;border:none;cursor:pointer;transition:color .2s}.notification-panel__close.svelte-vtze1i:hover{color:#374151}.dark .notification-panel__close.svelte-vtze1i{color:#9ca3af}.dark .notification-panel__close.svelte-vtze1i:hover{color:#d1d5db}.notification-panel__list.svelte-vtze1i{overflow-y:auto;overflow-x:hidden;flex:1}.notification-panel__loading.svelte-vtze1i,.notification-panel__empty.svelte-vtze1i{padding:3rem 1rem;text-align:center;color:#6b7280}.dark .notification-panel__loading.svelte-vtze1i,.dark .notification-panel__empty.svelte-vtze1i{color:#9ca3af}.notification-panel__empty.svelte-vtze1i p:where(.svelte-vtze1i){margin:0;font-size:.875rem}
