.notification-settings-entry { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-bottom:14px; color:#526e72; font-size:14px; }
.app[data-view="comments-inbox"] .comments-inbox-view:has(.notification-settings-page) .engagement-page-head,
.app[data-view="comments-inbox"] .comments-inbox-view:has(.notification-settings-page) #engagement-center-controls { display:none; }
.app[data-view="comments-inbox"] .comments-inbox-body:has(.notification-settings-page) { display:flex; overflow:hidden; }
.app[data-view="comments-inbox"] .comments-inbox-list:has(.notification-settings-page) { flex:1 1 auto; min-height:0; overflow:hidden; }
.notification-settings-page { display:flex; flex:1 1 auto; flex-direction:column; width:100%; max-width:1200px; margin:0 auto; min-height:0; overflow:hidden; color:#12393f; font-size:14px; }
.notification-settings-head { flex:0 0 auto; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:8px 0 24px; }
.notification-settings-head h3 { margin:0; font-size:26px; line-height:1.4; font-weight:650; color:#12393f; }
.notification-settings-head p { margin:8px 0 0; max-width:65ch; color:#526e72; line-height:1.6; }
.notification-settings-head-actions { display:flex; align-items:flex-end; gap:12px; flex:0 0 auto; }
.notification-settings-scope-picker { display:grid; gap:6px; color:#526e72; font-size:12px; }
.notification-settings-scope-name { align-self:center; color:#526e72; }
.notification-settings-page select { min-height:40px; border:1px solid #b8cdcc; border-radius:6px; padding:8px 30px 8px 12px; background:#fff; color:#12393f; font:inherit; cursor:pointer; max-width:100%; }
.notification-settings-page select:disabled { cursor:default; color:#526e72; background:#f2f5f4; }
.notification-settings-workspace { display:flex; flex:1 1 auto; min-height:0; background:#fff; border:1px solid #d9e3e1; border-radius:12px 12px 0 0; overflow:hidden; }
.notification-settings-categories { flex:0 0 210px; overflow:auto; padding:22px 12px; background:#f6f8f7; border-right:1px solid #d9e3e1; scrollbar-color:#9fb8b4 transparent; }
.notification-settings-categories > p { color:#526e72; font-size:12px; margin:0 12px 14px; }
.notification-settings-categories button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:46px; margin:2px 0; padding:12px; border:0; border-radius:6px; background:transparent; color:#35575b; text-align:left; font:inherit; cursor:pointer; }
.notification-settings-categories button:hover { background:#eaf0ee; }
.notification-settings-categories button[aria-current] { color:#0b5c53; background:#deede8; font-weight:650; }
.notification-settings-categories small { color:#526e72; font-size:12px; font-variant-numeric:tabular-nums; }
.notification-settings-category-picker { display:none; }
.notification-settings-scroll { flex:1 1 auto; min-width:0; min-height:0; overflow:auto; padding:24px 32px; scrollbar-color:#9fb8b4 transparent; scrollbar-width:thin; }
.notification-settings-setup { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:0 0 18px; margin-bottom:20px; border-bottom:1px solid #d9e3e1; }
.notification-settings-setup strong { font-weight:600; }
.notification-settings-setup p { max-width:65ch; margin:6px 0 0; color:#526e72; font-size:12px; line-height:1.6; }
.notification-settings-category-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:16px; border-bottom:1px solid #d9e3e1; }
.notification-settings-category-head > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }
.notification-settings-category-head h4 { margin:0; font-size:18px; line-height:1.5; }
.notification-settings-category-head span { color:#526e72; font-size:12px; }
.notification-settings-page .notification-panel-action { min-height:36px; padding:7px 10px; }
.notification-settings-rules { margin:0; padding:0; list-style:none; }
.notification-setting-row { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:19px 0; border-bottom:1px solid #e4eae8; }
.notification-setting-description { min-width:0; padding-top:5px; }
.notification-setting-description > strong { display:block; font-weight:600; line-height:1.6; }
.notification-setting-description details { margin-top:5px; max-width:65ch; color:#526e72; font-size:12px; line-height:1.6; }
.notification-setting-description summary { width:fit-content; cursor:pointer; padding:3px 0; }
.notification-setting-description details p { margin:7px 0 0; overflow-wrap:anywhere; }
.notification-setting-choice { flex:0 0 190px; display:grid; gap:6px; }
.notification-setting-choice select { width:100%; }
.notification-setting-choice small { font-size:12px; color:#526e72; line-height:1.5; }
.notification-setting-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.notification-settings-desktop { margin-top:24px; border-bottom:1px solid #d9e3e1; padding-bottom:16px; }
.notification-settings-desktop > summary { cursor:pointer; color:#35575b; padding:8px 0; }
.notification-settings-desktop > summary span + span { margin-left:14px; color:#526e72; font-size:12px; }
.notification-settings-desktop .notification-desktop-setting { margin-top:12px; }
.notification-settings-more { margin-top:14px; color:#526e72; font-size:13px; }
.notification-settings-more > summary { cursor:pointer; width:fit-content; padding:8px 0; }
.notification-settings-more > div { display:flex; flex-wrap:wrap; gap:8px; padding:8px 0; }
.notification-settings-save { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 24px; background:#fff; border:1px solid #d9e3e1; border-top:0; border-radius:0 0 12px 12px; }
.notification-settings-save > div:has(#notification-settings-feedback) { display:grid; gap:5px; }
.notification-settings-save [role=status] { color:#175a54; }
.notification-settings-save small { font-size:12px; line-height:1.5; color:#526e72; }
.notification-settings-save > button { min-width:140px; min-height:42px; }
.notification-settings-empty { display:grid; justify-items:start; align-content:start; gap:16px; }
.notification-settings-error { color:#a32e2e; font-size:14px; line-height:1.6; }
.notification-settings-reload-confirm { flex:1 0 100%; padding:12px; background:#eff6f4; color:#24484e; font-size:14px; }
.notification-settings-reload-confirm p { margin:0 0 10px; line-height:1.6; }
.notification-settings-reload-confirm button { margin:4px 8px 4px 0; }
.notification-settings-page :is(button,select,summary):focus-visible { outline:2px solid #087f73; outline-offset:3px; }
.notification-settings-page ::selection { background:#d8eeeb; color:#12393f; }
@media (max-width:900px) {
 .notification-settings-head { flex-wrap:wrap; gap:16px; }
 .notification-settings-categories { flex-basis:180px; }
 .notification-settings-scroll { padding:20px; }
 .notification-setting-row { gap:16px; }
 .notification-setting-choice { flex-basis:175px; }
}
@media (max-width:640px) {
 .notification-settings-page { font-size:14px; }
 .notification-settings-head { padding:0 0 16px; gap:12px; }
 .notification-settings-head h3 { font-size:23px; }
 .notification-settings-head p { font-size:13px; margin-top:5px; }
 .notification-settings-head-actions { width:100%; justify-content:space-between; gap:12px; }
 .notification-settings-head-actions button { min-height:44px; }
 .notification-settings-scope-picker { display:flex; align-items:center; gap:10px; }
 .notification-settings-page select { min-height:44px; }
 .notification-settings-workspace { flex-direction:column; }
 .notification-settings-categories { display:none; }
 .notification-settings-category-picker { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid #d9e3e1; color:#526e72; font-size:13px; background:#f6f8f7; }
 .notification-settings-category-picker select { flex:1; min-width:0; max-width:220px; }
 .notification-settings-scroll { padding:16px; }
 .notification-settings-category-head { align-items:flex-start; }
 .notification-settings-category-head > div { display:grid; gap:3px; }
 .notification-settings-category-head h4 { font-size:17px; }
 .notification-settings-page .notification-panel-action { min-height:44px; }
 .notification-setting-row { flex-direction:column; gap:10px; padding:16px 0; }
 .notification-setting-description { width:100%; padding:0; }
 .notification-setting-description summary { min-height:28px; }
 .notification-setting-choice { width:100%; flex:auto; }
 .notification-setting-choice select { width:100%; }
 .notification-settings-save { padding:12px 16px; gap:10px; }
 .notification-settings-save > div:has(#notification-settings-feedback) { width:100%; }
 .notification-settings-save > button { width:100%; min-height:44px; }
 .notification-settings-reload-confirm button { min-height:44px; }
}