/* Проектный аудио-канал: #RAD_Call — отдельный UI звонка (не наследует main.css voice_stage) */

#RADL_voice_call .rad_call--dm .rad_call-secondary-controls,
#RADL_voice_call .rad_call--dm [data-act="copy-link"] {
    display: none !important;
}

#RADL_voice_call .rad_call--dm #voice_call_secondary {
    display: none !important;
}

#RAD_Call {
    --rad-call-bg: var(--color-ui-bg, #3d3d3d);
    --rad-call-surface: var(--color-null-element-bg, #343434);
    --rad-call-border: var(--color-null-element-border, #4a4a4a);
    --rad-call-panel-bg: var(--color-null-element-bg-opacity, #343434f0);
    --rad-call-accent: var(--color-accent, #6aa3ff);
    display: none;
    flex: 1.2 1 0;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--rad-call-bg);
    container-type: inline-size;
    container-name: rad-call;
}

#RADL_voice_call {
    container-type: inline-size;
    container-name: rad-call;
}

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

html[data-project-audio-channel="1"] #RAD_Call:not([hidden]) {
    display: flex;
    flex-direction: column;
}

html[data-project-audio-channel="1"] #RADR {
    display: none !important;
}

html[data-project-audio-channel="1"] #RAD {
    align-items: stretch;
}

html[data-project-audio-channel="1"] #RADL {
    flex: 1 1 0;
    min-width: 280px;
    max-width: 420px;
}

html[data-project-audio-channel="1"][data-voice-call-chat-hidden="1"] #RADL {
    display: none !important;
}

html[data-project-audio-channel="1"][data-voice-call-chat-hidden="1"] #RADL_inputs_foot {
    display: none !important;
}

html[data-project-audio-channel="1"][data-voice-call-chat-hidden="1"] #RAD_Call {
    flex: 1 1 100%;
    max-width: none;
    border-right: none;
}

.RAD_Call_inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
}

/* ——— Корневой блок звонка (проект #RAD_Call и DM #RADL_voice_call) ——— */
#voice_call.rad_call {
    --rad-call-bg: var(--color-ui-bg, #3d3d3d);
    --rad-call-surface: var(--color-null-element-bg, #343434);
    --rad-call-border: var(--color-null-element-border, #4a4a4a);
    --rad-call-panel-bg: var(--color-null-element-bg-opacity, #343434f0);
    --rad-call-accent: var(--color-accent, #6aa3ff);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    color: var(--color-ui-text, #e8e8ea);
}

/* 1. Верхняя панель */
#voice_call.rad_call .rad_call-header {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--rad-call-surface);
}

#voice_call.rad_call .rad_call-header-left,
#voice_call.rad_call .rad_call-header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#voice_call.rad_call .rad_call-header-left {
    grid-column: 1;
    justify-content: flex-start;
}

#voice_call.rad_call .rad_call-header-center {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    max-width: 100%;
    justify-self: center;
    width: 100%;
}

#voice_call.rad_call .rad_call-header-right {
    grid-column: 3;
    justify-content: flex-end;
}

#voice_call.rad_call .rad_call-header-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#voice_call.rad_call .rad_call-header-side {
    display: block;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
}

#voice_call.rad_call .rad_call-header-duration {
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    opacity: 0.78;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
    max-width: 100%;
    box-sizing: border-box;
}

#voice_call.rad_call .rad_call-header-duration[hidden] {
    display: none !important;
}

/* 2. Тело: сцена + опциональная вторая область */
#voice_call.rad_call .rad_call-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 8px;
    box-sizing: border-box;
}

#voice_call.rad_call .rad_call-stage-wrap {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    overflow: hidden;
    background: #272727;
    border-radius: 0;
}

#voice_call.rad_call #rad_call_stage.rad_call-stage {
    position: absolute;
    inset: 0;
    display: block;
    padding: 0;
    margin: 0;
    gap: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* Плитки — по умолчанию на всю сцену */
#voice_call.rad_call #rad_call_stage_tiles.rad_call-tiles.is-stage-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-template-columns: none;
}

#voice_call.rad_call #rad_call_stage_tiles .rad_call-stage-empty {
    color: rgba(255, 255, 255, 0.58);
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    padding: 20px 28px;
    pointer-events: none;
    user-select: none;
    max-width: 28em;
}

