#guestSlidesContainer {
    flex: 1;                 /* fill all available space in right pane */
    display: flex;           /* allow iframe to stretch */
    flex-direction: column;
    min-width: 0;            /* prevent overflow */
    min-height: 0;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    background-color: var(--editor-bg);
    padding: 10px;
}

#guestSlidesViewer {
    flex: 1;                 /* fill the container */
    width: 100%;
    height: 100%;
    border: none;
}

/* "Waiting for the host to share slides" state.
   Shown in the slides panel when the host has not started presenting yet, in
   place of the generic "Select this area, then use the side menu..."
   placeholder — the guest has already chosen this panel, there is just nothing
   to show until the host shares a deck. */
.guest-slides-waiting {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    /* The panes are block containers, so flex:1 does not apply here; a min
       height is what actually gives the message room to sit centred. */
    min-height: 220px;
    box-sizing: border-box;
    padding: 24px;
    text-align: center;
    color: var(--text-muted, #8a8f98);
}

.guest-slides-waiting i {
    font-size: 34px;
    opacity: 0.45;
}

.guest-slides-waiting p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

.guest-slides-waiting span {
    font-size: 13px;
    opacity: 0.75;
}