.notifications-canvas,.notification-floating{color:var(--foreground);font-size:14px;line-height:1.5}.notifications-canvas{background:color-mix(in oklab, var(--background) 20%, var(--muted) 80%);min-height:calc(100dvh - 48px);container:notifications/inline-size}.dark .notifications-canvas{background:var(--background)}.notifications-inner{max-width:1520px;margin-inline:auto;padding:16px}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.notifications-header h1{letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:1.2}.notifications-header p{color:var(--muted-foreground);margin-top:8px}.notifications-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-surface{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);min-width:0;overflow:clip;box-shadow:0 1px 2px #00000009}.notification-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:12px;padding:16px;display:flex}.notification-filter{gap:6px;min-width:140px;display:grid}.notification-filter label{font-size:12px;font-weight:500}.notification-filter-search{flex:240px}.notification-batch-bar{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--muted) 35%, var(--card) 65%);flex-wrap:wrap;align-items:center;gap:8px;min-height:58px;padding:10px 24px;display:flex}.notification-columns{grid-template-columns:minmax(320px,380px) minmax(0,1fr);min-height:560px;display:grid}.notification-list-column{border-right:1px solid var(--border);min-width:0}.notification-list{margin:0;padding:0;list-style:none}.notification-group-heading{background:color-mix(in oklab, var(--muted) 50%, var(--card) 50%);color:var(--muted-foreground);padding:9px 20px;font-size:12px;font-weight:500}.notification-row{border-bottom:1px solid var(--border);background:var(--card);align-items:flex-start;gap:8px;min-width:0;padding:10px 12px;display:flex;position:relative}.notification-row:hover{background:color-mix(in oklab, var(--muted) 50%, var(--card) 50%)}.notification-row[data-selected=true]{background:var(--muted);box-shadow:inset 3px 0 var(--ring)}.notification-row-open{text-align:left;-webkit-user-select:text;user-select:text;border-radius:5px;flex:1;min-width:0;padding:4px;display:block}.notification-row-open:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.notification-row-title{align-items:flex-start;gap:7px;font-size:14px;font-weight:400;line-height:1.45;display:flex}.notification-row[data-unread=true] .notification-row-title{font-weight:600}.notification-row-meta{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:5px;font-size:12px}.notification-row-project{overflow-wrap:anywhere;margin-top:6px;font-size:14px}.notification-row-status{color:var(--muted-foreground);align-items:center;gap:5px;font-size:12px;display:inline-flex}.notification-unread-dot{background:var(--primary);border-radius:999px;flex-shrink:0;width:6px;height:6px;display:inline-block}.notification-checkbox-target{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-height:38px;display:flex}.notification-detail{overflow-wrap:anywhere;min-width:0;padding:16px}.notification-detail h2{font-size:20px;font-weight:600;line-height:1.4}.notification-detail section{margin-top:24px}.notification-detail h3{margin-bottom:12px;font-size:16px;font-weight:600}.notification-detail dl{grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;font-size:14px;display:grid}.notification-detail dt{color:var(--muted-foreground)}.notification-detail dd{overflow-wrap:anywhere;min-width:0}.notification-reason{border-left:3px solid var(--border);background:color-mix(in oklab, var(--muted) 40%, var(--card) 60%);margin-top:16px;padding:16px}.notification-reason-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.notification-detail-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:20px;display:flex}.notification-empty{color:var(--muted-foreground);padding:48px 24px}.notification-empty strong{color:var(--foreground);margin-bottom:6px;font-size:16px;font-weight:500;display:block}.notification-pagination{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;font-size:12px;display:flex}.notification-pagination>label{white-space:nowrap}.notification-mobile-back{display:none!important}.notification-preview{background:var(--popover);width:400px;padding:0}.notification-preview-header{border-bottom:1px solid var(--border);padding:20px}.notification-preview-scroll{max-height:min(60dvh,590px);overflow-y:auto}.notification-preview-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.notification-preferences{max-width:900px}.notification-preference-section{padding:16px}.notification-preference-section+.notification-preference-section{border-top:1px solid var(--border)}.notification-preference-section h2{margin-bottom:6px;font-size:16px;font-weight:600}.notification-preference-section>p{color:var(--muted-foreground);font-size:14px}.notification-preference-fields{gap:20px;margin-top:20px;display:grid}.notification-preference-field{grid-template-columns:minmax(180px,1fr) minmax(180px,280px);align-items:start;gap:16px;display:grid}.notification-preference-field small{color:var(--muted-foreground);margin-top:4px;font-size:12px;display:block}.notification-preference-check{align-items:flex-start;gap:12px;min-height:44px;padding-block:8px;display:flex}.notification-preference-check [data-slot=checkbox]{margin-top:3px}@container notifications (max-width:950px){.notification-columns{grid-template-columns:minmax(0,1fr)}.notification-list-column{border-right:0}.notification-columns[data-detail-open=true] .notification-list-column,.notification-columns[data-detail-open=false] .notification-detail-column{display:none}.notification-mobile-back{margin-bottom:16px;display:inline-flex!important}}@container notifications (max-width:600px){.notifications-inner{padding:16px}.notifications-header{margin-bottom:16px}.notifications-header h1,.notifications-inbox .notifications-header h1{font-size:20px}.notification-filters,.notification-batch-bar{padding-inline:16px}.notification-detail,.notification-preference-section{padding:20px 16px}.notification-filter{flex:140px}.notifications-canvas [data-slot=button],.notifications-canvas select,.notifications-canvas [data-slot=input]{min-height:44px}.notification-checkbox-target{width:44px;min-height:44px}.notification-row>[data-slot=button]{min-width:44px}.notification-detail dl{grid-template-columns:minmax(0,1fr);gap:3px}.notification-detail dd{margin-bottom:9px}.notification-preference-field{grid-template-columns:minmax(0,1fr);gap:8px}}@media (max-width:639px){.notification-floating [data-slot=button]{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.notifications-canvas *,.notification-floating *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}