/* Loaded only inside <noscript>: the holding screen's device block, which
   is in the layout from the first paint for script, has nothing to offer
   without it (AGENTS.md: browser media is one of the two exceptions). */
#devices { display: none; }

/* The call room with no script (room.html): the header is a plain block
   in the top corner — the title whichever kind it is, who you are in
   the call, the floor notice and the page's navigation — rather than
   the scripted call's centred title strip, which shows only a chosen
   title and fades with controls a scriptless page does not have. */
.calls-window .calls-top {
  inset-block-start: 12px;
  inset-inline: 12px auto;
  display: block;
  block-size: auto;
  max-inline-size: min(420px, calc(100% - 24px));
  padding: 10px 14px;
  border-radius: 14px;
  background: rgb(18 18 18 / 0.92);
  pointer-events: auto;
}
.calls-window .calls-top-named::before { display: none; }
.calls-window .calls-top h1,
.calls-window .calls-top:not(.calls-top-named) h1 {
  position: static;
  inline-size: auto;
  block-size: auto;
  margin: 0;
  clip-path: none;
  white-space: normal;
  text-shadow: none;
}
.calls-window .calls-top-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 6px 0 0; font-size: 0.875rem; }
.calls-window .calls-top-links form { margin: 0; }
.calls-window .calls-top-links button { padding: 0; border: 0; background: none; color: #fff; font: inherit; text-decoration: underline; cursor: pointer; }