/* Исчезающие сообщения в личке (assets/js/chat/dm-disappear.337150a.js). Цвета — только опоры из :root, значки — свои SVG. */
.hl-dis-gone{display:none!important}

/* Плашка над лентой: одна строка, длинное режется многоточием. */
#hlDisBanner{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;min-height:36px;padding:6px 14px;border:0;border-bottom:1px solid var(--line);background:rgba(var(--gold-rgb),.08);color:var(--gold-text);font:600 12.5px/1.2 var(--ui);cursor:pointer;-webkit-tap-highlight-color:transparent}
#hlDisBanner[hidden]{display:none}
#hlDisBanner .hl-dis-bi{display:grid;place-items:center;flex:0 0 auto}
#hlDisBanner svg,.hl-dis-notice svg,.hl-dis-row svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#hlDisBanner .hl-dis-bt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hlDisBanner:focus-visible,.hl-dis-opt:focus-visible,.hl-dis-close:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}

/* Служебная строка в ленте. */
.msg.hl-dis-notice{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto;padding:6px 12px;max-width:92%;border-radius:999px;background:var(--glass);border:1px solid var(--line);color:var(--ink-faint);font-size:12.5px;line-height:1.35;text-align:center}
.msg.hl-dis-notice .hl-dis-ni{display:grid;place-items:center;flex:0 0 auto;color:var(--gold-text)}
.msg.hl-dis-notice .hl-dis-nt{min-width:0;overflow-wrap:anywhere}

/* Строка в панели лички: значение справа, одной строкой. */
#hlci .mute[data-disappear] .t{min-width:0}
#hlci .mute[data-disappear] .t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hlci .mute[data-disappear] .ic svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#hlci .mute[data-disappear][hidden]{display:none}
#hlci .hl-dis-val{flex:0 0 auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--fs,1));font-weight:600;color:var(--gold-text)}

/* Лист выбора срока. Выше панели чата (z-index 9000). */
#hlDisSheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;display:none;align-items:flex-end;justify-content:center;background:rgba(var(--bg0-rgb),.68);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
#hlDisSheet.on{display:flex}
.hl-dis-card{width:min(100%,520px);max-height:min(86vh,720px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:linear-gradient(180deg,var(--plum),var(--bg0));border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom,0px));color:var(--ink);box-shadow:0 -20px 60px rgba(var(--bg0-rgb),.45)}
.hl-dis-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.hl-dis-ttl{flex:1;min-width:0}
.hl-dis-ttl h2{margin:0;font-family:var(--dispcyr,var(--ui));font-size:22px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
.hl-dis-close{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--glass);color:var(--ink);cursor:pointer}
.hl-dis-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.hl-dis-opts{display:grid;gap:8px}
.hl-dis-opt{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--glass);color:var(--ink);font:600 16px/1.2 var(--ui);text-align:start;cursor:pointer}
.hl-dis-opt:active{background:var(--glass2)}
.hl-dis-opt:disabled{opacity:.55;cursor:default}
.hl-dis-opt.on{border-color:rgba(var(--gold-rgb),.55);background:rgba(var(--gold-rgb),.12);color:var(--gold-text)}
.hl-dis-ot{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hl-dis-ok{display:grid;place-items:center}
.hl-dis-ok svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hl-dis-note{margin:14px 2px 0;font-size:12px;line-height:1.45;color:var(--ink-faint)}
.hl-dis-err{margin:10px 2px 0;font-size:12.5px;color:var(--danger-text)}
.hl-dis-err[hidden]{display:none}
@media (min-width:700px){#hlDisSheet{align-items:center;padding:24px}.hl-dis-card{border-bottom:1px solid var(--line);border-radius:24px}}
