.picked-notifications{max-width:720px;margin-inline:auto}.picked-notification-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.picked-notification-read-all[data-slot=button]{height:44px;min-height:44px;padding-inline:14px;font-size:.9375rem}.picked-notification-read-all[data-slot=button] svg{width:18px;height:18px}.picked-notifications .picked-heading{margin-bottom:20px}.picked-notification-list{flex-direction:column;gap:28px;display:flex}.picked-notification-group h2{font-size:.9375rem;font-family:var(--font-sans);font-weight:var(--type-ui-weight);color:var(--muted-foreground);margin:0 0 8px;line-height:1.6}.picked-notification-row{border-bottom:1px solid var(--border);touch-action:pan-y;min-width:0;position:relative;overflow:hidden}.picked-notification-surface{background:var(--background);align-items:flex-start;gap:2px;min-width:0;display:flex;position:relative}.picked-notification{text-align:left;min-width:0;color:var(--foreground);cursor:pointer;flex:1;align-items:flex-start;gap:12px;padding:20px 0;text-decoration:none;display:flex}.picked-notification-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:6px;min-width:0;line-height:1.5;display:flex}.picked-notification-copy strong{font-size:1rem;font-weight:var(--type-ui-weight)}.picked-notification-description{color:var(--muted-foreground);white-space:pre-wrap;font-size:.9375rem}.picked-notification-avatar.picked-avatar,.picked-notification-system{flex-shrink:0;width:44px;height:44px}.picked-notification-system{background:var(--secondary);color:var(--foreground);border-radius:14px;place-items:center;display:grid}.picked-notification-system svg{width:26px;height:26px}.picked-notification-product.picked-product-image{aspect-ratio:auto;border-radius:10px;flex-shrink:0;width:48px;height:56px;margin-top:2px}.picked-notification-product.picked-product-image img{border-radius:8px;max-height:56px}.picked-notification-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.9375rem;display:flex}.picked-notification-unread{background:color-mix(in srgb,var(--notification-accent) 10%,var(--background));color:var(--notification-accent);font-weight:var(--type-ui-weight);border-radius:8px;align-items:center;padding:2px 8px;line-height:1.5;display:inline-flex}.picked-app .picked-notification-row :is(button,a):active{scale:1!important}.picked-notification-delete[data-slot=button]{background:var(--notification-accent);color:#fff;border-radius:14px;flex-direction:column;gap:8px;width:80px;height:auto;padding:8px;font-size:.9375rem;display:flex;position:absolute;inset:6px 0 6px auto}.picked-notification:focus-visible{border-radius:12px;outline-offset:-3px!important}.picked-notification-more{margin:24px auto 0;display:flex}.picked-notification-error{color:var(--destructive);margin-bottom:16px;font-size:1rem}.picked-notification-error p{margin:0 0 8px}.picked-notification-loading{min-height:120px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;font-size:1rem;display:flex}.picked-notification-loading svg{flex-shrink:0;width:20px;height:20px}.picked-settings-form.picked-notification-settings{gap:24px}.picked-notification-setting-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--type-heading-weight);align-items:center;gap:8px;margin:0 0 12px;line-height:1.3;display:flex}.picked-notification-setting-section h2 svg{flex-shrink:0;width:20px;height:20px}.picked-notification-settings .picked-notification-setting-section [data-slot=field-group]{gap:8px}.picked-notification-setting-section .picked-settings-switch-row{gap:12px;padding:12px 16px}.picked-notification-setting-section [data-slot=field-label]{font-size:1.0625rem;font-weight:var(--type-ui-weight);line-height:1.35}.picked-notification-setting-section [data-slot=field-description]{font-weight:var(--type-caption-weight)}.picked-notification-connect p{color:var(--muted-foreground);margin:0 0 16px;font-size:.9375rem;line-height:1.6}.picked-notification-connect{background:var(--secondary);border-radius:16px;margin:16px 0;padding:16px}.picked-notification-save-error{color:var(--destructive);font-size:var(--type-caption-size);margin:4px 0 0;line-height:1.5}@media (hover:hover) and (pointer:fine){.picked-notification:hover .picked-notification-copy strong{opacity:.7}}@media (prefers-reduced-motion:no-preference){.picked-notification-surface{transition:transform .15s ease-out}.picked-notification-surface[data-dragging]{transition:none}}@media (prefers-reduced-motion:reduce){.picked-notification-surface{transform:none!important}.picked-notification-surface[data-open]{width:calc(100% - 88px)}}.picked-notification-error{top:calc(var(--picked-safe-top,0px) + 8px);z-index:6;background:var(--background);padding:12px 0;position:sticky}
