/* Правки по отчёту «Тест Spoy — все сценарии» (2026-11-09): F07 телефон, F11 пустая кнопка, F13 подсказки,
   F14 пояснение к галочке, F15 профиль. Скрипт — static/qafull.js. */

/* F11: у гостя без своих песен кнопка «к песне» стоит с hidden, а .btn перебивал его display:flex */
#freeBack[hidden] { display: none !important; }

/* F07: на телефоне шапка (логотип, «Меню», «Войти», облачко, язык) не влезала, и вся страница становилась шире экрана */
@media (max-width: 420px) {
  .sidebar .brand .ver { display: none; }
  .sidebar .lang-btn .lang-code { display: none; }
}
/* F07: на телефоне шапка песни занимала весь экран над пультом — обложку прячем, кнопки песни — одной строкой с прокруткой */
@media (max-width: 480px) {
  .song-head .cover { display: none; }
  .song-head .actions { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .song-head .actions::-webkit-scrollbar { display: none; }
  .song-head .actions > * { flex: none; }
}

/* F07 (2026-11-09, «Да, переставь»): на телефоне текст песни — сразу под шапкой и плашкой первого блока, а «Ноты»,
   «Цвета нот», «Мои куски» и «Мои дубли» — под ним. Только порядок показа: разметка и код страницы те же */
@media (max-width: 700px) {
  #view:has(> #lyrics.parts) { display: flex; flex-direction: column; }
  #view:has(> #lyrics.parts) > .back { align-self: flex-start; }
  #view:has(> #lyrics.parts) > #lyrics { order: 1; margin-bottom: 18px; }
  #view:has(> #lyrics.parts) > :is(.toolbar, .legend, #frags, #takes) { order: 2; }
  /* плашка «Бесплатно открыт первый блок» — ниже: без строки «Ещё N строк — по подписке», кнопки в один ряд */
  .free-bar { padding: 10px 12px; gap: 8px; }
  .free-bar .grow b { font-size: 14px; line-height: 1.3; }
  .free-bar .grow span { display: none; }
  .free-bar .btn.aura { flex: 1 1 auto; }
}

/* F13: две подсказки сразу — «Потяните вверх» ждёт, пока висит плашка «Слышите? Это только голос…»;
   «Нажмите ▶» не висит во время отсчёта записи 3-2-1 */
body:has(#toast:not([hidden])) .roll-grip-tip { display: none; }
body:has(.rst-count) .qa-call-tip { display: none !important; }

/* F14: без галочки согласия — не только красная рамка, но и слова */
.qf-need { margin: -4px 0 0; font-size: 13px; color: var(--bad, #e5484d); }

/* F15: профиль в аккаунте */
.qf-profile form { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.qf-profile form .field { flex: 1 1 200px; margin: 0; }
.qf-profile .qf-note { margin: 0; }
.qf-consent { display: flex; gap: 10px; align-items: flex-start; text-align: left; font-size: 14px; }
.qf-consent input { margin-top: 3px; flex: none; }