#voice_call.rad_call #rad_call_stage_tiles.rad_call-tiles {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
    padding: 14px;
    box-sizing: border-box;
    align-content: center;
    align-items: center;
    justify-items: center;
    max-height: none;
    flex: none;
    overflow: auto;
    container-type: size;
}

#voice_call.rad_call #rad_call_stage.rad_call-has-spotlight #rad_call_stage_tiles.rad_call-tiles {
    inset: auto 0 0 0;
    top: auto;
    max-height: 32%;
    min-height: 72px;
    align-content: start;
    align-items: start;
    padding: 8px 12px 12px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.35) 70%, transparent 100%);
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: 8px;
}

#voice_call.rad_call .voice_stage-tile,
#voice_call_secondary .voice_stage-tile,
#RADL_call_other .voice_stage-tile {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    min-width: 0;
    min-height: 0;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
    background: linear-gradient(145deg, #1e1e24 0%, #121216 100%);
    overflow: hidden;
    overflow: clip;
    contain: layout paint;
    isolation: isolate;
    cursor: default;
    justify-self: center;
}

#voice_call.rad_call #rad_call_stage.rad_call-has-spotlight .voice_stage-tile {
    aspect-ratio: 1 / 1;
    max-height: 100%;
}

#voice_call.rad_call .voice_stage-tile.has-video {
    cursor: pointer;
}

#rad_call_stage_tiles .voice_stage-tile-quality,
#voice_stage_tiles .voice_stage-tile-quality,
#voice_call.rad_call .voice_stage-tile-quality,
#voice_call_secondary .voice_stage-tile-quality,
#RADL_call_other .voice_stage-tile-quality {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 5;
    max-width: calc(100% - 12px);
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.62);
    color: #f2f2f2;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    box-sizing: border-box;
}

#rad_call_stage_tiles .voice_stage-tile-quality[hidden],
#voice_stage_tiles .voice_stage-tile-quality[hidden],
#voice_call.rad_call .voice_stage-tile-quality[hidden],
#voice_call_secondary .voice_stage-tile-quality[hidden],
#RADL_call_other .voice_stage-tile-quality[hidden] {
    display: none !important;
}

#voice_call.rad_call .voice_stage-tile-badges,
#voice_call_secondary .voice_stage-tile-badges,
#RADL_call_other .voice_stage-tile-badges {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 4;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding: 2px 3px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    pointer-events: none;
}

#voice_call.rad_call .voice_stage-tile-badge,
#voice_call_secondary .voice_stage-tile-badge,
#RADL_call_other .voice_stage-tile-badge {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    opacity: 0.42;
}

#voice_call.rad_call .voice_stage-tile-badge[data-on="1"],
#voice_call_secondary .voice_stage-tile-badge[data-on="1"],
#RADL_call_other .voice_stage-tile-badge[data-on="1"] {
    opacity: 0.95;
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="mic"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="mic"],
#RADL_call_other .voice_stage-tile-badge[data-kind="mic"] {
    background-image: url('../../ico/bt/mic-off.svg');
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="mic"][data-on="1"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="mic"][data-on="1"],
#RADL_call_other .voice_stage-tile-badge[data-kind="mic"][data-on="1"] {
    background-image: url('../../ico/bt/mic.svg');
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="audio"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="audio"],
#RADL_call_other .voice_stage-tile-badge[data-kind="audio"] {
    background-image: url('../../ico/bt/volume-off.svg');
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="audio"][data-on="1"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="audio"][data-on="1"],
#RADL_call_other .voice_stage-tile-badge[data-kind="audio"][data-on="1"] {
    background-image: url('../../ico/bt/volume-up.svg');
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="cam"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="cam"],
#RADL_call_other .voice_stage-tile-badge[data-kind="cam"] {
    background-image: url('../../ico/bt/videocam-off.svg');
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="cam"][data-on="1"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="cam"][data-on="1"],
#RADL_call_other .voice_stage-tile-badge[data-kind="cam"][data-on="1"] {
    background-image: url('../../ico/bt/videocam.svg');
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="screen"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="screen"],
#RADL_call_other .voice_stage-tile-badge[data-kind="screen"] {
    background-image: url('../../ico/bt/screen-share-white.svg');
    opacity: 0.28;
}

