.notification-menu.notification-menu-compact{width:min(400px,100vw - 24px);max-height:min(580px,var(--radix-popover-content-available-height,calc(100dvh - 24px)));border-radius:18px;flex-direction:column;display:flex}.notification-menu-compact .notification-menu-heading{flex:none;gap:8px;padding:10px 12px 10px 16px}.notification-menu-compact .notification-menu-heading h2{align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.3;display:flex}.notification-menu-count{background:var(--lavender);min-width:22px;height:22px;color:var(--purple);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;padding:0 6px;font-size:12px;display:grid}.notification-menu-tools{flex:none;align-items:center;display:flex}.notification-menu-compact .notification-menu-tools .icon-btn{width:36px;height:36px;min-height:36px;color:var(--muted);border-radius:10px;padding:8px}.notification-menu-compact .notification-menu-tools .icon{width:18px;height:18px}.notification-menu-compact .notification-sound-control[aria-pressed=true]{color:var(--purple);background:var(--lavender)}.notification-menu-compact .notification-menu-list{overscroll-behavior:contain;gap:6px;min-height:0;max-height:none;padding:8px;display:grid;overflow:auto}.notification-menu-compact .notification-preview-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;grid-template-columns:minmax(0,1fr) 36px;align-items:center;padding:0 4px 0 0;display:grid;position:relative}.notification-menu-compact .notification-preview{background:0 0;border:0;border-radius:11px;gap:10px;min-width:0;padding:12px 6px 12px 10px;text-decoration:none}.notification-menu-compact .notification-preview-icon{border-radius:10px;width:32px;height:32px}.notification-menu-compact .notification-preview-icon .icon{width:17px;height:17px}.notification-menu-compact .notification-preview strong{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.notification-menu-compact .notification-preview small{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-menu-compact .notification-read-action.is-compact{padding:0;display:contents}.notification-menu-compact .notification-read-action.is-compact .icon-btn{width:36px;height:44px;color:var(--muted);border-radius:9px;align-self:center;padding:9px}.notification-menu-compact .notification-read-action.is-compact [role=alert]{overflow-wrap:anywhere;grid-column:1/-1;margin:0;padding:0 10px 10px;line-height:1.4}.notification-menu-compact .notification-menu-actions{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:2px 12px;padding:6px 12px;display:flex}.notification-menu-compact .notification-menu-actions>.notification-read-action{padding:0;display:contents}.notification-menu-compact .notification-menu-actions .text-btn{min-height:40px;font-size:12px}.notification-menu-compact .notification-menu-actions [role=alert]{flex-basis:100%;order:3;margin:0 0 6px}.notification-menu-compact .notification-menu-footer{gap:5px;min-height:40px;padding:6px 0;font-size:12px;color:var(--muted)!important;background:0 0!important}.notification-menu-compact .notification-menu-footer .icon{width:14px;height:14px}.notification-menu-compact :is(a,button):focus-visible{outline:2px solid var(--purple);outline-offset:-2px}.notification-menu-compact .notification-read-action button:hover{background:var(--lavender);color:var(--purple)}@media (pointer:coarse){.notification-menu-compact .notification-menu-tools .icon-btn{width:44px;height:44px;min-height:44px}.notification-menu-compact .notification-preview-item{grid-template-columns:minmax(0,1fr) 44px}.notification-menu-compact .notification-read-action.is-compact .icon-btn{width:44px}}@media (max-width:360px){.notification-menu-compact .notification-menu-heading{padding-left:12px}.notification-menu-compact .notification-menu-heading h2{font-size:15px}.notification-menu-compact .notification-preview-icon{display:none}}@media (prefers-reduced-motion:reduce){.notification-menu.notification-menu-compact{animation:none}}