/* Демо-режим (static/demolock.js): «Пой со мной», настройки пения и «Записать» без подписки — приглушены и с замком,
   как «🔒 В песенник» в шапке песни: замок встаёт на место значка. На телефоне подписей нет — значок остаётся,
   а замок маленький, в углу. */
.sing-actions .dl-locked,
.sing-actions .toggle.rec.dl-locked { color: var(--faint); }
.sing-actions .dl-locked:hover,
.sing-actions .toggle.rec.dl-locked:hover { color: var(--muted); }
.sing-actions .dl-locked .ic > svg { display: none; }
.dl-lock { display: inline-grid; place-items: center; pointer-events: none; }
.dl-lock .ic-lock { display: block; width: 15px; height: 15px; }

@media (max-width: 700px) {
  .sing-actions .dl-locked .ic { position: relative; }
  .sing-actions .dl-locked .ic > svg { display: block; opacity: .75; }
  .sing-actions .dl-locked .dl-lock {
    position: absolute; right: -5px; bottom: -4px; width: 12px; height: 12px; border-radius: 50%;
    background: var(--surface-3); color: var(--text); box-shadow: 0 0 0 2px var(--dock);
  }
  .sing-actions .dl-locked .dl-lock .ic-lock { width: 8px; height: 8px; stroke-width: 2.6; }
}