#voice_call.rad_call .voice_stage-tile-badge[data-kind="screen"][data-on="1"],
#voice_call_secondary .voice_stage-tile-badge[data-kind="screen"][data-on="1"],
#RADL_call_other .voice_stage-tile-badge[data-kind="screen"][data-on="1"] {
    opacity: 0.95;
}

#voice_call.rad_call .voice_stage-tile:not(.has-video):not(.has-avatar) .voice_stage-tile-name {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
}

#voice_call.rad_call .voice_stage-tile video,
#voice_call.rad_call .voice_stage-tile .voice_stage-tile-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0;
    padding: 0;
    border: none;
    object-fit: cover;
    object-position: center;
    background: #000;
    pointer-events: none;
}

#voice_call.rad_call .voice_stage-tile-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    color: #ddd;
    font-size: 13px;
    font-weight: 600;
}

#voice_call.rad_call .voice_stage-tile-placeholder[hidden] {
    display: none !important;
}

#voice_call.rad_call .voice_stage-tile.has-video .voice_stage-tile-name,
#voice_call_secondary .voice_stage-tile.has-video .voice_stage-tile-name,
#RADL_call_other .voice_stage-tile.has-video .voice_stage-tile-name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 9px 11px;
    background: linear-gradient(#00000038, #272727cc 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

#voice_call.rad_call .voice_stage-tile.has-avatar,
#voice_call_secondary .voice_stage-tile.has-avatar,
#RADL_call_other .voice_stage-tile.has-avatar,
#voice_call.rad_call .voice_stage-tile:has(.voice_stage-tile-avatar:not([hidden])),
#voice_call_secondary .voice_stage-tile:has(.voice_stage-tile-avatar:not([hidden])),
#RADL_call_other .voice_stage-tile:has(.voice_stage-tile-avatar:not([hidden])) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(4px, 2vw, 10px);
    padding: 10px 8px;
    background: #14141a;
}

#voice_call.rad_call .voice_stage-tile.has-avatar .voice_stage-tile-name,
#voice_call_secondary .voice_stage-tile.has-avatar .voice_stage-tile-name,
#RADL_call_other .voice_stage-tile.has-avatar .voice_stage-tile-name,
#voice_call.rad_call .voice_stage-tile:has(.voice_stage-tile-avatar:not([hidden])) .voice_stage-tile-name,
#voice_call_secondary .voice_stage-tile:has(.voice_stage-tile-avatar:not([hidden])) .voice_stage-tile-name,
#RADL_call_other .voice_stage-tile:has(.voice_stage-tile-avatar:not([hidden])) .voice_stage-tile-name {
    position: static;
    z-index: 2;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0 6px;
    background: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Крупное видео (spotlight) */
#voice_call.rad_call #rad_call_stage_main.rad_call-spotlight {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0;
    min-height: 0;
    flex: none;
    background: #000;
}

#voice_call.rad_call #rad_call_stage:not(.rad_call-has-spotlight) #rad_call_stage_main.rad_call-spotlight {
    visibility: hidden;
    pointer-events: none;
    z-index: 0;
}

#voice_call.rad_call .voice_stage-main-empty {
    display: none;
}

#voice_call.rad_call #rad_call_stage.rad_call-has-spotlight .voice_stage-main-empty {
    display: block;
    opacity: 0.75;
    padding: 20px;
    text-align: center;
    font-size: 14px;
}

#voice_call.rad_call .voice_stage-main-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
}

#voice_call.rad_call .voice_stage-main:fullscreen,
#voice_call.rad_call .voice_stage-main:-webkit-full-screen {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    background: #000;
    display: flex;
    flex-direction: column;
}

#voice_call.rad_call .voice_stage-main:fullscreen .voice_stage-main-video,
#voice_call.rad_call .voice_stage-main:-webkit-full-screen .voice_stage-main-video {
    flex: 1 1 auto;
    position: relative;
    object-fit: contain;
}

#voice_call.rad_call #rad_call_stage_actions {
    display: none !important;
}

