/* Telas estreitas: o layout flutuante vira uma coluna so. */

/* telas estreitas: tudo vira coluna, sem vidro flutuando */
@media (max-width:960px){
  .stage{overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:12px}
  #remote{position:relative;inset:auto;height:auto;aspect-ratio:16/9;border-radius:var(--r);order:3}
  .vinheta{display:none}
  .painel,.dock,.pilula{position:static;transform:none;width:100%!important;max-width:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--fundo2)}
  .resDir{display:none}
  .mosaico{position:static;padding:0;order:3;min-height:60vh}
  .centroChat{position:static;transform:none;width:100%;height:460px;order:2;
              backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--fundo2)}
  .pilula{order:2;height:auto;min-height:34px;flex-wrap:wrap;padding:6px 12px}
  .estadoPalco{position:static;transform:none;width:100%;order:3}
  .painel.esq{order:1}
  .dock{order:4}
  .painel.dir{order:5;height:520px;flex:none}
  .railDir,.railEsq{display:none!important}
  .msgFlut{position:static;transform:none;max-width:none;order:0}
}