/* Scoped to the one entry hint; keep the upstream buttons and call state. */
.bm-call-wrap[data-tc-entry-footer] .bm-group-call-controls-v2[data-tc-entry-footer] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 6px 12px;
    background: rgba(var(--bm-call-canvas, 17, 19, 24), 1);
}
.bm-call-wrap[data-tc-entry-footer] .bm-group-call-controls-v2 > .bm-connection-control { grid-column: 1; grid-row: 1; }
.bm-call-wrap[data-tc-entry-footer] .bm-group-call-controls-v2 > .bm-group-call-controls-buttons { grid-column: 2; grid-row: 1; }
.bm-call-wrap [data-tc-group-entry-status] {
    grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: 4px;
    min-width: 0; margin: 0; padding: 0; border: 0; background: transparent;
    color: rgba(var(--bm-call-fg, 255, 255, 255), .8);
    font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
    white-space: normal; overflow-wrap: anywhere; text-align: start;
}
.bm-call-wrap [data-tc-group-entry-status] > span { flex: 1; min-width: 0; }
.bm-call-wrap [data-tc-group-entry-status] .tc-group-entry-close {
    appearance: none; display: inline-grid; place-items: center; flex: 0 0 44px;
    width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; border: 0;
    border-radius: 8px; background: transparent; color: inherit;
    font: 22px/1 sans-serif; cursor: pointer; box-shadow: none;
}
.bm-call-wrap [data-tc-group-entry-status] .tc-group-entry-close:hover { background: rgba(255, 255, 255, .08); }
.bm-call-wrap [data-tc-group-entry-status] .tc-group-entry-close:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
.bm-call-wrap[data-tc-entry-footer] .bm-group-call-audios-grid { bottom: var(--tc-group-footer-height, 140px); }
.bm-call-wrap[data-tc-entry-footer] .bm-group-call-videos-grid { max-height: calc(100% - var(--tc-group-footer-height, 140px)); overflow: hidden; }
/* ponytail: the call wrapper already defines an inline-size container. */
@container (min-width: 1001px) {
    .bm-call-wrap[data-tc-entry-footer] .bm-group-call-controls-v2[data-tc-entry-footer] { grid-template-columns: max-content minmax(0, 1fr) max-content; }
    .bm-call-wrap[data-tc-entry-footer] .bm-group-call-controls-v2 > .bm-group-call-controls-buttons { grid-column: 3; }
    .bm-call-wrap [data-tc-group-entry-status] { grid-column: 2; grid-row: 1; }
}