/* Панели управления (широкий режим — в header/toolbar; узкий — углы сцены) */
#voice_call.rad_call .rad_call-panel-anchor {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#voice_call.rad_call .rad_call-panel {
    display: flex;
    gap: 8px;
    padding: 0;
    pointer-events: none;
    position: static;
    flex-shrink: 0;
}

#voice_call.rad_call .rad_call-panel .rad_call-btn {
    pointer-events: auto;
}

#voice_call.rad_call .rad_call-header-right .rad_call-panel--tr {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

#voice_call.rad_call .rad_call-header-right .rad_call-secondary-controls {
    flex-direction: row;
    align-items: center;
}

@container rad-call (max-width: 750px) {
    #voice_call.rad_call .rad_call-stage-panel-anchor {
        position: absolute;
        z-index: 8;
        display: flex;
        pointer-events: none;
    }

    #voice_call.rad_call .rad_call-stage-panel-anchor[data-rad-call-panel-anchor="stage-tl"] {
        top: 12px;
        left: 12px;
    }

    #voice_call.rad_call .rad_call-stage-panel-anchor[data-rad-call-panel-anchor="stage-tr"] {
        top: 12px;
        right: 12px;
        flex-direction: column;
        align-items: flex-end;
    }

    #voice_call.rad_call .rad_call-stage-panel-anchor[data-rad-call-panel-anchor="stage-br"] {
        right: 12px;
        bottom: 12px;
        flex-direction: row;
        align-items: flex-end;
    }

    #voice_call.rad_call .rad_call-stage-panel-anchor[data-rad-call-panel-anchor="stage-bl"] {
        left: 12px;
        bottom: 12px;
    }

    #voice_call.rad_call .rad_call-stage-panel-anchor .rad_call-panel--tr {
        flex-direction: column;
        align-items: flex-end;
    }

    #voice_call.rad_call .rad_call-stage-panel-anchor .rad_call-secondary-controls {
        flex-direction: column;
        align-items: flex-end;
    }
}

#voice_call.rad_call .rad_call-secondary-controls {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

#voice_call.rad_call [data-act="secondary-toggle"].is-active {
    border-color: rgba(106, 163, 255, 0.45);
}

#voice_call.rad_call [data-act="secondary-toggle"][data-secondary-display="stage"].is-active {
    border-color: rgba(106, 163, 255, 0.55);
}

#voice_call.rad_call .rad_call-btn {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    background: var(--rad-call-panel-bg);
    backdrop-filter: blur(10px);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    transition: background 0.15s ease, border-color 0.15s ease;
}

#voice_call.rad_call .rad_call-btn:hover:not(:disabled) {
    background: rgba(40, 40, 48, 0.92);
    border-color: rgba(255, 255, 255, 0.28);
}

#voice_call.rad_call .rad_call-btn:disabled,
#voice_call.rad_call .rad_call-btn.is-stub {
    opacity: 0.38;
    cursor: default;
}

#voice_call.rad_call .rad_call-btn.is-active {
    border-color: var(--rad-call-accent);
    background: rgba(106, 163, 255, 0.2);
}

#voice_call.rad_call .rad_call-btn.is-off {
    opacity: 0.55;
}

#voice_call.rad_call .rad_call-btn--danger {
    border-color: rgba(230, 90, 90, 0.5);
}

#voice_call.rad_call .rad_call-btn--danger:hover:not(:disabled) {
    background: rgba(180, 50, 50, 0.35);
}

#voice_call.rad_call .rad_call-btn-icon {
    width: 22px;
    height: 22px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    opacity: 0.95;
    flex-shrink: 0;
}

#voice_call.rad_call .rad_call-btn-label {
    display: none;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    max-width: 72px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.92;
}

@container rad-call (min-width: 800px) {
    #voice_call.rad_call .rad_call-btn:has(.rad_call-btn-label) {
        width: auto;
        min-width: 55px;
        max-width: 80px;
        height: auto;
        min-height: 44px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 5px 7px 6px;
        box-sizing: border-box;
    }

    #voice_call.rad_call .rad_call-btn-label {
        display: block;
    }

    #voice_call.rad_call .rad_call-toolbar-zone--center {
        flex-wrap: wrap;
        justify-content: center;
    }
}

