.NotificationSources{margin-top:24px;color:var(--Text);min-width:0;}
.NotificationSources h2{font-size:18px;line-height:1.4;}
.NotificationSources .NotificationHint,.NotificationSources time{color:var(--Muted);}
.NotificationSourceRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:12px 0;padding:8px;border:1px solid var(--ColorBorderControl);border-radius:12px;background:var(--Surface);}
html[data-theme] body .NotificationSourceRow .InboxConversationRow{display:grid;justify-content:stretch;gap:5px;min-width:0;overflow-wrap:anywhere;white-space:normal;height:auto;min-height:56px;margin:0;padding:8px;text-align:left;background:transparent;color:var(--Text);border:0;}
.NotificationSourceName{font-weight:700;}
.NotificationSourceRow .NotificationHint{font-size:13px;font-weight:400;}
html[data-theme] body #NotificationSources.NotificationSources .Btn.NotificationSourceSettings{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;margin:0;}
html[data-theme] .WorkspaceUi #BtnOpenAutomaticMessages{margin-top:12px;}
.NotificationSources button svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.NotificationSources .Btn{height:auto;min-height:44px;white-space:normal;margin:4px 4px 4px 0;}
.NotificationForm{display:grid;gap:12px;margin:16px 0;}
.NotificationSources label{display:block;margin:12px 0;}
.NotificationSources label:has(input[type=checkbox]){min-height:44px;display:flex;align-items:center;gap:10px;}
.NotificationSources .Input{display:block;box-sizing:border-box;width:100%;max-width:100%;margin-top:6px;}
.NotificationSources textarea{min-height:110px;overflow-wrap:anywhere;}
.NotificationEvents{display:grid;gap:12px;margin:16px 0;}
.NotificationEvent{background:var(--Surface);color:var(--Text);padding:14px;border-radius:12px;overflow-wrap:anywhere;}
.NotificationEvent p{white-space:pre-wrap;margin:8px 0 0;}
.NotificationSources [data-notification-status]{color:var(--Text);overflow-wrap:anywhere;}
#NotificationAccessForm{padding:12px 0;color:var(--Text);}
#NotificationAccessForm>label{display:flex;align-items:center;gap:10px;min-height:44px;}
html[data-theme] body :is(.NotificationSources,#NotificationAccessForm) :is(.Btn,.Input){background:var(--Surface);color:var(--Text);border:1px solid var(--ColorBorderControl);}
html[data-theme] body :is(.NotificationSources,#NotificationAccessForm) .Btn:is(:hover,:focus-visible){background:var(--Panel);color:var(--Text);}
html[data-theme] body :is(.NotificationSources,#NotificationAccessForm) .Btn:active{background:var(--SurfaceAlt);}
html[data-theme] body :is(.NotificationSources,#NotificationAccessForm) .Btn:disabled{background:var(--Surface);color:var(--Muted);opacity:1;}
html[data-theme] body :is(.NotificationSources,#NotificationAccessForm) input[type=checkbox]{width:20px;height:20px;accent-color:var(--Text);}
.NotificationSources :is(button,input,textarea):focus-visible,#NotificationAccessForm :is(button,input):focus-visible{outline:2px solid var(--Text);outline-offset:3px;}

/* Match the shared UI Kit controls without inheriting compact inbox actions. */
html[data-theme] body #NotificationSources.NotificationSources .Btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;max-width:100%;font-size:16px;min-height:var(--ControlHeight);height:auto;padding:10px 14px;margin:0;line-height:24px;white-space:normal;}
html[data-theme] body #NotificationSources .Btn.Good{background:var(--ColorPrimaryBg);color:var(--ColorPrimaryText);border-color:var(--ColorFocus);}
html[data-theme] body #NotificationSources .Btn.Good:hover:not(:disabled){background:var(--ColorPrimaryHover);}
html[data-theme] body #NotificationSources .Btn.Good:active:not(:disabled){background:var(--ColorPrimaryPressed);}
html[data-theme] body #NotificationSources .Btn.Danger{background:var(--ColorDangerBg);color:var(--ColorDangerText);border-color:var(--ColorDangerBorder);}
html[data-theme] body #NotificationSources .Btn:disabled{background:var(--SurfaceAlt);color:var(--Muted);border-color:var(--ColorBorderControl);}
html[data-theme] body #NotificationSources.NotificationSources .Input{box-sizing:border-box;width:100%;min-height:var(--ControlHeight);height:auto;padding:10px 14px;margin:6px 0 0;font-size:16px;line-height:24px;}
html[data-theme] body #NotificationSources.NotificationSources textarea.Input{min-height:120px;resize:vertical;}
#NotificationSources .NotificationForm{gap:16px;margin:20px 0 16px;}
#NotificationSources label{margin:0 0 16px;}
#NotificationSources .NotificationForm label{margin:0;}
#NotificationSources .NotificationToggle{display:flex;align-items:center;gap:10px;min-height:44px;}
html[data-theme] body #NotificationSources .NotificationToggle input{width:20px;height:20px;min-height:20px;padding:0;margin:0;flex:0 0 20px;}
#NotificationSources .NotificationActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0;}
#NotificationSources [data-notification-status]{margin:0;}