.notification-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.notification-filters .view-switch{align-self:end}.notification-filters .ui-field{flex:0 240px;gap:5px;min-width:190px}.notification-filters .ui-field>span{align-items:center;gap:6px;display:flex}@media (max-width:600px){.notification-filters .view-switch{flex-basis:100%}.notification-filters .ui-field{flex:100%;min-width:0}}.notification-list{gap:12px;padding:16px 20px 20px;display:grid}.notifications-panel .notification-row{border:1px solid color-mix(in srgb,var(--ink) 22%,var(--border));background:var(--surface);border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;display:grid}.app-shell .notifications-panel .notification-row.unread{background:color-mix(in srgb,#639ae7 7%,var(--surface));border-left:3px solid #4c83c7}.notification-type-icon{background:var(--field-bg);width:40px;height:40px;color:var(--ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.notification-type-mention{color:#7141a1;background:#efe5ff}.notification-type-comment{color:#295b99;background:#e4efff}.notification-type-assignment{color:#226343;background:#dcf6e9}.notification-type-stage,.notification-type-reminder{color:#825715;background:#fff0cf}[data-theme=dark] .notification-type-mention{color:#dbbaff;background:#362b54}[data-theme=dark] .notification-type-comment{color:#b2d1ff;background:#20395c}[data-theme=dark] .notification-type-assignment{color:#a6e9cb;background:#173f39}[data-theme=dark] .notification-type-stage,[data-theme=dark] .notification-type-reminder{color:#f0cf8c;background:#403627}.notifications-panel .notification-open{color:var(--ink);background:0 0;align-content:start;min-height:44px;padding:0}.notifications-panel .notification-open>strong{font-size:14px;font-weight:600;line-height:1.5}.notification-open .notification-kind{flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.notification-unread-label{color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:500;display:inline-flex}.notification-unread-label i{background:#ca2441;border-radius:50%;width:6px;height:6px}.notification-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.notification-row-actions .secondary-button{min-height:40px;padding:8px 10px;font-size:11px}.notifications-panel .notification-row:focus-visible,.notification-open:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (max-width:1000px){.notifications-panel .notification-row{grid-template-columns:40px minmax(0,1fr)}.notification-row-actions{grid-column:2;justify-content:flex-start;padding:0}}@media (max-width:600px){.notification-list{gap:12px;padding:12px}.notifications-panel .notification-row{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px}.notification-type-icon{border-radius:10px;width:32px;height:32px}.notification-row-actions .secondary-button{min-height:44px}.notifications-panel .notification-open>strong{font-size:13px}}.notification-header-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.notification-header-actions .secondary-button{min-height:44px}@media (max-width:600px){.notification-header-actions{align-items:stretch;margin-left:0}.notification-header-actions .secondary-button{flex:1}}