#voice_call.rad_call .rad_call-btn-icon--secondary-stage { background-image: url('../../ico/bt/picture-in-picture.svg'); }
#voice_call.rad_call .rad_call-btn-icon--secondary-radl { background-image: url('../../ico/bt/article.svg'); }

#voice_call.rad_call .rad_call-btn-icon--link { background-image: url('../../ico/bt/link.svg'); }
#voice_call.rad_call .rad_call-btn-icon--leave { background-image: url('../../ico/bt/call-end.svg'); }
#voice_call.rad_call .rad_call-btn-icon--rec-video { background-image: url('../../ico/bt/videocam.svg'); }
#voice_call.rad_call .rad_call-btn-icon--rec-audio { background-image: url('../../ico/bt/mic.svg'); }
#voice_call.rad_call .rad_call-btn-icon--secondary { background-image: url('../../ico/bt/slideshow.svg'); }
#voice_call.rad_call .rad_call-btn-icon--layout { background-image: url('../../ico/bt/table-chart.svg'); }
#voice_call.rad_call .rad_call-btn-icon--pip { background-image: url('../../ico/bt/picture-in-picture.svg'); }
#voice_call.rad_call .rad_call-btn-icon--call-fs { background-image: url('../../ico/bt/fullscreen.svg'); }
#voice_call.rad_call .rad_call-btn.is-fs-on .rad_call-btn-icon--call-fs { background-image: url('../../ico/bt/fullscreen-exit.svg'); }

#voice_call:fullscreen,
#voice_call:-webkit-full-screen,
#voice_call.is-call-immersive {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    background: var(--rad-call-bg, var(--color-ui-bg, #3d3d3d));
}

#voice_call.is-call-immersive {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000000 !important;
    max-width: none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

html[data-voice-call-immersive="1"] #RAD_Call {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    border-right: none !important;
}

/* Компактный UI (мобилка / ≤900px): вторая область и PiP скрыты по умолчанию в JS */
html[data-rad-call-compact="1"] #voice_call.rad_call [data-act="pip"],
html[data-rad-call-compact="1"] #voice_call.rad_call .rad_call-secondary-controls {
    display: none !important;
}

#voice_call.rad_call .rad_call-btn[data-act="toggle-chat"] {
    position: relative;
}

#voice_call.rad_call .rad_call-btn[data-act="toggle-chat"] .lac_unread_badge {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    background: #e74c3c;
    color: #fff;
    pointer-events: none;
    box-sizing: border-box;
}

/* Полноэкран на мобилке: только сцена + выход из FS (справа снизу) и отключение (слева снизу) */
#voice_call .rad_call-mobile-fs-chrome {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000001;
    pointer-events: none;
}

html[data-rad-call-compact="1"] #voice_call.is-call-immersive .rad_call-header,
html[data-rad-call-compact="1"] #voice_call.is-call-immersive .rad_call-toolbar,
html[data-rad-call-compact="1"] #voice_call.is-call-immersive .rad_call-panel,
html[data-rad-call-compact="1"] #voice_call.is-call-immersive #voice_call_secondary {
    display: none !important;
}

html[data-rad-call-compact="1"] #voice_call.is-call-immersive .rad_call-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
}

html[data-rad-call-compact="1"] #voice_call.is-call-immersive .rad_call-stage-wrap {
    flex: 1 1 auto;
    min-height: 0;
    border: none;
}

html[data-rad-call-compact="1"] #voice_call.is-call-immersive .rad_call-mobile-fs-chrome:not([hidden]) {
    display: block;
}

#voice_call .rad_call-mobile-fs-btn {
    position: absolute;
    bottom: 16px;
    pointer-events: auto;
    z-index: 2;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
}

#voice_call .rad_call-mobile-fs-btn--leave {
    left: 16px;
}

