.notification-panel.svelte-iz9m4y{width:400px;max-height:600px;z-index:var(--z-dropdown);overflow:hidden;margin-top:.5rem;padding:0;gap:0;display:flex;flex-direction:column;animation:svelte-iz9m4y-notification-panel-enter .22s ease-out}@keyframes svelte-iz9m4y-notification-panel-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.notification-panel.svelte-iz9m4y{animation:none}}.notification-header.svelte-iz9m4y{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;background:var(--bg-surface);border-bottom:1px solid var(--border);gap:1rem}.header-copy.svelte-iz9m4y{display:flex;flex-direction:column;gap:.25rem;min-width:0}.notification-header.svelte-iz9m4y h3:where(.svelte-iz9m4y){margin:0;color:var(--text);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.notification-subtitle.svelte-iz9m4y{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.4}.notification-count.svelte-iz9m4y{background:var(--accent);color:var(--bg-surface);font-size:.8rem;padding:.2rem .5rem;border-radius:12px;font-weight:600}.header-actions.svelte-iz9m4y{display:flex;align-items:center;gap:.5rem}.notification-content.svelte-iz9m4y{max-height:500px;overflow-y:auto;background:var(--bg-elevated)}.error-container.svelte-iz9m4y svg,.empty-container.svelte-iz9m4y svg{width:2rem;height:2rem;margin-bottom:1rem;color:var(--text-muted)}.empty-subtitle.svelte-iz9m4y{font-size:.9rem;color:var(--text-muted);margin-top:.5rem}.notification-list.svelte-iz9m4y{display:flex;flex-direction:column}.notification-group-header.svelte-iz9m4y{position:sticky;top:0;z-index:1;padding:.8rem 1rem .5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,transparent),color-mix(in srgb,var(--bg-surface) 90%,transparent));border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.notification-group-label.svelte-iz9m4y{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.notification-item.svelte-iz9m4y{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition-fast);position:relative}.notification-item.svelte-iz9m4y:hover{background:var(--bg-hover)}.notification-item.unviewed.svelte-iz9m4y{background:color-mix(in srgb,var(--accent) 5%,transparent);border-left:3px solid var(--accent)}.notification-item.transfer.svelte-iz9m4y{background:color-mix(in srgb,var(--warning) 6%,transparent)}.notification-item.transfer.unviewed.svelte-iz9m4y{border-left-color:var(--warning)}.notification-item.svelte-iz9m4y:last-child{border-bottom:none}.notification-icon.svelte-iz9m4y{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center}.notification-icon.svelte-iz9m4y svg{width:20px;height:20px}.notification-body.svelte-iz9m4y{flex:1;min-width:0}.notification-title.svelte-iz9m4y{font-weight:600;color:var(--text);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.unread-indicator.svelte-iz9m4y{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0}.notification-message.svelte-iz9m4y{color:var(--text-muted);font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.notification-meta.svelte-iz9m4y{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.notification-time.svelte-iz9m4y{color:var(--text-muted)}.notification-type.svelte-iz9m4y{padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.order-alert.svelte-iz9m4y{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.transfer-alert.svelte-iz9m4y{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.admin-alert.svelte-iz9m4y{background:#f0f3;color:var(--c-magenta)}.general-alert.svelte-iz9m4y{background:#c8c8c833;color:var(--text-muted)}@media(max-width:800px){.notification-panel.svelte-iz9m4y{width:90vw;max-width:400px;max-height:80vh;margin:0}}@media(max-width:480px){.notification-panel.svelte-iz9m4y{width:95vw;max-width:350px;max-height:60vh;margin:0}.notification-header.svelte-iz9m4y{padding:.75rem}.notification-header.svelte-iz9m4y h3:where(.svelte-iz9m4y){font-size:1rem}.notification-item.svelte-iz9m4y{padding:.75rem}.notification-icon.svelte-iz9m4y{width:35px;height:35px;font-size:1rem}.notification-content.svelte-iz9m4y{max-height:calc(60vh - 60px)}}@media(max-width:360px){.notification-panel.svelte-iz9m4y{width:98vw;max-width:none;max-height:55vh;margin:0}.notification-content.svelte-iz9m4y{max-height:calc(55vh - 60px)}}.notification-dropdown-wrapper.svelte-11neyxn{position:relative}.count-badge.svelte-3mybvo{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--bg-surface);background-color:#fff}.count-badge.small.svelte-3mybvo{width:18px;height:18px;font-size:.7rem;border-width:1.5px}.count-badge.medium.svelte-3mybvo{width:25px;height:25px;font-size:.8rem;border-width:2px}.count-badge.large.svelte-3mybvo{width:24px;height:24px;font-size:.9rem;border-width:2px}.count-badge.item.svelte-3mybvo{min-width:28px;height:28px;font-size:.8rem;border-width:2px}.count-badge.accent.svelte-3mybvo{background:var(--accent);color:var(--text-inverse);box-shadow:var(--glow-subtle)}.count-badge.danger.svelte-3mybvo{background:var(--danger);color:var(--text-inverse);box-shadow:0 2px 4px #0000004d}.count-badge.success.svelte-3mybvo{background:var(--success);color:var(--text-inverse);box-shadow:0 2px 4px #0000004d}.count-badge.sidebar.svelte-3mybvo{margin-left:auto;border-color:color-mix(in srgb,var(--danger) 36%,var(--bg-surface))}
