.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}.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}.mark-all-btn.svelte-iz9m4y{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:6px;transition:var(--transition-fast)}.mark-all-btn.svelte-iz9m4y:hover{background:var(--bg-hover);color:var(--text)}.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}.group-count{padding:.18rem .55rem;font-size:.68rem}.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}.notification-bell.svelte-7bp2zf{position:relative;background:none;border:none;cursor:pointer;color:var(--icon-color-base, var(--text-muted));padding:.5rem;display:inline-flex;align-items:center;transition:color .2s ease}.notification-bell.svelte-7bp2zf:hover{color:var(--accent)}.notification-badge.svelte-7bp2zf{position:absolute;top:-4px;right:-2px;min-width:1.1rem;height:1.1rem;border-radius:999px;background:var(--danger);color:var(--bg-surface);font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 .25rem;pointer-events:none}