#voice_call .rad_call-mobile-fs-btn--exit-fs {
    right: 16px;
}
#voice_call.rad_call .rad_call-btn-icon--sound { background-image: url('../../ico/bt/volume-up.svg'); }
#voice_call.rad_call .rad_call-btn.is-off .rad_call-btn-icon--sound { background-image: url('../../ico/bt/volume-off.svg'); }
#voice_call.rad_call .rad_call-btn-icon--mic { background-image: url('../../ico/bt/mic.svg'); }
#voice_call.rad_call .rad_call-btn.is-off .rad_call-btn-icon--mic { background-image: url('../../ico/bt/mic-off.svg'); }
#voice_call.rad_call .rad_call-btn-icon--video { background-image: url('../../ico/bt/videocam.svg'); }
#voice_call.rad_call .rad_call-btn.is-off .rad_call-btn-icon--video { background-image: url('../../ico/bt/videocam-off.svg'); }
#voice_call.rad_call .rad_call-btn-icon--screen { background-image: url('../../ico/bt/screen-share-white.svg'); }
#voice_call.rad_call .rad_call-btn-icon--chat { background-image: url('../../ico/bt/article.svg'); }
#voice_call.rad_call .rad_call-btn-icon--timer { background-image: url('../../ico/bt/notifications.svg'); opacity: 0.5; }
#voice_call.rad_call .rad_call-btn-icon--hand { background-image: url('../../ico/bt/person-add.svg'); opacity: 0.5; }
#voice_call.rad_call .rad_call-btn-icon--react { background-image: url('../../ico/bt/emoji-emotions.svg'); opacity: 0.5; }
#voice_call.rad_call .rad_call-btn-icon--sfx { background-image: url('../../ico/bt/queue-music.svg'); opacity: 0.5; }

#voice_call.rad_call .rad_call-layout-mode-wrap {
    position: relative;
    flex: 0 0 auto;
}

#voice_call.rad_call .rad_call-layout-mode-label {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    width: max-content;
    max-width: 160px;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    color: rgba(255, 255, 255, 0.92);
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 1s ease, transform 0.35s ease;
    pointer-events: none;
    z-index: 3;
}

#voice_call.rad_call .rad_call-layout-mode-label.is-visible {
    opacity: 1;
    transform: translateY(0);
}

#voice_call.rad_call .rad_call-layout-mode-label.is-fading {
    opacity: 0;
    transform: translateY(-2px);
}

#voice_call.rad_call .rad_call-layout-mode-label[hidden] {
    display: none !important;
}

#voice_call.rad_call .rad_call-btn-icon--layout-zeus { background-image: url('../../ico/bt/table-chart.svg'); }
#voice_call.rad_call .rad_call-btn-icon--layout-aphrodite { background-image: url('../../ico/bt/person-white.svg'); }
#voice_call.rad_call .rad_call-btn-icon--layout-cupid { background-image: url('../../ico/bt/people.svg'); }
#voice_call.rad_call .rad_call-btn-icon--layout-anubis { background-image: url('../../ico/bt/slideshow.svg'); }
#voice_call.rad_call .rad_call-btn-icon--layout-loki { background-image: url('../../ico/bt/feed.svg'); }

#voice_call.rad_call #rad_call_stage_tiles.rad_call-tiles.is-dual {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
    align-content: center;
    align-items: center;
    justify-items: center;
    padding: 12px;
    box-sizing: border-box;
}

#voice_call.rad_call #rad_call_stage_tiles.rad_call-tiles.is-dual .voice_stage-tile {
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: min(100%, 500px);
    max-height: min(100%, 500px);
    height: auto;
    min-width: 0;
    min-height: 0;
    cursor: pointer;
    justify-self: center;
}

#voice_call.rad_call #rad_call_stage_tiles.rad_call-tiles.is-scroll {
    align-content: start;
}

#voice_call.rad_call #rad_call_stage[data-voice-layout-mode="zeus"] #rad_call_stage_tiles .voice_stage-tile:not(.is-overflow),
#voice_call.rad_call #rad_call_stage[data-voice-layout-mode="loki"] #rad_call_stage_tiles .voice_stage-tile:not(.is-overflow),
#voice_call.rad_call #rad_call_stage[data-voice-layout-mode="cupid"] #rad_call_stage_tiles .voice_stage-tile:not(.is-overflow) {
    cursor: pointer;
}

#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="1"] {
    grid-template-columns: 1fr;
}

#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="2"] {
    grid-template-columns: 1fr 1fr;
}

#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="3"],
#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="4"] {
    grid-template-columns: 1fr 1fr;
}

