/* «Помощь» (support.js): блок в левой панели студии под чатами, форма обращения, флажок под результатом. Цвета — из темы страницы. */
.sup-panel { --sup-card: var(--soft-hover, rgba(127,127,140,.12)); --sup-line: var(--field-brd, rgba(127,127,140,.25));
  --sup-ink: var(--ink, #F3F4F6); --sup-muted: var(--muted2, #8E9199); --sup-accent: var(--ys-cta, #DCEB4A);
  flex: 0 0 auto; display: flex; flex-direction: column; padding: 4px 10px; border-radius: 16px; border: 1px solid var(--sup-line);
  background: var(--field, transparent); color: var(--sup-ink); font: 13px 'Onest', system-ui, sans-serif; max-height: 46vh; overflow-y: auto; scrollbar-width: none; }
.sup-panel::-webkit-scrollbar { display: none; }
.sup-panel:empty { display: none; }
.sup-head { width: 100%; display: flex; align-items: center; gap: 8px; background: none; border: 0; color: var(--sup-ink);
  font: 700 13px 'Onest', system-ui, sans-serif; height: 36px; padding: 0 6px; margin: 0 -4px; border-radius: 10px; cursor: pointer; text-align: left; }
.sup-head:hover, .sup-head:focus-visible { background: var(--sup-card); outline: none; }
.sup-chev { margin-left: auto; color: var(--sup-muted); font-family: ui-monospace, monospace; }
.sup-badge { background: var(--sup-accent); color: var(--ys-on-cta, #111); border-radius: 999px; font-size: 11px; font-weight: 700; padding: 1px 7px; }
.sup-ico { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.sup-body { display: flex; flex-direction: column; gap: 8px; padding: 2px 0 8px; }
.sup-body[hidden] { display: none; }
.sup-reasons { display: grid; grid-template-columns: 1fr; gap: 2px; }
.sup-reason { display: flex; gap: 10px; align-items: flex-start; text-align: left; background: none; border: 1px solid transparent;
  color: var(--sup-ink); border-radius: 10px; padding: 6px 8px; margin: 0 -4px; cursor: pointer; font: inherit; }
.sup-reason:hover, .sup-reason:focus-visible { background: var(--sup-card); border-color: var(--sup-line); outline: none; }
.sup-reason .sup-ico { margin-top: 2px; color: var(--sup-muted); }
.sup-l { display: flex; flex-direction: column; min-width: 0; } .sup-l b { font-weight: 600; } .sup-l small { color: var(--sup-muted); font-size: 12px; }
.sup-cap { color: var(--sup-muted); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; padding: 0 4px 4px; }
.sup-tickets { display: flex; flex-direction: column; gap: 2px; }
.sup-ticket { display: flex; justify-content: space-between; gap: 8px; background: none; border: 0; color: var(--sup-ink);
  padding: 6px 8px; margin: 0 -4px; border-radius: 8px; font: inherit; cursor: pointer; text-align: left; }
.sup-ticket:hover, .sup-ticket:focus-visible { background: var(--sup-card); outline: none; }
.sup-ticket.unread span:first-child::before { content: "●"; color: var(--sup-accent); margin-right: 6px; }
.sup-st { color: var(--sup-muted); white-space: nowrap; font-size: 12px; }
.sup-ticket span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sup-eta { color: var(--sup-muted); font-size: 12px; margin: 0; padding: 0 4px; }

/* окно формы */
.sup-ov { position: fixed; inset: 0; z-index: 2147482000; display: flex; align-items: center; justify-content: center; padding: 16px;
  background: var(--ov, rgba(4,2,12,.6)); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.sup-form { --sup-ink: var(--ink, #F3F4F6); --sup-muted: var(--muted2, #8E9199); --sup-line: var(--field-brd, rgba(127,127,140,.25));
  background: var(--panel-surface, #18191C); color: var(--sup-ink); border: 1px solid var(--panel-brd, transparent); border-radius: 24px;
  padding: 24px 26px; width: min(500px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; box-sizing: border-box;
  display: flex; flex-direction: column; gap: 14px; font: 14px 'Onest', system-ui, sans-serif; box-shadow: 0 28px 64px -24px var(--shadow, #000); }
.sup-form h3 { margin: 0; font: 700 20px 'Onest', system-ui, sans-serif; }
.sup-auto { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0; background: var(--field, rgba(127,127,140,.08)); border-radius: 14px; padding: 12px 14px; }
.sup-auto dt { color: var(--sup-muted); } .sup-auto dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.sup-fact { margin: 0; background: rgba(46,160,90,.14); color: var(--sup-ink); border-radius: 12px; padding: 10px 12px; }
.sup-answer { margin: 0; background: var(--field, rgba(127,127,140,.08)); border-radius: 12px; padding: 10px 12px; white-space: pre-wrap; }
.sup-row { display: flex; flex-direction: column; gap: 6px; }
.sup-row textarea { background: var(--field, transparent); border: 1px solid var(--sup-line); border-radius: 12px; color: var(--sup-ink);
  padding: 10px 12px; font: inherit; resize: vertical; }
.sup-attach { align-self: flex-start; background: var(--soft-hover, rgba(127,127,140,.14)); color: var(--sup-ink); border: 1px solid var(--sup-line);
  border-radius: 10px; padding: 8px 12px; font: inherit; cursor: pointer; }
.sup-err { color: #E5484D; margin: 0; } .sup-err:empty { display: none; }

/* форма подключённого сервиса (mcp_form.js) */
.aish-form { --sup-ink: var(--ink, #F3F4F6); --sup-muted: var(--muted2, #8E9199); --sup-line: var(--field-brd, rgba(127,127,140,.25));
  background: var(--panel-surface, #18191C); color: var(--sup-ink); border: 1px solid var(--panel-brd, transparent); border-radius: 24px;
  padding: 24px 26px; width: min(520px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; box-sizing: border-box;
  display: flex; flex-direction: column; gap: 14px; font: 14px 'Onest', system-ui, sans-serif; box-shadow: 0 28px 64px -24px var(--shadow, #000); }
.aish-form h3 { margin: 0; font: 700 20px 'Onest', system-ui, sans-serif; }
.aish-form > p { margin: 0; color: var(--sup-muted); }
.aish-form-row { display: flex; flex-direction: column; gap: 6px; }
.aish-form-row small { color: var(--sup-muted); }
.aish-form-row input[type=text], .aish-form-row input[type=number], .aish-form-row textarea, .aish-form-row select {
  background: var(--field, transparent); border: 1px solid var(--sup-line); border-radius: 12px; color: var(--sup-ink); padding: 10px 12px; font: inherit; }
.aish-form-file { display: flex; align-items: center; gap: 10px; }
.aish-form-file button, .aish-form-actions button { background: var(--soft-hover, rgba(127,127,140,.14)); color: var(--sup-ink); border: 1px solid var(--sup-line);
  border-radius: 10px; padding: 8px 14px; font: inherit; cursor: pointer; }
.aish-form-actions { display: flex; justify-content: flex-end; gap: 10px; }
.aish-form-actions button.primary { background: linear-gradient(135deg, #7C4DFF, #E040FB); color: #fff; border: 0; font-weight: 700; }
.aish-form-cost { color: var(--sup-ink) !important; font-weight: 600; }
.aish-form-err { color: #E5484D; margin: 0; } .aish-form-err:empty { display: none; }
.sup-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.sup-actions button { border-radius: 22px; padding: 10px 20px; font: 600 14px 'Onest', system-ui, sans-serif; border: 1px solid var(--sup-line);
  background: transparent; color: var(--sup-ink); cursor: pointer; }
.sup-actions .primary { background: linear-gradient(90deg, var(--ys-cta-hi, #EEF77E), var(--ys-cta-lo, #F0B26A)); color: var(--ys-on-cta, #111); border: 0; }
.sup-actions button:disabled { opacity: .55; cursor: default; }
.sup-flag { background: none; border: 1px solid var(--field-brd, rgba(127,127,140,.3)); color: var(--muted2, #8E9199); border-radius: 999px;
  width: 34px; height: 34px; display: inline-grid; place-items: center; cursor: pointer; flex: 0 0 auto; }
.sup-flag:hover, .sup-flag:focus-visible { color: #E5484D; border-color: #E5484D; outline: none; }

/* «Как вам студия?» и «Вопрос решён?» в панели «Помощь»: звёзды и свой текст, без готовых вариантов */
.rt, .rt-more { --rt-ink: var(--ink, #F3F4F6); --rt-muted: var(--muted2, #8E9199); --rt-line: var(--field-brd, rgba(127,127,140,.25)); --rt-star: #F2B33D; }
.rt { display: flex; align-items: center; gap: 2px; color: var(--rt-ink); font-size: 13px; flex-wrap: wrap; }
.rt-q { color: var(--rt-muted); margin-right: 8px; }
.rt-btn { background: none; border: 0; padding: 3px; cursor: pointer; border-radius: 8px; line-height: 0; }
.rt-btn:focus-visible { outline: 2px solid var(--rt-star); }
.rt-star { width: 20px; height: 20px; fill: none; stroke: var(--rt-muted); stroke-width: 1.6; stroke-linejoin: round; }
.rt-star.on { fill: var(--rt-star); stroke: var(--rt-star); }
.rt-more { background: var(--field, rgba(127,127,140,.08)); border: 1px solid var(--rt-line); border-radius: 14px; padding: 10px; display: flex;
  flex-direction: column; gap: 8px; color: var(--rt-ink); margin-top: 6px; }
.rt-title { font-size: 13px; }
.rt-more textarea { background: var(--field, transparent); border: 1px solid var(--rt-line); border-radius: 10px; color: var(--rt-ink);
  padding: 8px 10px; font: inherit; font-size: 13px; resize: vertical; }
.rt-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.rt-actions button { border-radius: 18px; padding: 7px 14px; font: 600 13px 'Onest', system-ui, sans-serif; border: 0; cursor: pointer;
  background: linear-gradient(90deg, var(--ys-cta-hi, #EEF77E), var(--ys-cta-lo, #F0B26A)); color: var(--ys-on-cta, #111); }
.rt-thanks { color: var(--rt-muted); font-size: 13px; margin: 6px 0; }
.rt-card { margin: 4px 0; } .rt-card .rt-q { color: var(--rt-ink); font-weight: 600; margin-right: 6px; }
.sup-rate { padding: 8px 4px 2px; border-top: 1px solid var(--sup-line); }
.sup-rate .rt-card .rt-q { width: 100%; margin: 0 0 2px; }
.sup-csat { padding: 0 4px 6px; }
.sup-yn { background: none; border: 1px solid var(--rt-line); color: var(--rt-ink); border-radius: 999px; padding: 4px 14px;
  font: 600 13px 'Onest', system-ui, sans-serif; cursor: pointer; margin-left: 6px; }
.sup-yn:hover, .sup-yn:focus-visible { background: var(--soft-hover, rgba(127,127,140,.14)); outline: none; }
.sup-ticket { width: 100%; box-sizing: border-box; }