/* Option A. Scoped to the screen; global shell, brand and menus remain untouched. */
.notifications-approved{min-width:0;color:var(--text);--na-panel:var(--panel);--na-inset:var(--inset);--na-line:var(--line)}
[data-theme=dark] .notifications-approved{--na-panel:#202020;--na-inset:#272727;--na-line:#404040;color:#f5f5f5;--muted:#bbb}
.notifications-approved *{box-sizing:border-box}.notifications-approved .na-back{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted);margin-bottom:12px}.notifications-approved .na-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.notifications-approved h1{margin:0 0 10px;font-size:32px;line-height:1.2;letter-spacing:-1px}.notifications-approved h2{font-size:18px;line-height:1.35;letter-spacing:-.3px;margin:0 0 10px}.notifications-approved h3{font-size:15px;margin:8px 0}.notifications-approved p{font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0 14px}.notifications-approved .na-heading p{font-size:14px}.notifications-approved :is(button,.na-button){border:1px solid var(--na-line);border-radius:8px;background:var(--na-panel);min-height:44px;padding:10px 14px;font-size:13px;color:inherit}.notifications-approved .na-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0}.notifications-approved :is(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.notifications-approved button:disabled{cursor:not-allowed;opacity:.6}.notifications-approved .na-notice{padding:16px 18px;margin:24px 0;border:1px solid var(--na-line);background:var(--na-inset);border-radius:10px}.notifications-approved .na-notice strong{font-size:14px}.notifications-approved .na-notice p{margin:5px 0 0}.notifications-approved .na-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,29%);gap:24px}.notifications-approved :is(.na-primary,.na-side){min-width:0}.notifications-approved .na-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 14px}.notifications-approved .na-filters button{background:transparent;border-color:transparent;color:var(--muted)}.notifications-approved .na-filters [aria-pressed=true]{background:var(--na-inset);border-color:var(--na-line);color:inherit}.notifications-approved .na-section-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:20px 0 8px}.notifications-approved .na-section-head h2{margin:0}.notifications-approved .na-caption{font-size:12px;color:var(--muted)}.notifications-approved .na-feedback:empty{display:none}.notifications-approved .na-list{list-style:none;padding:0;margin:16px 0;border:1px solid var(--na-line);border-radius:12px;overflow:hidden}.notifications-approved .na-event{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:20px;background:var(--na-panel);border-bottom:1px solid var(--na-line)}.notifications-approved .na-event:last-child{border:0}.notifications-approved .na-event-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--na-line);border-radius:8px;color:var(--muted)}.notifications-approved .na-event-body{min-width:0;overflow-wrap:anywhere}.notifications-approved .na-event p{margin:5px 0}.notifications-approved .na-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.notifications-approved .na-badge{font-size:11px;background:var(--na-inset);color:var(--muted);padding:4px 8px;border-radius:5px}.notifications-approved .na-unread{color:var(--accent)}.notifications-approved .na-actions{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:5px}.notifications-approved .na-action{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:12px;padding:6px 0;background:transparent;border:0;border-radius:4px}.notifications-approved .na-time{grid-column:2;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.notifications-approved .na-panel{border:1px solid var(--na-line);border-radius:12px;padding:20px;background:var(--na-panel);margin-bottom:20px;min-width:0}.notifications-approved .na-eyebrow{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-bottom:12px}.notifications-approved .na-choice{position:relative;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:58px;border-bottom:1px solid var(--na-line);font-size:13px;cursor:pointer}.notifications-approved .na-choice>span:first-child{min-width:0}.notifications-approved .na-choice small{display:block;color:var(--muted);font-size:11px;margin:4px 0 10px}.notifications-approved .na-choice input{position:absolute;right:0;width:44px;height:44px;margin:0;opacity:0;cursor:pointer;z-index:1}.notifications-approved .na-switch{display:block;flex-shrink:0;width:38px;height:23px;border-radius:20px;background:var(--muted);padding:3px}.notifications-approved .na-switch:before{content:'';display:block;height:17px;width:17px;border-radius:50%;background:var(--na-panel)}.notifications-approved .na-choice input:checked+.na-switch{background:var(--accent)}.notifications-approved .na-choice input:checked+.na-switch:before{transform:translateX(15px)}.notifications-approved .na-choice input:focus-visible+.na-switch{outline:2px solid var(--accent);outline-offset:4px}.notifications-approved .na-follow{display:grid;gap:6px;padding:14px 0;border-top:1px solid var(--na-line);overflow-wrap:anywhere}.notifications-approved .na-follow>a{display:flex;align-items:center;min-height:44px;font-size:13px}.notifications-approved .na-follow small{font-size:11px;color:var(--muted)}.notifications-approved .na-follow button{justify-self:start;font-size:12px}.notifications-approved .na-empty{padding:22px;border:1px solid var(--na-line);border-radius:12px;background:var(--na-panel);margin:16px 0}.notifications-approved .na-mobile-followed{display:none}.notifications-approved .na-preferences{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin-top:28px}.notifications-approved .na-channel{display:flex;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid var(--na-line);font-size:13px}.notifications-approved .na-channel small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.notifications-approved #settings-status{margin-top:14px}
@media(max-width:1100px){.notifications-approved .na-layout{grid-template-columns:1fr}.notifications-approved .na-side{display:none}.notifications-approved .na-mobile-followed{display:block}.notifications-approved .na-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:700px){.notifications-approved h1{font-size:28px}.notifications-approved .na-preferences{grid-template-columns:1fr;gap:0}.notifications-approved .na-event{padding:16px 14px;gap:10px}.notifications-approved .na-panel{padding:18px}.notifications-approved .na-filters{gap:2px}.notifications-approved .na-filters button{padding:8px 10px;font-size:12px}.notifications-approved .na-heading{gap:10px}.notifications-approved .na-heading p{font-size:13px}.notifications-approved .na-notice{padding:14px}.notifications-approved .na-actions{gap:4px 14px}}
@media(prefers-reduced-motion:reduce){.notifications-approved *{transition:none!important;animation:none!important}}