/* ZD1 zone D: chat, voice, support (25.10.2026). T24 dock close + badge, T25 search single frame, T26 FAQ rows,
   T27 "My tickets" frames, T28 contact arrows, T30 chat corner, T32 radio volume/mute. Loaded after LY1. */

/* T25: one frame around the support search (the inner input had its own box + focus ring).
   T25/T27 live in layer wg-consistency (declared earlier by the main design layer) to override its !important rules. */
@layer wg-consistency{
  html body .wg-ph-search input[data-public-help-search]:not(#zd1){background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;flex:1 1 auto;min-width:0;width:100%}
  html body .wg-ph-search input[data-public-help-search]:not(#zd1):focus,  html body .wg-ph-search input[data-public-help-search]:not(#zd1):focus-visible{outline:0!important;box-shadow:none!important;background:transparent!important}
}

/* T26: opening a question changes only its own card (grid rows no longer stretch the neighbour) */
html body .wg-ph-list:not(#zd1){align-items:start!important}

/* T27: "My tickets" = one level of cards (no frame around the frames, no empty tails below) */
@layer wg-consistency{
html body details#inline-support.wg-inline-help:not(#zd1)[open]{border-color:transparent!important;background:transparent!important;box-shadow:none!important;padding-bottom:0!important}
html body details#inline-support:not(#zd1) .wg-c-support{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}
html body details#inline-support:not(#zd1) .wg-com-ui{margin-bottom:0!important}
html body details#inline-support:not(#zd1) .wg-c-feedback:empty{display:none!important}
}

/* T28: "Мы на связи": space between the text and the arrow, one colour for every arrow */
html body .p21-support-contacts a>span[aria-hidden="true"]:not(#zd1){margin-left:8px!important}
html body .p21-support-contacts a>span.zd1-arr:not(#zd1){color:#ff4d6d!important}
html[data-theme="light"] body .p21-support-contacts a>span.zd1-arr:not(#zd1){color:#9f1239!important}

/* T30: chat window corner: the resize grip stays, its drawn corner mark is gone */
html body #wg-help-panel .wg-help-rz-corner:not(#zd1)::after{content:none!important;display:none!important}
html body #wg-help-panel .wg-help-rz-corner:not(#zd1):not(:hover){background:transparent!important}

/* T24: chat unread badge sits inside the tile corner */
html body #p43-utilities .wg-help-trigger .wg-help-count:not(#zd1){top:3px!important;right:3px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;font-size:10px!important;line-height:14px!important;border-width:2px!important}

/* T32: radio mini-player: mute button + volume slider (also on phones) */
html body .wgr-mini .zd1-volrow{flex:1 1 100%;order:9;display:flex;align-items:center;gap:8px;min-width:0;padding:0 2px 0 2px}
html body .wgr-mini .zd1-mute{flex:0 0 auto;display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--r-line,#ffffff26);border-radius:50%;background:transparent;color:inherit;font:13px/1 system-ui,sans-serif;cursor:pointer}
html body .wgr-mini .zd1-mute:hover,html body .wgr-mini .zd1-mute:focus-visible{border-color:#ff4d6d;outline:0}
html body .wgr-mini .zd1-mute[aria-pressed="true"]{color:#ff4d6d}
html body .wgr-mini.zd1-muted .wgr-eq{opacity:.3}

/* T24: on phones and tablets the dock is a row: its ✕ sits inside the row (it used to stick out above the tray and
   cover the content behind it). Same cascade layer as dock43 so its !important rules can be overridden. */
@media (max-width:1099px){@layer wg-polish26{
  html body #p43-utilities.p43-right-dock:not(.is-collapsed):not(#zd1) .p25-utilities-toggle{position:relative!important;top:auto!important;right:auto!important;inset:auto!important;order:99!important;align-self:center!important;flex:0 0 auto!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;margin:0 0 0 1px!important;border-radius:50%!important;font-size:15px!important;line-height:1!important}
}}

/* support FAQ titles were pale pink on the light theme (inherited --wg-text-tint) */
html[data-theme="light"] body .wg-ph-item:not(#zd1)>summary{color:#2a1720!important}