#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="5"],
#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="6"] {
    grid-template-columns: repeat(3, 1fr);
}

#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="7"],
#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="8"],
#voice_call.rad_call #rad_call_stage_tiles[data-tile-count="9"] {
    grid-template-columns: repeat(3, 1fr);
}

/* Сетка без разворота: квадрат вписывается в ячейку и в высоту контейнера */
#voice_call.rad_call #rad_call_stage_tiles.rad_call-tiles > .voice_stage-tile {
    width: auto;
    height: auto;
    max-width: min(500px, 100%);
    max-height: min(500px, 100%, 100cqh);
    aspect-ratio: 1 / 1;
}

#voice_call.rad_call #rad_call_stage:not(.rad_call-has-spotlight) #rad_call_stage_tiles.rad_call-tiles:not(.is-dual) > .voice_stage-tile {
    width: min(500px, 100%, 100cqh);
    max-width: min(500px, 100%);
    max-height: min(500px, 100%, 100cqh);
}

#voice_call.rad_call #rad_call_stage.rad_call-main-only.rad_call-has-spotlight #rad_call_stage_tiles:empty {
    display: none !important;
}

#voice_call.rad_call #rad_call_stage.rad_call-main-only.rad_call-has-spotlight #rad_call_stage_main {
    cursor: pointer;
}

#voice_call.rad_call .voice_stage-tile-avatar,
#voice_call_secondary .voice_stage-tile-avatar,
#RADL_call_other .voice_stage-tile-avatar {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-color: #1a1a22;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
    text-align: center;
    line-height: 1.1;
}

#voice_call.rad_call .voice_stage-tile .voice_stage-tile-avatar:not([hidden]),
#voice_call_secondary .voice_stage-tile .voice_stage-tile-avatar:not([hidden]),
#RADL_call_other .voice_stage-tile .voice_stage-tile-avatar:not([hidden]) {
    position: relative;
    inset: auto;
    flex: 0 0 auto;
    width: clamp(44px, 44%, 128px);
    max-width: calc(100% - 16px);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    font-size: clamp(12px, 22%, 26px);
}

#voice_call.rad_call .voice_stage-tile.has-avatar,
#voice_call_secondary .voice_stage-tile.has-avatar,
#RADL_call_other .voice_stage-tile.has-avatar {
    cursor: pointer;
}

#voice_call.rad_call .voice_stage-tile.is-overflow {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

#voice_call.rad_call .voice_stage-tile.is-overflow .voice_stage-tile-name {
    position: static;
    font-size: 22px;
    font-weight: 700;
}

#voice_call.rad_call .voice_stage-main-avatar {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-color: #141418;
    font-size: clamp(28px, 6vw, 48px);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

/* Развёрнутая плитка без видео — тот же вид, что в сетке: круглый аватар и имя снизу */
#voice_call.rad_call #rad_call_stage_main.is-avatar-spotlight {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #14141a;
}

#voice_call.rad_call #rad_call_stage_main.is-avatar-spotlight .voice_stage-main-avatar-tile.voice_stage-tile {
    position: relative;
    inset: auto;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    min-height: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}

#voice_call.rad_call #rad_call_stage_main.is-avatar-spotlight .voice_stage-main-avatar-tile .voice_stage-tile-avatar:not([hidden]) {
    width: clamp(72px, 28vmin, 200px);
    max-width: min(200px, 80%);
    font-size: clamp(18px, 5vmin, 36px);
}

#voice_call.rad_call #rad_call_stage_main.is-avatar-spotlight .voice_stage-main-avatar-tile .voice_stage-tile-name {
    font-size: clamp(13px, 2.2vmin, 18px);
    max-width: min(420px, 92%);
}

#voice_call.rad_call .rad_call-secondary-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 80px;
    padding: 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
}

#voice_call.rad_call .rad_call-tiles--secondary[data-tile-count="1"] {
    grid-template-columns: 1fr;
}

#voice_call.rad_call .rad_call-tiles--secondary[data-tile-count="2"] {
    grid-template-columns: 1fr 1fr;
}

#voice_call.rad_call .rad_call-tiles--secondary[data-tile-count="3"],
#voice_call.rad_call .rad_call-tiles--secondary[data-tile-count="4"] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

