/* U5 isolated QA — compact, appearance-aware Notification Center. */
html[data-baakee-theme] body #modal-root .notification-filter-strip-v129 button.active{
 background:color-mix(in srgb,var(--baakee-ink) 11%,var(--baakee-card-fill))!important;
 border-color:color-mix(in srgb,var(--baakee-ink) 42%,var(--baakee-glass-border))!important;
 color:var(--baakee-ink)!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--baakee-ink) 9%,transparent)!important;
}
html[data-baakee-theme] body #modal-root .notification-center-v129{gap:8px!important}
html[data-baakee-theme] body #modal-root .notification-center-summary-v129{padding:9px 12px!important}
html[data-baakee-theme] body #modal-root .notification-filter-strip-v129 button{padding:6px 10px!important;font-size:11px!important}
html[data-baakee-theme] body #modal-root .notification-list-v1286{gap:6px!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286{
 padding:3px 6px!important;border-radius:14px!important;
 box-shadow:0 4px 14px color-mix(in srgb,var(--baakee-ink) 4%,transparent)!important;
}
html[data-baakee-theme] body #modal-root .notification-row-v1286>button:first-child{
 padding:8px 6px!important;grid-template-columns:27px minmax(0,1fr)!important;gap:9px!important;
}
html[data-baakee-theme] body #modal-root .notification-cat-icon-v129{width:27px!important;height:27px!important;border-radius:9px!important;font-size:11px!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286 b{font-size:12px!important;line-height:1.25!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286 span:not(.notification-cat-icon-v129){font-size:10.5px!important;line-height:1.3!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286 small{font-size:10px!important;line-height:1.2!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286 .notification-meta-v129{margin-bottom:0!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286 .notification-meta-v129 em{font-size:9px!important}
html[data-baakee-theme] body #modal-root .notification-delete-v1286{font-size:17px!important;min-width:28px!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286.priority-important{border-color:color-mix(in srgb,#c9964b 25%,var(--baakee-glass-border))!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286.priority-critical{border-color:color-mix(in srgb,#ce5365 34%,var(--baakee-glass-border))!important}
