.mute-bell { display: inline-grid; place-items: center; flex: none; width: 16px; height: 16px; color: var(--faint); }
.mute-bell svg { width: 14px; height: 14px; }
.chan.muted, .chan.muted.unread { color: var(--faint); font-weight: 500; }
.chan.muted.unread::before { display: none; }
.chan.muted:hover, .chan.muted[aria-current="page"] { color: var(--muted); }
.rail-item.muted.unread:not([aria-current="page"])::before { transform: scaleY(0); }
@media (hover: hover) { .rail-item.muted.unread:not([aria-current="page"]):hover::before { transform: scaleY(0.67); } }
.tip .tip-mute { display: flex; align-items: center; gap: var(--s1); margin-top: 2px; color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); font-weight: 400; }
.tip .tip-mute svg { width: 12px; height: 12px; flex: none; }
.tip .tip-mute[hidden] { display: none; }

.ctx.panel:has(.nf-sheet) { width: 360px; }
.nf-sheet .fld + .fld { margin-top: var(--s4); }
.nf-sheet .nf-until:empty, .nf-sheet .nf-until[hidden] { display: none; }
.ctx .nf-legend, .nf-sec .pwa-k { margin-bottom: var(--s2); padding: 0; font-weight: 500; }
.nf-sheet .nf-level { margin-top: var(--s4); }
.nf-sheet .nf-level .nf-legend { margin-bottom: 0; }
.nf-sheet .nf-server { margin-top: calc(-1 * var(--s1)); }
.nf-sheet .nf-supp { margin-top: var(--s4); padding-top: var(--s3); border-top: 1px solid var(--rule); }
.nf-sheet .nf-p { margin-top: var(--s4); }

.ctx .nf-sec { margin-top: var(--s4); padding-top: var(--s3); border-top: 1px solid var(--rule); }
.ctx fieldset.nf-sec { min-width: 0; border-width: 1px 0 0; border-style: solid; border-color: var(--rule); padding: var(--s3) 0 0; }
.ctx fieldset.nf-sec > legend { float: left; width: 100%; }
.ctx fieldset.nf-sec > legend + * { clear: both; }
.nf-sec .hint { margin-top: var(--s2); }
.nf-quiet { display: grid; gap: var(--s3); margin-top: var(--s3); }
.nf-quiet[hidden] { display: none; }
.nf-quiet .hint { margin-top: 0; }
.nf-times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.nf-times .fld + .fld { margin-top: 0; }
.nf-times .inp { font-variant-numeric: tabular-nums; }
.nf-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--s1); }
.nf-day {
  min-height: 32px; padding: 0; border: 1px solid transparent; border-radius: var(--round); background: var(--active); color: var(--muted);
  font: 500 var(--fs-small)/var(--lh-small) var(--font); cursor: pointer;
  transition: background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);
}
.nf-day:hover { color: var(--text); }
.nf-day[aria-pressed="true"] { border-color: var(--control); background: var(--surface); color: var(--text); }
.nf-day:focus-visible { outline: 2px solid var(--text); outline-offset: 1px; }
.ctx .nf-blocked { margin-top: var(--s1); }
.ctx .nf-blocked > li { min-height: 44px; }
.ctx .nf-blocked[hidden] { display: none; }

.m-blocked {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--s3); margin: var(--s3) 0 0;
  padding: var(--s1) 48px var(--s1) calc(var(--pad-x) + 40px + var(--s4)); color: var(--muted); font-size: var(--fs-body); line-height: var(--lh-body);
}
.m-blocked .text-btn { font-size: var(--fs-body); line-height: var(--lh-body); }

.comp-closed .nf-unblock { flex: none; }

@media (max-width: 760px) {
  .m-blocked { padding-left: calc(var(--s4) + 40px + var(--s3)); padding-right: var(--s4); }
  .ctx.panel:has(.nf-sheet) { width: calc(100vw - 16px); }
  .nf-day { min-height: 40px; font-size: 13px; }
}
@media (pointer: coarse) {
  .nf-day { min-height: 44px; }
  .nf-sheet .check, .nf-sec .check { min-height: 44px; align-items: center; }
  .nf-sheet .check input, .nf-sec .check input { margin-top: 0; }
  .nf-sheet .ctx-actions .btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .nf-day { transition: none; } }

.pf-report .text-btn + .text-btn { margin-left: var(--s4); }
.pf-dm-no { margin-top: var(--s2); color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }