@layer saro-components{.saro-nav-notifications{position:relative}.saro-nav-notification-label{align-items:center;gap:.5rem;display:flex;overflow:visible}.saro-notification-badge{color:#fff;background:var(--saro-danger);min-width:1.125rem;font-family:var(--font-sans);font-size:.6875rem;font-weight:calc(700 + var(--saro-font-weight-step,0));font-variant-numeric:tabular-nums;border-radius:1rem;place-items:center;padding:.0625rem .3125rem;line-height:1.2;display:inline-grid}.saro-sidebar--collapsed .saro-nav-notification-label{display:contents}.saro-sidebar--collapsed .saro-nav-notification-text{display:none}.saro-sidebar--collapsed .saro-notification-badge{position:absolute;inset-block-start:.1875rem;inset-inline-end:0}.saro-settings-dialog.saro-notification-panel{width:23rem;overflow:hidden}.saro-notification-panel[open]{flex-direction:column;display:flex}.saro-notification-panel-content{overscroll-behavior:contain;min-height:0;overflow:auto}.saro-notification-panel-tools{--saro-icon-button-size:1.75rem;--saro-icon-button-padding:.375rem;z-index:2;background:var(--saro-card);border-radius:var(--saro-surface-radius,0);direction:ltr;display:flex;position:absolute;top:.125rem;right:.125rem}.saro-notification-panel .saro-notification:first-child .saro-notification-message{min-height:1.5rem;padding-right:3.5rem}.saro-notifications{min-width:0}.saro-notification-preview-row{padding:.625rem .75rem}.saro-notification-text-link{color:var(--saro-fg);font:inherit;text-align:start;cursor:var(--saro-cursor-pointer,pointer);background:0 0;border:0;padding:0;text-decoration:none;display:inline}.saro-notification:not(.saro-notification--unread) .saro-notification-text-link{color:var(--saro-muted)}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notification-text-link:not([aria-disabled=true]):hover{text-underline-offset:.15em;text-decoration:underline}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notification-text-link:not([aria-disabled=true]):hover:where(:not(*)){text-underline-offset:.15em;text-decoration:underline}}.saro-notification-text-link[aria-disabled=true]{cursor:var(--saro-cursor-wait,wait)}.saro-notifications-actions{flex-wrap:wrap;gap:.5rem;padding:.375rem .75rem;display:flex}.saro-notifications-list{margin:0;padding:0;list-style:none}.saro-notification+.saro-notification{border-block-start:.0625rem solid var(--saro-line)}.saro-notification-open{width:100%;color:var(--saro-fg);text-align:start;font:inherit;cursor:var(--saro-cursor-pointer,pointer);background:0 0;border:0;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;display:flex}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notification-open:hover{background:color-mix(in srgb,var(--saro-accent) 6%,transparent)}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notification-open:hover:where(:not(*)){background:color-mix(in srgb,var(--saro-accent) 6%,transparent)}}.saro-notification-open[aria-disabled=true]{cursor:var(--saro-cursor-wait,wait)}.saro-notification--unread{background:color-mix(in srgb,var(--saro-accent) 5%,transparent)}.saro-notification-copy{flex:1;gap:.375rem;min-width:0;display:grid}.saro-notification-message{font-size:var(--text-xs);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.65}.saro-notification:not(.saro-notification--unread) .saro-notification-open{color:var(--saro-muted)}.saro-notification--unread .saro-notification-message{font-weight:calc(600 + var(--saro-font-weight-step,0))}.saro-notification-copy time{color:var(--saro-muted);text-align:right;font-size:.6875rem}.saro-notification-meta{justify-content:right;align-items:center;gap:.375rem;display:flex}.saro-notification-dot{background:var(--saro-accent);border-radius:50%;flex:none;width:.375rem;height:.375rem}.saro-notifications-status{color:var(--saro-muted);font-size:var(--text-sm);padding:.75rem}.saro-notifications--inbox .saro-notifications-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem 1rem;width:100%;min-height:2.75rem;padding:.25rem .75rem;display:grid}.saro-notification-select-all{min-height:2rem;color:var(--saro-muted);cursor:var(--saro-cursor-pointer,pointer);align-items:center;gap:.75rem;font-size:.75rem;display:inline-flex}.saro-notification-action{color:var(--saro-fg);font:inherit;cursor:var(--saro-cursor-pointer,pointer);background:0 0;border:0;padding:.375rem 0;font-size:.75rem}.saro-notification-tools{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.625rem;width:100%;min-width:0;display:flex}.saro-notification-action-separator{color:var(--saro-muted);font-size:.75rem}.saro-notification-action{transition:transform .14s ease-out}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notification-action:not(:disabled):is(:hover,:focus-visible){transform:translate(.0625rem)}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notification-action:not(:disabled):is(:hover:where(:not(*)),:focus-visible){transform:translate(.0625rem)}}.saro-notification-action:disabled{opacity:.4;cursor:var(--saro-cursor-not-allowed,not-allowed)}.saro-notifications--inbox .saro-notifications-list{border-block:.0625rem solid var(--saro-line)}.saro-notifications--inbox .saro-notification{background:0 0;align-items:stretch;display:flex}.saro-notification-select{cursor:var(--saro-cursor-pointer,pointer);flex:none;align-items:center;padding-inline:.75rem;display:flex}.saro-notifications--inbox .saro-notification-open{flex:1;align-items:center;min-width:0;padding-block:.75rem;padding-inline:0 .75rem;text-decoration:none}.saro-notifications--inbox .saro-notification-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem}.saro-notifications--inbox .saro-notification-message{font-size:.875rem}.saro-notifications--inbox .saro-notification-meta{gap:.5rem}.saro-notifications--inbox .saro-notification-meta time{white-space:nowrap}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notifications--inbox .saro-notification-open:is(:hover,:focus-visible,:active){background:0 0}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notifications--inbox .saro-notification-open:is(:hover:where(:not(*)),:focus-visible,:active){background:0 0}}.saro-notifications--inbox .saro-notification-message{transition:transform .14s ease-out}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notifications--inbox .saro-notification--selected .saro-notification-message,.saro-notifications--inbox .saro-notification-open:not([aria-disabled=true]):is(:hover,:focus-visible) .saro-notification-message{transform:translate(.0625rem)}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-notifications--inbox .saro-notification--selected .saro-notification-message,.saro-notifications--inbox .saro-notification-open:not([aria-disabled=true]):is(:hover:where(:not(*)),:focus-visible) .saro-notification-message{transform:translate(.0625rem)}}@media (width<=40rem){.saro-notifications--inbox .saro-notification-copy{grid-template-columns:minmax(0,1fr)}.saro-notifications--inbox .saro-notification-meta{justify-content:flex-end}}}