#voice_call.rad_call .rad_call-tiles--secondary[data-tile-count="5"],
#voice_call.rad_call .rad_call-tiles--secondary[data-tile-count="6"] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr;
}

/* Вторая область: фиксированный квадратный контейнер, видео не раздувает layout */
#voice_call_secondary.rad_call-secondary {
    position: absolute;
    top: 12px;
    right: 65px;
    z-index: 6;
    box-sizing: border-box;
    width: min(200px, calc(100% - 80px));
    height: min(200px, calc(100% - 80px));
    max-width: 200px;
    max-height: 200px;
    border-radius: 12px;
    border: 1px solid var(--rad-call-border);
    background: #08080a;
    overflow: hidden;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.55);
    pointer-events: auto;
}

#voice_call.rad_call .rad_call-secondary[hidden] {
    display: none !important;
}

#voice_call_secondary .rad_call-secondary-inner {
    position: absolute;
    inset: 0;
    padding: 8px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#voice_call_secondary .rad_call-secondary-inner .voice_stage-tiles,
#voice_call_secondary .rad_call-secondary-inner .rad_call-tiles--secondary {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow: hidden;
}

#voice_call_secondary .rad_call-tiles--secondary .voice_stage-tile {
    position: relative;
    flex: 0 0 auto;
    width: min(100%, 184px);
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1 / 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    overflow: clip;
    contain: layout paint;
}

#voice_call_secondary .rad_call-tiles--secondary .voice_stage-tile video,
#voice_call_secondary .rad_call-tiles--secondary .voice_stage-tile .voice_stage-tile-video {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
}

/* Вторая область над чатом: не дублировать плавающий блок на сцене #RAD_Call */
html[data-voice-secondary-open="1"][data-voice-secondary-placement="radl"]:not([data-voice-call-chat-hidden="1"]) #RAD_Call #voice_call_secondary.rad_call-secondary {
    display: none !important;
    pointer-events: none;
}

/* Вспомогательная область над чатом (RADL_call_other) */
#RADL_call_other #voice_call_secondary.rad_call-secondary {
    position: relative;
    top: auto;
    right: auto;
    z-index: auto;
    width: 100%;
    height: 140px;
    max-width: none;
    max-height: 160px;
    min-height: 120px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

#RADL_call_other #voice_call_secondary .rad_call-tiles--secondary .voice_stage-tile {
    width: min(120px, 100%);
    max-height: calc(100% - 4px);
}

/* 3. Нижняя панель */
#voice_call.rad_call .rad_call-toolbar {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    padding: 12px 14px 14px;
    background: var(--rad-call-surface);
}

#voice_call.rad_call .rad_call-toolbar-zone {
    display: flex;
    align-items: center;
    gap: 8px;
}

#voice_call.rad_call .rad_call-toolbar-zone--left {
    justify-content: flex-start;
}

#voice_call.rad_call .rad_call-toolbar-zone--center {
    justify-content: center;
    flex-wrap: wrap;
}

#voice_call.rad_call .rad_call-toolbar-zone--right {
    justify-content: flex-end;
}

@media (max-width: 900px) {
    html[data-project-audio-channel="1"] #RAD {
        flex-direction: column;
    }

    html[data-project-audio-channel="1"] #RAD_Call {
        flex: 1 1 50%;
        max-width: none;
        border-right: none;
        border-bottom: 1px solid var(--color-null-element-border);
    }

    html[data-project-audio-channel="1"] #RADL {
        flex: 1 1 50%;
        max-width: none;
        min-width: 0;
    }

    html[data-project-audio-channel="1"][data-voice-call-chat-hidden="1"] #RAD_Call {
        flex: 1 1 100%;
        border-bottom: none;
    }

    #voice_call.rad_call .rad_call-header {
        padding: 8px 10px;
    }

    @container rad-call (max-width: 750px) {
        #voice_call.rad_call .rad_call-btn:has(.rad_call-btn-label) {
            width: 40px;
            height: 40px;
            flex-direction: row;
            padding: 0;
        }
    }

    #voice_call.rad_call #rad_call_stage_tiles.rad_call-tiles {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        padding: 10px;
    }
}