.notification-filters { display:flex; gap:.5rem; flex-wrap:wrap; margin:1rem 0 1.5rem; }
[data-inbox-empty][hidden], [data-inbox-more][hidden], [data-inbox-refresh][hidden],
.notification-preferences-form [hidden] { display:none!important; }
[data-inbox-more][aria-disabled=true] { opacity:.6; pointer-events:none; }

/* Channel-first preferences: one activity and one switch per row. */
.notification-channel-tabs { display:flex; gap:1.5rem; border-bottom:1px solid var(--ph-line); margin:0 0 1.25rem; }
.notification-channel-tab { display:flex; align-items:center; min-height:48px; padding:.65rem 0; margin-bottom:-1px; border-bottom:2px solid transparent; color:var(--ph-muted); text-decoration:none; white-space:nowrap; font-size:.9rem; }
.notification-channel-tab[aria-selected="true"] { border-color:var(--ph-primary); color:var(--ph-primary-dark,var(--ph-primary)); font-weight:750; }
.notification-channel-tab:hover { color:var(--ph-primary-dark,var(--ph-primary)); }
.notification-channel-tab:focus-visible { outline:2px solid var(--ph-primary); outline-offset:3px; border-radius:3px; }
.notification-channel-card { padding:.25rem 1.25rem; }
.notification-topic + .notification-topic { border-top:1px solid var(--ph-line); }
.notification-topic h2 { margin:1rem 0 .25rem; font-size:.8rem; font-weight:750; color:var(--ph-muted); line-height:1.5; }
.notification-activity-row { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; min-height:46px; padding:.5rem 0; margin:0; font-size:.9rem; color:var(--ph-ink); cursor:pointer; }
.notification-topic .notification-activity-row:last-child { margin-bottom:.75rem; }
.notification-activity-row > span:first-child { min-width:0; }
.notification-activity-row .form-check { flex:none; margin:0; padding:0; }
.notification-activity-row .form-check-input { float:none; width:2.15rem; height:1.2rem; margin:0; cursor:pointer; }
.notification-activity-row:focus-within { outline:2px solid var(--ph-primary); outline-offset:2px; border-radius:4px; }
.notification-channel-details { border-top:1px solid var(--ph-line); }
.notification-channel-details > summary { display:flex; justify-content:space-between; align-items:center; gap:.75rem; min-height:50px; padding:.7rem 0; color:var(--ph-muted); font-size:.85rem; cursor:pointer; list-style:none; }
.notification-channel-details > summary::-webkit-details-marker, .notification-newsletter > summary::-webkit-details-marker { display:none; }
.notification-channel-details > summary i, .notification-newsletter > summary i { flex:none; font-size:.75rem; transition:transform .15s ease; }
.notification-channel-details[open] > summary i, .notification-newsletter[open] > summary i { transform:rotate(90deg); }
.notification-channel-details > summary:focus-visible, .notification-newsletter > summary:focus-visible { outline:2px solid var(--ph-primary); outline-offset:2px; border-radius:4px; }
.notification-details-body { padding:1rem 0; border-top:1px solid var(--ph-line); }
.notification-details-body h3 { font-size:.9rem; color:var(--ph-ink); margin:0 0 .8rem; font-weight:750; }
.notification-details-body .settings-choice { align-items:flex-start; }
.notification-details-body .settings-choice strong { font-size:.85rem; }
.notification-detail-note { color:var(--ph-muted); font-size:.8rem; line-height:1.6; margin:.65rem 0 0; }
.notification-frequency-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,240px); gap:1rem; align-items:center; padding:.5rem 0; }
.notification-frequency-row > label { color:var(--ph-ink); font-size:.85rem; }
.notification-frequency-row .form-select { max-width:100%; min-height:40px; font-size:.85rem; }
.notification-quiet-settings { margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--ph-line); }
.notification-quiet-fields { display:grid; grid-template-columns:1fr 1fr 2fr; gap:.75rem; margin-top:.8rem; }
.notification-quiet-fields > label { display:flex; flex-direction:column; gap:.35rem; min-width:0; font-size:.85rem; color:var(--ph-ink); }
.notification-newsletter { margin-top:1rem; padding:0 1.25rem; }
.notification-newsletter > summary { display:flex; align-items:center; gap:1rem; min-height:72px; padding:.9rem 0; list-style:none; cursor:pointer; color:var(--ph-ink); }
.notification-newsletter > summary > span:first-child { flex:1; min-width:0; }
.notification-newsletter strong { display:block; font-size:.9rem; font-weight:750; }
.notification-newsletter small { display:block; font-size:.8rem; color:var(--ph-muted); margin-top:.15rem; }
.notification-newsletter-status { color:var(--ph-muted); font-size:.75rem; text-align:right; }
.notification-newsletter-body { border-top:1px solid var(--ph-line); padding:.25rem 0 1rem; }
.notification-security-note { display:flex; align-items:flex-start; gap:.5rem; color:var(--ph-muted); font-size:.8rem; line-height:1.6; margin:1rem 0 1.25rem; }
.notification-security-note i { flex:none; }
.notification-preferences-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
.notification-preferences-actions .btn { min-height:44px; min-width:110px; }
.notification-admin-preview { color:var(--ph-muted); font-size:.8rem; padding:.7rem .85rem; border-left:3px solid var(--ph-primary); background:var(--ph-surface); margin-bottom:1.25rem; }

/* Materia's unselected dark switch track otherwise blends into its surface. */
html[data-theme="dark"] .settings-notifications-page .notification-preferences-form input[role="switch"] { background-color:#4b4d52!important; border:1px solid #6b6d70!important; }
html[data-theme="dark"] .settings-notifications-page .notification-preferences-form input[role="switch"]:checked { background-color:#00a6ff!important; border-color:#00a6ff!important; }

@media(max-width:575.98px) {
  .notification-filters .btn { flex:1 1 40%; }
  .notifications-inbox-head { align-items:stretch; }
  .notification-channel-tabs { gap:1.15rem; }
  .notification-channel-tab { font-size:.85rem; }
  .notification-channel-card { padding:.25rem 1rem; }
  .notification-activity-row { gap:.75rem; }
  .notification-frequency-row { grid-template-columns:1fr; gap:.35rem; padding:.7rem 0; }
  .notification-frequency-row .form-select { width:100%; }
  .notification-quiet-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .notification-quiet-fields > label:last-child { grid-column:1/-1; }
  .notification-newsletter { padding:0 1rem; }
  .notification-newsletter > summary { flex-wrap:wrap; gap:.35rem .65rem; }
  .notification-newsletter > summary > span:first-child { flex:1 1 70%; }
  .notification-newsletter-status { order:1; flex-basis:100%; text-align:left; }
  .notification-preferences-actions { align-items:stretch; flex-direction:column; gap:.65rem; }
  .notification-preferences-actions .btn { width:100%; }
  .notification-preferences-actions [data-notification-unsaved] { text-align:center; }
}
@media(prefers-reduced-motion:reduce) {
  .notification-channel-details > summary i, .notification-newsletter > summary i { transition:none; }
}