/* calls-shell.css: Calls' own rules for the pages under the estilo bar
   (the bar itself is estilo's chrome.css). */
body { background: var(--rst-bg); }
[rst-page] { max-inline-size: 80rem; margin-inline: auto; }
.calls-lobby-heading h1 { font-size: 2rem; }

/* The meeting and agent lists: rastrillo's list rows (rst-list >
   rst-row), with the row's ⋯ menu drawn as estilo's floating menu, the
   one menu style in the suite (spec §7.1). The ⋯ is an in-flow control,
   so its hover is square (§11), and it sits above the row's
   whole-row link overlay. */
[rst-row] > [rst-row-menu] { position: relative; z-index: 1; flex: none; }
/* The open one above the rows after it, whose own ⋯ would otherwise
   paint through its panel (each ⋯ is a stacking context at 1). */
[rst-row] > [rst-row-menu][open] { z-index: 2; }
[rst-row] > [rst-row-menu] > summary { inline-size: 2rem; block-size: 2rem; border-radius: 0; color: var(--rst-text-muted); }
.calls-row-menu { position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + 4px); }
.calls-row-title { color: var(--rst-text); font-weight: 600; }
.calls-row-badge { display: inline-flex; align-items: center; gap: 0.25rem; flex: none; position: relative; z-index: 1; color: var(--rst-text-muted); }
.calls-ended { margin-block-start: var(--rst-sp-5); }
.calls-ended > summary { cursor: pointer; font-weight: 600; margin-block-end: var(--rst-sp-3); }
.calls-option-help { margin-block: 0.25rem var(--rst-sp-3); color: var(--rst-text-muted); font-size: var(--rst-fs-sm); }
.calls-share-link a { overflow-wrap: anywhere; }
/* The Home account page's linked address (connect's home_link.html).
   Its template asks for this with a style attribute, which rastrillo's
   CSP refuses (serving.go's homeFormPolicy), so the rule lives here. */
[rst-box] > p > strong > bdi { overflow-wrap: anywhere; }
.calls-share-actions { display: flex; flex-wrap: wrap; gap: var(--rst-sp-2); }
/* The row is script's (share-link.js reveals it): the display above
   would otherwise beat the hidden attribute and show two buttons that do
   nothing without script (Astra on #24). */
.calls-share-actions[hidden], .calls-share-actions > [hidden] { display: none; }
/* …and Share… inside it, which share-link.js reveals only where the
   browser can share: rst-btn's display beats hidden the same way. */
.calls-link-input { inline-size: 100%; max-inline-size: 44rem; }

/* The holding screen: who you'll join as, then the device panel, then
   the other ways in and the meeting's own pages. */
.calls-standing { color: var(--rst-text-muted); }
.calls-holding-more { display: grid; gap: var(--rst-sp-3); justify-items: start; margin-block-start: var(--rst-sp-5); }
.calls-holding-more p { margin: 0; }
.calls-holding-more form { margin: 0; }