@layer utilities{.sosa-notification-popover[data-slot=popover-content]{--background:var(--app-card);--foreground:var(--app-foreground);--popover:var(--app-card);--popover-foreground:var(--app-foreground);--primary:var(--app-primary);--primary-foreground:var(--app-primary-foreground);--secondary:var(--app-secondary);--secondary-foreground:var(--app-foreground);--muted-foreground:var(--app-muted-foreground);--accent:var(--app-secondary);--accent-foreground:var(--app-foreground);--border:var(--app-card-border);--input:var(--app-input-border);--ring:var(--app-primary);box-sizing:border-box;display:flex;flex-direction:column;width:min(400px,calc(100vw - 24px))!important;height:auto!important;max-height:min(560px,var(--radix-popover-content-available-height),calc(100dvh - 96px))!important;padding:0!important;border:1px solid var(--app-card-border)!important;border-radius:12px!important;background:var(--app-card)!important;color:var(--app-foreground)!important;box-shadow:0 8px 28px var(--app-shadow-color)!important;z-index:1400!important;font-family:var(--font,ui-sans-serif,system-ui,sans-serif)}.sosa-notification-trigger[aria-expanded=true]{background:var(--app-shell-chrome-control)!important}}.sosa-notification-trigger-count{position:absolute;top:-4px;right:-4px;display:grid;min-width:17px;height:17px;place-items:center;padding:0 3px;border:2px solid var(--app-shell-chrome,var(--app-card));border-radius:999px;background:var(--app-primary);color:var(--app-primary-foreground);font-size:9px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.sosa-notification-arrow{fill:var(--app-card);stroke:var(--app-card-border);stroke-width:1px}.sosa-notification-heading{display:flex;flex:0 0 auto;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--app-card-divider)}.sosa-notification-heading>div{flex:1;min-width:0}.sosa-notification-heading h2{margin:0;color:var(--app-foreground);font-size:16px;font-weight:650;line-height:1.4}.sosa-notification-heading p{margin:4px 0 0;color:var(--app-muted-foreground);font-size:12px;line-height:1.5}.sosa-notification-count{flex:0 0 auto;padding:4px 7px;border-radius:6px;background:var(--app-primary-soft);color:var(--app-primary);font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}.sosa-notification-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--app-card-border) transparent}.sosa-notification-body:focus-visible{outline:2px solid var(--app-primary);outline-offset:-3px}.sosa-notification-state{display:flex;min-height:164px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 20px;text-align:center}.sosa-notification-state>svg{width:24px;height:24px;color:var(--app-muted-foreground)}.sosa-notification-state strong{font-size:14px;line-height:1.5}.sosa-notification-state p{margin:0;color:var(--app-muted-foreground);font-size:13px;line-height:1.55}.sosa-notification-state [role=alert]{color:var(--app-danger)}.sosa-notification-spinner{animation:sosa-notification-spin 1s linear infinite}.sosa-notification-list{display:grid;margin:0;padding:0;list-style:none}.sosa-notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 18px}.sosa-notification-link{display:flex;flex:1;min-width:0;align-items:flex-start;gap:12px;border:0;border-radius:8px;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.sosa-notification-link:focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}.sosa-notification-item+.sosa-notification-item{border-top:1px solid var(--app-card-divider)}.sosa-notification-item[data-unread=true]{background:color-mix(in srgb,var(--app-primary-soft) 28%,var(--app-card))}.sosa-notification-icon{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--app-secondary);color:var(--app-muted-foreground)}.sosa-notification-icon svg{width:16px;height:16px;stroke-width:1.8}.sosa-notification-avatar{flex:0 0 30px;width:30px;height:30px}.sosa-notification-retry{flex:0 0 auto;min-height:30px;align-self:center;padding:0 4px;color:var(--app-primary);font-size:10px;white-space:nowrap}.sosa-notification-item[data-unread=true] .sosa-notification-icon{background:var(--app-primary-soft);color:var(--app-primary)}.sosa-notification-item[data-due=true] .sosa-notification-icon{background:var(--app-warning-soft);color:var(--app-warning)}.sosa-notification-copy{flex:1;min-width:0;overflow-wrap:anywhere}.sosa-notification-copy>strong{display:block;color:var(--app-foreground);font-size:13px;font-weight:600;line-height:1.5}.sosa-notification-copy>p{margin:4px 0 0;color:var(--app-muted-foreground);font-size:12px;line-height:1.55}.sosa-notification-meta{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:8px}.sosa-notification-meta,.sosa-notification-status{color:var(--app-muted-foreground);font-size:11px;line-height:1.5}.sosa-notification-status{display:inline-block;margin-top:5px;font-weight:600}.sosa-notification-item[data-unread=true] .sosa-notification-status{color:var(--app-primary)}.sosa-notification-item[data-due=true] .sosa-notification-status{color:var(--app-warning)}.sosa-notification-footer{flex:0 0 auto;padding:8px 12px;border-top:1px solid var(--app-card-divider)}.sosa-notification-footer a{display:flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:var(--app-primary);font-size:13px;font-weight:600;text-decoration:none}.sosa-notification-footer a:hover{background:var(--app-primary-soft)}.sosa-notification-footer a:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.sosa-notification-footer svg{width:16px;height:16px}@keyframes sosa-notification-spin{to{transform:rotate(1turn)}}@media (max-width:767px){@layer utilities{.sosa-watermelon-topbar .sosa-notification-trigger{width:44px!important;height:44px!important;min-width:44px;min-height:44px}}.sosa-notification-heading{padding:16px 14px 12px}.sosa-notification-item{padding:14px;gap:10px}}@media (prefers-reduced-motion:reduce){.sosa-notification-spinner{animation:none}}