#stageCoordinatorBroadcastInbox [hidden] {
    display: none !important;
}

#stageCoordinatorBroadcastInbox {
    position: relative;
    z-index: 1080;
    flex: 0 0 auto;
}

.sidebar-brand-tools {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex: 0 0 auto;
}

.stage-broadcast-toggle {
    position: relative;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid #f2b44d;
    border-radius: 50%;
    color: #b45309;
    background: #fffaf0;
    box-shadow: 0 5px 18px rgba(15, 23, 42, .16);
    font-size: 1.2rem;
}

.stage-broadcast-toggle:hover,
.stage-broadcast-toggle[aria-expanded="true"] {
    color: #92400e;
    background: #ffedc2;
}

.stage-broadcast-count {
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    display: grid;
    place-items: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 .25rem;
    border: 2px solid #fff;
    border-radius: 1rem;
    color: #fff;
    background: #dc2626;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
}

.stage-broadcast-popover {
    position: absolute;
    top: calc(100% + .65rem);
    left: 0;
    width: min(27rem, calc(100vw - 1.5rem));
    max-height: min(72vh, 42rem);
    overflow: hidden;
    border: 1px solid #dbe4f0;
    border-radius: 1rem;
    color: #0f172a;
    background: #fff;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .2);
}

.stage-broadcast-popover-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .9rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.stage-broadcast-message-list {
    display: grid;
    gap: .7rem;
    max-height: calc(min(72vh, 42rem) - 3.5rem);
    overflow-y: auto;
    padding: .8rem;
}

.stage-broadcast-message {
    padding: .9rem;
    border: 1px solid #f2c46d;
    border-radius: .85rem;
    background: #fffbeb;
}

.stage-broadcast-message-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .35rem .7rem;
    margin-bottom: .55rem;
    color: #64748b;
    font-size: .78rem;
}

.stage-broadcast-message-body {
    margin-bottom: .8rem;
    color: #0f172a;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.stage-broadcast-message-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.stage-broadcast-help-box {
    display: grid;
    gap: .5rem;
    margin-top: .6rem;
}

.stage-broadcast-compose-card,
.stage-broadcast-active-card {
    padding: 1.25rem;
    border: 1px solid var(--cm-border, #dbe4f0);
    border-radius: 1.15rem;
    background: var(--cm-surface, #fff);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.stage-broadcast-section-heading {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1rem;
}

.stage-broadcast-section-heading > i {
    color: #d97706;
}

.stage-broadcast-choice {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .8rem;
    border: 1px solid #dbe4f0;
    border-radius: 2rem;
    color: #334155;
    background: #fff;
    cursor: pointer;
}

.stage-broadcast-choice:has(input:checked) {
    border-color: #f59e0b;
    color: #92400e;
    background: #fff7e6;
}

.stage-broadcast-active-list {
    display: grid;
    gap: .75rem;
}

.stage-broadcast-active-item {
    padding: .85rem;
    border: 1px solid #dbe4f0;
    border-radius: .85rem;
    background: #fff;
}

.stage-broadcast-responses {
    display: grid;
    gap: .25rem;
    padding: .6rem;
    border-radius: .6rem;
    background: #f1f5f9;
}

.stage-broadcast-empty {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: .75rem;
    color: #64748b;
    text-align: center;
}

@media (max-width: 767.98px) {
    .stage-broadcast-popover {
        left: auto;
        right: calc(-2.65rem);
        width: min(27rem, calc(100vw - 1.5rem));
    }
}

@media (min-width: 1200px) {
    body.sidebar-collapsed .stage-broadcast-popover {
        left: calc(100% + .65rem);
    }
}