:root {
    --woo-bg: #070a12;
    --woo-rail: #090d18;
    --woo-panel: rgba(12, 18, 31, .94);
    --woo-panel-2: rgba(16, 24, 39, .96);
    --woo-card: rgba(20, 30, 48, .78);
    --woo-line: rgba(148, 163, 184, .16);
    --woo-line-strong: rgba(45, 212, 191, .34);
    --woo-text: #f7fbff;
    --woo-muted: #9fb0c6;
    --woo-soft: #cbd5e1;
    --woo-teal: #2dd4bf;
    --woo-cyan: #38bdf8;
    --woo-red: #ef233c;
    --woo-gold: #f5c451;
    --woo-radius: 8px;
    --woo-shadow: 0 18px 46px rgba(0, 0, 0, .30);
}

/* Channel form controls: visible native actions in dark mode */
body.incallx .whitoo-compact-channel-modal .whitoo-date-control,
body.incallx .whitoo-compact-channel-modal .whitoo-number-stepper{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;align-items:stretch;gap:7px}
body.incallx .whitoo-compact-channel-modal .whitoo-number-stepper{grid-template-columns:42px minmax(0,1fr) 42px}
body.incallx .whitoo-compact-channel-modal .whitoo-step-btn,
body.incallx .whitoo-compact-channel-modal .whitoo-date-picker-btn{display:grid;place-items:center;min-width:42px;height:44px;padding:0;border:1px solid rgba(251,45,73,.34);border-radius:12px;background:linear-gradient(145deg,rgba(255,41,72,.18),rgba(10,16,24,.96));color:#ff4964;font-size:17px;box-shadow:inset 0 1px rgba(255,255,255,.04);transition:.16s ease}
body.incallx .whitoo-compact-channel-modal .whitoo-step-btn:hover,
body.incallx .whitoo-compact-channel-modal .whitoo-date-picker-btn:hover{border-color:#ff3654;background:linear-gradient(145deg,#ff2948,#a81931);color:#fff;transform:translateY(-1px)}
body.incallx .whitoo-compact-channel-modal .whitoo-step-btn:active,
body.incallx .whitoo-compact-channel-modal .whitoo-date-picker-btn:active{transform:translateY(0) scale(.96)}
body.incallx .whitoo-compact-channel-modal #group_order{text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
body.incallx .whitoo-compact-channel-modal input[type=number]::-webkit-inner-spin-button,
body.incallx .whitoo-compact-channel-modal input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}
body.incallx .whitoo-compact-channel-modal input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;width:0;padding:0;margin:0}
/* Mobile account popover compact final 20260614 */
@media (max-width: 768px) {
    body.incallx .lt-account-menu.whitoo-mobile-account-portal,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal.show {
        left: 64px !important;
        right: auto !important;
        top: auto !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 104px) !important;
        width: 224px !important;
        min-width: 0 !important;
        max-width: 224px !important;
        max-height: min(348px, calc(100dvh - 170px)) !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: linear-gradient(145deg, rgba(7, 18, 29, .99), rgba(14, 17, 30, .98) 62%, rgba(42, 10, 25, .98)) !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head {
        min-height: 42px !important;
        grid-template-columns: 32px 1fr 28px !important;
        gap: 7px !important;
        padding: 6px 7px !important;
        border-radius: 14px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head img {
        width: 30px !important;
        height: 30px !important;
        border-radius: 11px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-name {
        max-width: 118px !important;
        font-size: 13px !important;
        line-height: 16px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-meta {
        max-width: 118px !important;
        font-size: 11px !important;
        line-height: 14px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-arrow {
        width: 28px !important;
        height: 28px !important;
        display: inline-grid !important;
        place-items: center !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row {
        min-height: 30px !important;
        padding: 3px !important;
        gap: 3px !important;
        border-radius: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status {
        height: 24px !important;
        min-height: 24px !important;
        border-radius: 10px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status i {
        width: 11px !important;
        height: 11px !important;
        font-size: 11px !important;
        line-height: 11px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row {
        gap: 6px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only {
        min-height: 42px !important;
        gap: 3px !important;
        padding: 5px !important;
        border-radius: 13px !important;
        font-size: 10px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only i {
        font-size: 17px !important;
        line-height: 17px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal a[href*="dashboard"] {
        min-height: 34px !important;
        padding: 6px 8px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs {
        grid-template-columns: 18px 1fr !important;
        gap: 4px !important;
        padding: 5px !important;
        border-radius: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-title i {
        font-size: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid {
        gap: 3px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid a {
        min-height: 23px !important;
        padding: 0 2px !important;
        border-radius: 10px !important;
        font-size: 8px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-logout {
        min-height: 36px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
    }
}
body.incallx {
    background:
        linear-gradient(180deg, rgba(45, 212, 191, .08), transparent 260px),
        linear-gradient(135deg, #070a12 0%, #0c1220 48%, #080b14 100%) !important;
    color: var(--woo-text);
}
body.incallx #wrapper,
body.incallx .wrapper {
    background: transparent;
}

body.incallx .room-bar {
    width: 74px;
    padding: 10px 0;
    background: linear-gradient(180deg, #070a12, #0b101d) !important;
    border-right: 1px solid rgba(45, 212, 191, .14);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .03);
}

body.incallx .mini-brand {
    padding: 8px 0 12px;
}

body.incallx .mini-brand img {
    max-width: 44px;
    max-height: 44px;
    filter: drop-shadow(0 10px 22px rgba(45, 212, 191, .28));
}

body.incallx .mini-brand-seperator {
    width: 38px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(45, 212, 191, .58), transparent) !important;
}

body.incallx .room-list {
    margin-top: 12px;
    padding: 0 0 8px;
}

body.incallx .chatroom-item,
body.incallx .private-messages .private-item,
body.incallx .action-item {
    width: 50px;
    height: 50px;
    border-radius: var(--woo-radius) !important;
    border: 1px solid rgba(148, 163, 184, .14);
    background: linear-gradient(145deg, rgba(20, 30, 48, .96), rgba(9, 13, 24, .96)) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .26);
}

body.incallx .chatroom-item:hover,
body.incallx .private-messages .private-item:hover,
body.incallx .action-item:hover,
body.incallx .room-list-item.active .chatroom-item,
body.incallx .private-messages.active .private-item,
body.incallx .action-item.active {
    border-color: var(--woo-line-strong);
    background: linear-gradient(145deg, rgba(20, 184, 166, .22), rgba(15, 23, 42, .96)) !important;
    box-shadow: 0 0 0 3px rgba(45, 212, 191, .08), 0 16px 30px rgba(0, 0, 0, .34);
}

body.incallx .room-bar .ti,
body.incallx .private-item i,
body.incallx .action-item i {
    color: #dbeafe !important;
}

body.incallx .pill {
    width: 4px !important;
    background: linear-gradient(180deg, var(--woo-teal), var(--woo-cyan)) !important;
    border-radius: 0 999px 999px 0 !important;
}

body.incallx .sidebar-wrapper,
body.incallx .channel-bar,
body.incallx .rightbar-wrapper {
    background: var(--woo-panel) !important;
    border-color: var(--woo-line) !important;
}

body.incallx .sidebar-wrapper {
    width: 260px;
    min-width: 260px;
}

body.incallx:has(#main-explore.active.show) {
    overflow-x: hidden !important;
}

body.incallx:has(#main-explore.active.show) #wrapper,
body.incallx:has(#main-explore.active.show) .main-container,
body.incallx:has(#main-explore.active.show) .main-tab-content {
    min-width: 0 !important;
    overflow-x: hidden !important;
}

body.incallx:has(#main-explore.active.show) #sidebar-wrapper {
    display: none !important;
}

body.incallx:has(#main-explore.active.show) .main-container,
body.incallx:has(#main-explore.active.show) .main-tab-content,
body.incallx:has(#main-explore.active.show) #main-explore,
body.incallx:has(#main-explore.active.show) #main-explore .page-content-wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

body.incallx:has(#main-explore.active.show) #main-explore .page-content-wrapper {
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 51, 71, .10), transparent 28%),
        radial-gradient(circle at 88% 20%, rgba(32, 224, 196, .10), transparent 28%),
        #050811 !important;
    overflow-x: hidden;
}

body.incallx .channel-bar {
    width: 260px;
}

body.incallx .rightbar-wrapper {
    width: 280px;
    min-width: 280px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .03);
}

body.incallx .topbar,
body.incallx .topbar-channels,
body.incallx .topbar-private,
body.incallx .navbar.topbar {
    min-height: 58px;
    background: rgba(7, 10, 18, .76) !important;
    border-bottom: 1px solid var(--woo-line) !important;
    backdrop-filter: blur(18px);
}

body.incallx .room-title,
body.incallx .top-channel-name,
body.incallx .channel-name,
body.incallx .disc-header {
    color: var(--woo-text) !important;
    letter-spacing: 0;
}

body.incallx .room-title {
    max-width: 205px;
    gap: 8px;
}

body.incallx.whitoo-match-room .room-bar,
body.incallx.whitoo-match-room .channel-bar,
body.incallx.whitoo-match-room .rightbar-wrapper,
body.incallx.whitoo-match-room .sidebar-wrapper {
    display: none !important;
}

body.incallx.whitoo-match-room #wrapper,
body.incallx.whitoo-match-room .main-container,
body.incallx.whitoo-match-room .tab-content,
body.incallx.whitoo-match-room .tab-pane,
body.incallx.whitoo-match-room .page-content-wrapper {
    width: 100% !important;
    max-width: none !important;
}

body.incallx.whitoo-match-room .navbar.topbar {
    padding-inline: 18px;
}

body.incallx.whitoo-match-room .sidebarToggle {
    display: none !important;
}

body.incallx.whitoo-match-room .chat-scroll,
body.incallx.whitoo-match-room .group-chat,
body.incallx.whitoo-match-room .chat-content {
    background:
        radial-gradient(circle at 72% 18%, rgba(35, 213, 208, .16), transparent 34%),
        radial-gradient(circle at 20% 78%, rgba(255, 75, 104, .13), transparent 38%),
        #070a12 !important;
}

body.incallx.lt-game-active .lt-game-room-shell {
    max-width: 1360px;
    margin: 8px auto;
    container-type: inline-size;
}

body.incallx.lt-game-active .chats {
    container-type: inline-size;
}

body.incallx.lt-game-active .lt-game-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 14px;
    align-items: stretch;
}

body.incallx.lt-game-active .lt-game-main {
    min-width: 0;
}

body.incallx.lt-game-active .lt-game-hero {
    max-width: 1360px;
    margin-bottom: 8px;
}

body.incallx.lt-game-active .lt-game-hero h2 {
    font-size: clamp(24px, 2.4vw, 34px);
    letter-spacing: 0;
}

body.incallx.lt-game-active .lt-game-hero p {
    max-width: 720px;
}

body.incallx.lt-game-active .lt-game-arena {
    max-width: none;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 10px;
}

body.incallx.lt-game-active .lt-game-player {
    min-height: 92px;
    border-radius: 18px;
    gap: 5px;
}

body.incallx.lt-game-active .lt-game-player img {
    width: 38px;
    height: 38px;
    border-width: 2px;
}

body.incallx.lt-game-active .lt-game-player.is-empty i {
    width: 34px;
    height: 34px;
    border-radius: 14px;
    font-size: 20px;
}

body.incallx.lt-game-active .lt-game-player strong {
    font-size: 12px;
}

body.incallx.lt-game-active .lt-game-player span,
body.incallx.lt-game-active .lt-game-member-role {
    font-size: 10px;
}

body.incallx.lt-game-active .lt-game-audio {
    max-width: none;
    margin-top: 10px;
    justify-content: flex-start;
    gap: 8px;
}

body.incallx.lt-game-active .lt-game-audio-btn {
    min-height: 34px;
    padding: 0 11px;
    font-size: 12px;
    box-shadow: none;
}

body.incallx.lt-game-active .lt-game-hub {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 22px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 75, 104, .16), transparent 32%),
        radial-gradient(circle at 94% 16%, rgba(45, 212, 191, .16), transparent 30%),
        linear-gradient(135deg, rgba(11, 18, 32, .92), rgba(8, 13, 25, .94));
    box-shadow: 0 22px 70px rgba(0, 0, 0, .30);
}

body.incallx.lt-game-active .lt-game-hub-head,
body.incallx.lt-game-active .lt-game-hub-current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

body.incallx.lt-game-active .lt-game-hub-current.is-starting {
    border-color: rgba(45, 212, 191, .36);
    background: rgba(45, 212, 191, .09);
    box-shadow: inset 0 0 0 1px rgba(45, 212, 191, .08), 0 16px 46px rgba(45, 212, 191, .08);
}

body.incallx.lt-game-active .lt-game-hub-head span {
    display: block;
    color: #ff4967;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx.lt-game-active .lt-game-hub-head h3 {
    margin: 3px 0 0;
    color: #fff;
    font-size: clamp(18px, 1.8vw, 25px);
    line-height: 1.1;
    letter-spacing: 0;
}

body.incallx.lt-game-active .lt-game-hub-head b {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(45, 212, 191, .24);
    border-radius: 999px;
    background: rgba(45, 212, 191, .09);
    color: #7df5e7;
    font-size: 11px;
    white-space: nowrap;
}

body.incallx.lt-game-active .lt-game-hub-current {
    justify-content: flex-start;
    margin: 10px 0;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: rgba(255, 255, 255, .045);
}

body.incallx.lt-game-active .lt-game-hub-current > i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff3158, #2dd4bf);
    color: #fff;
    font-size: 20px;
}

body.incallx.lt-game-active .lt-game-hub-current strong,
body.incallx.lt-game-active .lt-game-hub-current small {
    display: block;
    overflow-wrap: anywhere;
}

body.incallx.lt-game-active .lt-game-hub-current strong {
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-game-hub-current small {
    margin-top: 2px;
    color: #9fb0c6;
    font-size: 12px;
    line-height: 1.4;
}

body.incallx.lt-game-active .lt-game-hub-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
    gap: 10px;
}

body.incallx.lt-game-active .lt-game-hub.is-external-mode .lt-game-hub-grid {
    grid-template-columns: 1fr;
}

body.incallx.lt-game-active .lt-game-hub-grid article {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 18px;
    background: rgba(3, 7, 18, .34);
}

body.incallx.lt-game-active .lt-game-hub-grid header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #dbeafe;
    font-size: 12px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-game-hub-grid header i {
    color: #2dd4bf;
}

body.incallx.lt-game-active .lt-game-hub-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

body.incallx.lt-game-active .lt-game-hub-card {
    min-height: 64px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    gap: 8px;
    align-items: center;
    text-align: left;
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 15px;
    background: rgba(15, 23, 42, .68);
    color: #eaf2ff;
    cursor: pointer;
    min-width: 0;
}

body.incallx.lt-game-active .lt-game-hub-card:disabled,
body.incallx.lt-game-active .lt-game-external-chip:disabled {
    cursor: not-allowed;
    opacity: .58;
}

body.incallx.lt-game-active .lt-game-hub-card > i {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 49, 88, .13);
    color: #ff4967;
    font-size: 18px;
}

body.incallx.lt-game-active .lt-game-hub-card strong,
body.incallx.lt-game-active .lt-game-hub-card small {
    display: block;
}

body.incallx.lt-game-active .lt-game-hub-card strong {
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx.lt-game-active .lt-game-hub-card small {
    margin-top: 2px;
    color: #8fa3bd;
    font-size: 11px;
}

body.incallx.lt-game-active .lt-game-hub-card em {
    grid-column: 1 / -1;
    justify-self: start;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(45, 212, 191, .11);
    color: #6ff7e7;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-game-hub-card.is-primary,
body.incallx.lt-game-active .lt-game-hub-card.is-selected,
body.incallx.lt-game-active .lt-game-external-chip.is-selected {
    border-color: rgba(45, 212, 191, .72);
    background:
        linear-gradient(135deg, rgba(45, 212, 191, .18), rgba(255, 49, 88, .12)),
        rgba(15, 23, 42, .78);
    box-shadow: inset 0 0 0 1px rgba(45, 212, 191, .18), 0 14px 34px rgba(45, 212, 191, .10);
}

body.incallx.lt-game-active .lt-game-hub-card,
body.incallx.lt-game-active .lt-game-external-chip {
    position: relative;
}

body.incallx.lt-game-active .lt-game-hub-card.is-selected::after,
body.incallx.lt-game-active .lt-game-external-chip.is-selected::after {
    content: "\2713";
    display: grid;
    place-items: center;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2dd4bf;
    color: #031018;
    font-size: 12px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-game-external-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.incallx.lt-game-active .lt-game-external-chip {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 999px;
    background: rgba(15, 23, 42, .70);
    color: #dbeafe;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    max-width: 100%;
    white-space: normal;
}

body.incallx.lt-game-active .lt-game-external-chip i {
    color: #2dd4bf;
}

body.incallx.lt-game-active .lt-game-play-stage {
    margin: 8px 0 10px;
    padding: 12px;
    border: 1px solid rgba(255, 49, 88, .20);
    border-radius: 20px;
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 49, 88, .18), transparent 30%),
        rgba(4, 9, 20, .58);
}

body.incallx.lt-game-active .lt-game-play-stage.is-waiting {
    min-height: 96px;
    display: grid;
    place-items: center;
    text-align: center;
}

body.incallx.lt-game-active .lt-external-stage {
    min-height: 118px;
    display: grid;
    place-items: center;
    text-align: center;
    border-color: rgba(45, 212, 191, .26);
    background:
        radial-gradient(circle at 50% 0%, rgba(45, 212, 191, .20), transparent 34%),
        rgba(4, 9, 20, .58);
}

body.incallx.lt-game-active .lt-external-stage div {
    display: grid;
    gap: 6px;
    justify-items: center;
}

body.incallx.lt-game-active .lt-external-stage i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(45, 212, 191, .12);
    color: #2dd4bf;
    font-size: 24px;
}

body.incallx.lt-game-active .lt-external-stage span,
body.incallx.lt-game-active .lt-external-stage small {
    color: #9fb0c6;
    font-size: 12px;
    font-weight: 850;
}

body.incallx.lt-game-active .lt-external-stage strong {
    color: #fff;
    font-size: 24px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-back-mini-games {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 6px;
    padding: 0 14px;
    border: 1px solid rgba(45, 212, 191, .34);
    border-radius: 999px;
    background: rgba(45, 212, 191, .12);
    color: #7df5e7;
    font-size: 12px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-back-mini-games:hover {
    border-color: rgba(45, 212, 191, .64);
    background: rgba(45, 212, 191, .18);
}

body.incallx.lt-game-active .lt-mini-return-row {
    display: flex;
    justify-content: flex-end;
    margin: -2px 0 10px;
}

body.incallx.lt-game-active .lt-game-play-stage.is-waiting div {
    display: grid;
    gap: 6px;
    justify-items: center;
}

body.incallx.lt-game-active .lt-game-play-stage.is-waiting i {
    color: #2dd4bf;
    font-size: 24px;
}

body.incallx.lt-game-active .lt-game-play-stage header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

body.incallx.lt-game-active .lt-game-play-stage header span {
    color: #2dd4bf;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx.lt-game-active .lt-game-play-stage h4 {
    margin: 2px 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-game-reset {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid rgba(45, 212, 191, .24);
    border-radius: 999px;
    background: rgba(45, 212, 191, .10);
    color: #7df5e7;
    font-size: 11px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-xox-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    max-width: min(330px, 68vh);
    margin: 0 auto;
}

body.incallx.lt-game-active .lt-xox-cell {
    aspect-ratio: 1;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 16px;
    background: rgba(15, 23, 42, .78);
    color: #fff;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 950;
}

body.incallx.lt-game-active .lt-xox-cell.is-filled {
    border-color: rgba(255, 49, 88, .42);
    background: rgba(255, 49, 88, .14);
}

body.incallx.lt-game-active .lt-rps-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.incallx.lt-game-active .lt-rps-choice {
    min-height: 82px;
    display: grid;
    place-items: center;
    gap: 7px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 18px;
    background: rgba(15, 23, 42, .78);
    color: #fff;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-rps-choice.is-selected,
body.incallx.lt-game-active .lt-quiz-option.is-selected {
    border-color: rgba(45, 212, 191, .88);
    background:
        linear-gradient(135deg, rgba(45, 212, 191, .22), rgba(255, 49, 88, .12)),
        rgba(15, 23, 42, .88);
    box-shadow: inset 0 0 0 2px rgba(45, 212, 191, .22), 0 14px 34px rgba(45, 212, 191, .12);
}

body.incallx.lt-game-active .lt-rps-choice.is-selected i,
body.incallx.lt-game-active .lt-quiz-option.is-selected > span {
    color: #2dd4bf;
}

body.incallx.lt-game-active .lt-rps-choice i {
    color: #ff4967;
    font-size: 30px;
}

body.incallx.lt-game-active .lt-rps-choice strong,
body.incallx.lt-game-active .lt-rps-choice span,
body.incallx.lt-game-active .lt-quiz-option strong,
body.incallx.lt-game-active .lt-quiz-option em {
    display: block;
}

body.incallx.lt-game-active .lt-rps-choice span,
body.incallx.lt-game-active .lt-quiz-option em {
    color: #7df5e7;
    font-size: 11px;
    font-style: normal;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-quiz-stage h5 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-quiz-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.incallx.lt-game-active .lt-quiz-option {
    min-height: 78px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    text-align: left;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 16px;
    background: rgba(15, 23, 42, .78);
    color: #fff;
    cursor: pointer;
}

body.incallx.lt-game-active .lt-quiz-option > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 49, 88, .13);
    color: #ff4967;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-quiz-option.is-correct {
    border-color: rgba(34, 197, 94, .78);
    box-shadow: inset 0 0 0 2px rgba(34, 197, 94, .18);
}

body.incallx.lt-game-active .lt-draw-secret,
body.incallx.lt-game-active .lt-draw-guess {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(45, 212, 191, .20);
    border-radius: 16px;
    background: rgba(15, 23, 42, .72);
}

body.incallx.lt-game-active .lt-draw-stage {
    padding: 14px;
}

body.incallx.lt-game-active .lt-draw-stage header {
    margin-bottom: 12px;
}

body.incallx.lt-game-active .lt-draw-secret {
    grid-template-columns: 42px minmax(0, 1fr) auto auto;
    margin-bottom: 10px;
}

body.incallx.lt-game-active .lt-draw-secret i {
    color: #2dd4bf;
    font-size: 24px;
}

body.incallx.lt-game-active .lt-draw-secret span {
    color: #9fb0c6;
    font-size: 11px;
    font-weight: 900;
}

body.incallx.lt-game-active .lt-draw-secret strong {
    color: #fff;
    font-size: 22px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-draw-clear {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: #e5edf7;
    font-size: 12px;
    font-weight: 900;
}

body.incallx.lt-game-active .lt-draw-guess {
    grid-template-columns: minmax(0, 1fr) 44px;
    margin-bottom: 10px;
}

body.incallx.lt-game-active .lt-draw-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 12px;
    align-items: stretch;
}

body.incallx.lt-game-active .lt-draw-canvas-wrap {
    min-height: 260px;
    border: 1px solid rgba(45, 212, 191, .22);
    border-radius: 18px;
    background:
        linear-gradient(rgba(148, 163, 184, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .05) 1px, transparent 1px),
        #08111f;
    background-size: 24px 24px;
    overflow: hidden;
}

body.incallx.lt-game-active .lt-draw-canvas {
    width: 100%;
    height: 100%;
    display: block;
    touch-action: none;
    cursor: crosshair;
}

body.incallx.lt-game-active .lt-draw-canvas-wrap[data-can-draw="0"] .lt-draw-canvas {
    cursor: default;
}

body.incallx.lt-game-active .lt-draw-side {
    min-height: 0;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 16px;
    background: rgba(3, 7, 18, .34);
}

body.incallx.lt-game-active .lt-draw-side > strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-draw-guess-input {
    min-width: 0;
    height: 44px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 13px;
    background: rgba(3, 7, 18, .72);
    color: #fff;
    padding: 0 13px;
    outline: none;
}

body.incallx.lt-game-active .lt-draw-guess-send {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, #ff4b68, #2dd4bf);
    color: #fff;
}

body.incallx.lt-game-active .lt-draw-guesses {
    display: grid;
    gap: 7px;
    max-height: 214px;
    overflow-y: auto;
}

body.incallx.lt-game-active .lt-draw-guesses div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .045);
    color: #dbeafe;
    font-size: 12px;
}

body.incallx.lt-game-active .lt-game-play-stage p {
    margin: 12px 0 0;
    color: #dbeafe;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

body.incallx.lt-game-active .lt-game-chat-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 360px;
    border: 1px solid rgba(45, 212, 191, .20);
    border-radius: 18px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 75, 104, .14), transparent 34%),
        rgba(8, 14, 28, .82);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
    overflow: hidden;
}

body.incallx.lt-game-active .lt-game-chat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

body.incallx.lt-game-active .lt-game-chat-head strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-game-chat-head i {
    color: #2dd4bf !important;
}

body.incallx.lt-game-active .lt-game-chat-head span {
    color: #9fb0c6;
    font-size: 11px;
    font-weight: 850;
}

body.incallx.lt-game-active .lt-game-chat-list {
    min-height: 0;
    overflow-y: auto;
    padding: 12px;
}

body.incallx.lt-game-active .lt-game-chat-msg {
    margin-bottom: 9px;
    padding: 9px 10px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 13px;
    background: rgba(15, 23, 42, .72);
}

body.incallx.lt-game-active .lt-game-chat-msg strong,
body.incallx.lt-game-active .lt-game-chat-msg span {
    display: block;
}

body.incallx.lt-game-active .lt-game-chat-msg strong {
    color: #67e8f9;
    font-size: 12px;
    font-weight: 950;
}

body.incallx.lt-game-active .lt-game-chat-msg span {
    margin-top: 3px;
    color: #e5edf7;
    font-size: 13px;
    line-height: 1.35;
    word-break: break-word;
}

body.incallx.lt-game-active .lt-game-chat-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid rgba(148, 163, 184, .12);
}

body.incallx.lt-game-active .lt-game-chat-input {
    min-width: 0;
    height: 42px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 13px;
    background: rgba(3, 7, 18, .72);
    color: #fff;
    padding: 0 12px;
    outline: none;
}

body.incallx.lt-game-active .lt-game-chat-send {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, #ff4b68, #2dd4bf);
    color: #fff;
}

body.incallx.lt-game-active .lt-game-room-shell.is-compact {
    padding: 12px;
}

body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-layout,
body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-hub-grid,
body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-draw-board {
    grid-template-columns: 1fr;
}

body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-hero,
body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-hub-head,
body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-hub-current {
    align-items: flex-start;
    flex-direction: column;
}

body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-arena {
    grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
}

body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-hub-cards,
body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-quiz-options,
body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-rps-grid {
    grid-template-columns: 1fr;
}

body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-external-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

body.incallx.lt-game-active .lt-game-room-shell.is-compact .lt-game-chat-panel {
    min-height: 260px;
}

body.incallx.lt-game-active .lt-game-room-shell.is-narrow {
    padding: 8px;
    margin: 0;
}

body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-hero p,
body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-hub-current small,
body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-chat-head span,
body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-member-role,
body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-member-state {
    display: none;
}

body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-arena,
body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-external-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.incallx.lt-game-active .lt-game-room-shell.is-narrow .lt-game-external-chip {
    min-height: 34px;
    padding: 0 9px;
    font-size: 11px;
}

@media (max-width: 991.98px) {
    body.incallx.lt-game-active .lt-game-layout {
        grid-template-columns: 1fr;
    }

    body.incallx.lt-game-active .lt-game-hub-grid {
        grid-template-columns: 1fr;
    }

    body.incallx.lt-game-active .lt-draw-board {
        grid-template-columns: 1fr;
    }

    body.incallx.lt-game-active .lt-draw-canvas-wrap {
        min-height: 220px;
    }

    body.incallx.lt-game-active .lt-game-chat-panel {
        min-height: 300px;
    }
}

@container (max-width: 760px) {
    body.incallx.lt-game-active .lt-game-room-shell {
        padding: 12px;
    }

    body.incallx.lt-game-active .lt-game-layout {
        grid-template-columns: 1fr;
    }

    body.incallx.lt-game-active .lt-game-hero {
        flex-direction: column;
        gap: 10px;
    }

    body.incallx.lt-game-active .lt-game-hero h2 {
        font-size: 24px;
        line-height: 1.05;
    }

    body.incallx.lt-game-active .lt-game-meta,
    body.incallx.lt-game-active .lt-game-controls,
    body.incallx.lt-game-active .lt-game-join {
        width: 100%;
    }

    body.incallx.lt-game-active .lt-game-arena {
        grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
    }

    body.incallx.lt-game-active .lt-game-player {
        min-height: 84px;
        padding: 8px 6px;
        border-radius: 14px;
    }

    body.incallx.lt-game-active .lt-game-hub {
        padding: 10px;
        border-radius: 18px;
    }

    body.incallx.lt-game-active .lt-game-hub-head,
    body.incallx.lt-game-active .lt-game-hub-current {
        align-items: flex-start;
        flex-direction: column;
    }

    body.incallx.lt-game-active .lt-game-hub-head b {
        white-space: normal;
    }

    body.incallx.lt-game-active .lt-game-hub-grid,
    body.incallx.lt-game-active .lt-game-hub-cards,
    body.incallx.lt-game-active .lt-quiz-options,
    body.incallx.lt-game-active .lt-rps-grid,
    body.incallx.lt-game-active .lt-draw-board {
        grid-template-columns: 1fr;
    }

    body.incallx.lt-game-active .lt-game-hub-card {
        min-height: 54px;
    }

    body.incallx.lt-game-active .lt-game-external-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    }

    body.incallx.lt-game-active .lt-game-external-chip {
        justify-content: flex-start;
        border-radius: 13px;
    }

    body.incallx.lt-game-active .lt-game-chat-panel {
        min-height: 260px;
    }

    body.incallx.lt-game-active .lt-game-audio {
        position: sticky;
        bottom: 8px;
        z-index: 3;
        padding: 8px;
        border: 1px solid rgba(148, 163, 184, .14);
        border-radius: 999px;
        background: rgba(7, 10, 18, .82);
        backdrop-filter: blur(14px);
    }
}

@container (max-width: 460px) {
    body.incallx.lt-game-active .lt-game-room-shell {
        padding: 8px;
        margin: 0;
    }

    body.incallx.lt-game-active .lt-game-hero p,
    body.incallx.lt-game-active .lt-game-hub-current small,
    body.incallx.lt-game-active .lt-game-chat-head span {
        display: none;
    }

    body.incallx.lt-game-active .lt-game-arena {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.incallx.lt-game-active .lt-game-player .lt-game-member-role,
    body.incallx.lt-game-active .lt-game-player .lt-game-member-state {
        display: none;
    }

    body.incallx.lt-game-active .lt-game-hub-grid article {
        padding: 8px;
    }

    body.incallx.lt-game-active .lt-game-external-list {
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }

    body.incallx.lt-game-active .lt-game-external-chip {
        min-height: 34px;
        padding: 0 9px;
        font-size: 11px;
    }

    body.incallx.lt-game-active .lt-game-chat-form {
        grid-template-columns: minmax(0, 1fr) 40px;
        padding: 9px;
    }
}

body.incallx .top-channel-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(45, 212, 191, .20);
    border-radius: var(--woo-radius);
    background: rgba(45, 212, 191, .08);
    color: var(--woo-teal);
}

body.incallx .top-channel-name {
    font-weight: 800;
}

body.incallx .navbar.topbar .nav-item,
body.incallx .navbar.topbar .btn-sm-round,
body.incallx .navbar.topbar .nav-link {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: var(--woo-radius);
    background: rgba(15, 23, 42, .62);
    color: #dbeafe !important;
}

body.incallx .navbar.topbar .nav-item:hover,
body.incallx .navbar.topbar .btn-sm-round:hover,
body.incallx .navbar.topbar .nav-link:hover {
    border-color: var(--woo-line-strong);
    background: rgba(45, 212, 191, .12);
}

body.incallx .channel-container,
body.incallx .sidebar-height-fix,
body.incallx .height-scroll-rpanel,
body.incallx .height-scroll-rpanelx,
body.incallx .chat-scroll,
body.incallx .messages {
    scrollbar-width: thin;
    scrollbar-color: rgba(45, 212, 191, .38) transparent;
}

body.incallx .channel-list {
    padding: 8px;
}

body.incallx .channel-cat {
    margin: 12px 8px 6px;
    color: var(--woo-muted) !important;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

body.incallx .channel-item,
body.incallx .room-manage-row,
body.incallx .disc-cat-row,
body.incallx .user-row,
body.incallx .private-list .user-list-item {
    border: 1px solid transparent;
    border-radius: var(--woo-radius);
    color: var(--woo-soft) !important;
}

body.incallx .channel-item:hover,
body.incallx .channel-item.active,
body.incallx .room-manage-row:hover,
body.incallx .disc-cat-row:hover,
body.incallx .user-row:hover,
body.incallx .private-list .user-list-item:hover {
    border-color: rgba(45, 212, 191, .16);
    background: rgba(45, 212, 191, .09) !important;
    color: var(--woo-text) !important;
}

body.incallx .lt-sidebar-shortcuts {
    position: relative;
    z-index: 6;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
    margin: 8px 12px 10px;
    padding: 8px;
    border: 1px solid rgba(45, 212, 191, .12) !important;
    border-radius: 17px;
    overflow: visible;
    background:
        radial-gradient(circle at 12% 0, rgba(255, 49, 88, .16), transparent 34%),
        radial-gradient(circle at 92% 16%, rgba(45, 212, 191, .12), transparent 30%),
        linear-gradient(145deg, rgba(15, 23, 42, .82), rgba(8, 13, 24, .92)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 22px rgba(0, 0, 0, .14) !important;
}

body.incallx .lt-sidebar-shortcut {
    position: relative;
    justify-content: center;
    min-width: 0;
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    overflow: visible;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, .12) !important;
    color: rgba(248, 250, 252, .94) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .026)),
        rgba(15, 23, 42, .72) !important;
    box-shadow: none !important;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body.incallx .lt-sidebar-shortcut::after {
    content: "";
    pointer-events: none;
}

body.incallx .lt-sidebar-shortcut span {
    position: absolute;
    left: 50%;
    top: calc(100% + 9px);
    z-index: 30;
    min-width: max-content;
    max-width: 150px;
    padding: 7px 10px;
    border: 1px solid rgba(45, 212, 191, .20);
    border-radius: 12px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(255, 49, 88, .16), rgba(45, 212, 191, .12)),
        rgba(8, 13, 24, .96);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%, 6px) scale(.96);
    transition: opacity .16s ease, transform .16s ease;
    pointer-events: none;
}

body.incallx .lt-sidebar-shortcut span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -4px;
    width: 8px;
    height: 8px;
    border-left: 1px solid rgba(45, 212, 191, .20);
    border-top: 1px solid rgba(45, 212, 191, .20);
    background: rgba(8, 13, 24, .96);
    transform: translateX(-50%) rotate(45deg);
}

body.incallx .lt-sidebar-shortcut i,
body.incallx .lt-sidebar-shortcut .ti {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    border-radius: 8px;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(255, 49, 88, .28), rgba(45, 212, 191, .16));
    font-size: 12px;
}

body.incallx .lt-sidebar-shortcut:hover {
    border-color: rgba(45, 212, 191, .32) !important;
    background:
        linear-gradient(135deg, rgba(45, 212, 191, .15), rgba(255, 49, 88, .12)),
        rgba(15, 23, 42, .88) !important;
    box-shadow: 0 12px 22px rgba(45, 212, 191, .10) !important;
    transform: translateY(-1px);
}

body.incallx .lt-sidebar-shortcut:hover span,
body.incallx .lt-sidebar-shortcut:focus-visible span {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

body.incallx .lt-plus-link i {
    background: linear-gradient(135deg, rgba(255, 193, 7, .34), rgba(255, 49, 88, .24));
}

body.incallx .lt-ref-link i {
    background: linear-gradient(135deg, rgba(45, 212, 191, .30), rgba(59, 130, 246, .18));
}

body.incallx .lt-cinema-link i {
    background: linear-gradient(135deg, rgba(168, 85, 247, .28), rgba(255, 49, 88, .22));
}

body.incallx .lt-games-link i {
    background: linear-gradient(135deg, rgba(59, 130, 246, .30), rgba(45, 212, 191, .18));
}

body.incallx .lt-market-link i {
    background: linear-gradient(135deg, rgba(45, 212, 191, .32), rgba(251, 146, 60, .20));
}

body.incallx .main-panel {
    background:
        linear-gradient(180deg, rgba(12, 18, 31, .38), rgba(7, 10, 18, .94)),
        var(--woo-bg);
}

body.incallx .messages {
    position: relative;
    padding: 22px;
    background:
        linear-gradient(rgba(148, 163, 184, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .028) 1px, transparent 1px),
        linear-gradient(180deg, rgba(9, 13, 24, .94), rgba(7, 10, 18, .98)) !important;
    background-size: 32px 32px, 32px 32px, auto !important;
}

body.incallx .chat-scroll {
    background: transparent;
}

body.incallx .cht {
    margin-bottom: 14px;
}

body.incallx .cht .message-data {
    max-width: min(720px, 78%);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: var(--woo-radius) !important;
    background: rgba(20, 30, 48, .82) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .20);
}

body.incallx .cht.replies .message-data {
    background: rgba(17, 24, 39, .86) !important;
}

body.incallx .cht.sent .message-data {
    border-color: rgba(45, 212, 191, .30);
    background: linear-gradient(135deg, rgba(20, 184, 166, .94), rgba(14, 116, 144, .94)) !important;
    color: #ffffff !important;
}

body.incallx .message-html,
body.incallx .chat-txt {
    color: inherit;
    line-height: 1.48;
}

body.incallx .message-meta,
body.incallx .message-time {
    color: rgba(203, 213, 225, .72) !important;
}

body.incallx .room-editor,
body.incallx .private-editor {
    padding: 12px 16px 16px;
    background: linear-gradient(180deg, rgba(7, 10, 18, .24), rgba(7, 10, 18, .92));
}

body.incallx .editor-wrap {
    position: relative;
}

body.incallx .editor-container.editor-controller {
    min-height: 58px;
    margin: 0;
    border-radius: var(--woo-radius) !important;
    border: 1px solid rgba(45, 212, 191, .22);
    background: rgba(12, 18, 31, .94) !important;
    box-shadow: var(--woo-shadow);
}

body.incallx .room-editor .attachment-col,
body.incallx .room-editor .emoji-col,
body.incallx .room-editor .send-col {
    min-height: 52px;
}

body.incallx .editor-icon,
body.incallx .attachment-col.dropup {
    color: #cbd5e1 !important;
}

body.incallx .editor-icon:hover,
body.incallx .attachment-col.dropup:hover {
    color: var(--woo-teal) !important;
}

body.incallx .room-editor .lt-send-message,
body.incallx .private-editor .lt-send-message {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: var(--woo-radius) !important;
    border: 0 !important;
    background: linear-gradient(135deg, var(--woo-red), #f97316) !important;
    box-shadow: 0 12px 24px rgba(239, 35, 60, .26);
}

body.incallx .note-editor.note-frame,
body.incallx .note-editor.note-frame .note-editable {
    background: transparent !important;
    color: var(--woo-text) !important;
}

body.incallx .rightbar-wrapper {
    padding: 10px;
}

body.incallx #rpanel-tab {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    padding: 0;
    margin: 0 0 10px;
}

body.incallx #rpanel-tab .nav-link {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: var(--woo-radius);
    background: rgba(15, 23, 42, .62);
    color: var(--woo-soft);
}

body.incallx #rpanel-tab .nav-link.active,
body.incallx #rpanel-tab .nav-link:hover {
    border-color: var(--woo-line-strong);
    background: rgba(45, 212, 191, .12);
    color: var(--woo-text);
}

body.incallx .input-icon .form-control,
body.incallx .form-control,
body.incallx .form-select,
body.incallx .whitoo-sidebar-category-select {
    min-height: 40px;
    border-radius: var(--woo-radius) !important;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    background: rgba(7, 10, 18, .58) !important;
    color: var(--woo-text) !important;
}

body.incallx .input-icon .form-control:focus,
body.incallx .form-control:focus,
body.incallx .form-select:focus {
    border-color: rgba(45, 212, 191, .72) !important;
    box-shadow: 0 0 0 3px rgba(45, 212, 191, .12) !important;
}

body.incallx .lt-room-verified {
    border-radius: 50%;
    background: linear-gradient(135deg, var(--woo-teal), var(--woo-cyan)) !important;
    box-shadow: 0 0 0 3px rgba(45, 212, 191, .12), 0 0 22px rgba(45, 212, 191, .30);
}

body.incallx .badge.bg-red,
body.incallx .noti-count {
    background: var(--woo-red) !important;
}

body.incallx .dropdown-menu,
body.incallx .modal-content,
body.incallx .offcanvas {
    border: 1px solid var(--woo-line);
    border-radius: var(--woo-radius);
    background: rgba(12, 18, 31, .98) !important;
    color: var(--woo-text);
    box-shadow: var(--woo-shadow);
}

body.incallx .dropdown-item {
    border-radius: var(--woo-radius);
    color: var(--woo-soft);
}

body.incallx .dropdown-item:hover {
    background: rgba(45, 212, 191, .10);
    color: var(--woo-text);
}

body.incallx .alert {
    border-radius: var(--woo-radius) !important;
    border: 1px solid rgba(148, 163, 184, .16);
}

body.incallx .ad-space {
    border-radius: var(--woo-radius);
    overflow: hidden;
}

html.light body.incallx .room-bar,
html.light body.incallx .sidebar-wrapper,
html.light body.incallx .channel-bar,
html.light body.incallx .rightbar-wrapper,
html.light body.incallx .messages,
html.light body.incallx .editor-container.editor-controller {
    border-radius: 0;
}

@media (max-width: 1200px) {
    body.incallx .rightbar-wrapper {
        width: 250px;
        min-width: 250px;
    }

    body.incallx .sidebar-wrapper,
    body.incallx .channel-bar {
        width: 240px;
        min-width: 240px;
    }
}

@media (max-width: 768px) {
    body.incallx .room-bar {
        width: 64px;
    }

    body.incallx .chatroom-item,
    body.incallx .private-messages .private-item,
    body.incallx .action-item {
        width: 44px;
        height: 44px;
    }

    body.incallx .messages {
        padding: 14px;
    }

    body.incallx .room-editor,
    body.incallx .private-editor {
        padding: 10px;
    }

    body.incallx .cht .message-data {
        max-width: 88%;
    }
}

/* Whitoo Refresh visible pass 2026051903 */
body.incallx {
    --woo-bg: #050811;
    --woo-panel: rgba(9, 14, 25, .98);
    --woo-panel-2: rgba(15, 23, 42, .98);
    --woo-red: #ff3347;
    --woo-teal: #20e0c4;
    --woo-cyan: #35bdf6;
    --woo-gold: #ffd166;
}

body.incallx #wrapper {
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .08), transparent 28%),
        linear-gradient(270deg, rgba(32, 224, 196, .08), transparent 24%),
        #050811 !important;
}

body.incallx .room-bar {
    background: #050811 !important;
    border-right: 2px solid rgba(255, 51, 71, .42) !important;
}

body.incallx .mini-brand {
    margin: 6px 8px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 51, 71, .24), rgba(32, 224, 196, .16));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 18px 34px rgba(0, 0, 0, .36);
}

body.incallx .chatroom-item,
body.incallx .private-messages .private-item,
body.incallx .action-item {
    border-radius: 12px !important;
    border-color: rgba(255, 255, 255, .10) !important;
    background: linear-gradient(145deg, rgba(21, 31, 50, .98), rgba(6, 10, 19, .98)) !important;
}

body.incallx .room-list-item.active .chatroom-item,
body.incallx .private-messages.active .private-item,
body.incallx .action-item.active,
body.incallx .chatroom-item:hover,
body.incallx .private-messages .private-item:hover,
body.incallx .action-item:hover {
    border-color: rgba(255, 51, 71, .70) !important;
    background: linear-gradient(145deg, rgba(255, 51, 71, .36), rgba(9, 14, 25, .98)) !important;
    box-shadow: 0 0 0 3px rgba(255, 51, 71, .12), 0 16px 34px rgba(255, 51, 71, .18) !important;
}

body.incallx .sidebar-wrapper,
body.incallx .channel-bar {
    background:
        linear-gradient(180deg, rgba(18, 27, 43, .98), rgba(7, 11, 20, .98)) !important;
    border-right: 1px solid rgba(32, 224, 196, .22) !important;
}

body.incallx .topbar-channels,
body.incallx .topbar-private {
    background: linear-gradient(135deg, rgba(255, 51, 71, .16), rgba(32, 224, 196, .08)) !important;
}

body.incallx .room-title {
    padding: 7px 10px;
    border-radius: 8px;
    background: rgba(5, 8, 17, .46);
}

body.incallx .channel-cat {
    color: #93f6e9 !important;
}

body.incallx .channel-item {
    min-height: 38px;
    margin: 4px 8px;
    padding-left: 8px;
}

body.incallx .channel-item.active,
body.incallx .channel-item:hover {
    border-left: 3px solid var(--woo-red) !important;
    background: linear-gradient(90deg, rgba(255, 51, 71, .16), rgba(32, 224, 196, .06)) !important;
}

body.incallx .page-content-wrapper {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 72px),
        #050811 !important;
}

body.incallx .navbar.topbar {
    background: rgba(5, 8, 17, .88) !important;
    box-shadow: inset 0 -1px 0 rgba(32, 224, 196, .22), 0 14px 34px rgba(0, 0, 0, .22);
}

body.incallx .top-channel-icon {
    border-color: rgba(255, 51, 71, .40) !important;
    background: linear-gradient(135deg, rgba(255, 51, 71, .22), rgba(32, 224, 196, .12)) !important;
}

body.incallx .top-channel-name {
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(15, 23, 42, .56);
}

body.incallx .main-panel {
    margin: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 51, 71, .14), transparent 23%),
        radial-gradient(circle at 85% 70%, rgba(32, 224, 196, .14), transparent 25%),
        #050811 !important;
}

body.incallx .messages {
    margin: 14px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .08), transparent 30%),
        linear-gradient(315deg, rgba(32, 224, 196, .10), transparent 34%),
        linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
        #070b16 !important;
    background-size: auto, auto, 36px 36px, 36px 36px, auto !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035);
}

body.incallx .cht .message-data {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    background: rgba(15, 23, 42, .94) !important;
}

body.incallx .cht.sent .message-data {
    border-color: rgba(32, 224, 196, .52) !important;
    background: linear-gradient(135deg, #16b8a6, #0f7ea0) !important;
}

body.incallx .cht.replies .message-data {
    border-color: rgba(255, 51, 71, .28) !important;
}

body.incallx .room-editor,
body.incallx .private-editor {
    padding: 8px 22px 20px;
}

body.incallx .editor-container.editor-controller {
    border: 1px solid rgba(255, 51, 71, .42) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .09), rgba(32, 224, 196, .06)),
        rgba(7, 11, 22, .98) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .38), 0 0 0 3px rgba(255, 51, 71, .06) !important;
}

body.incallx .room-editor .lt-send-message,
body.incallx .private-editor .lt-send-message {
    background: linear-gradient(135deg, #ff3347, #ff7a18) !important;
    box-shadow: 0 12px 28px rgba(255, 51, 71, .34) !important;
}

body.incallx .rightbar-wrapper {
    background:
        linear-gradient(180deg, rgba(16, 24, 39, .98), rgba(7, 11, 20, .98)) !important;
    border-left: 1px solid rgba(255, 51, 71, .24) !important;
}

body.incallx .rightbar-wrapper .ad-space,
body.incallx #rpanel-tab,
body.incallx .room-users-row,
body.incallx .group-users-row,
body.incallx .media-row {
    border-radius: 12px;
}

body.incallx #rpanel-tab {
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(5, 8, 17, .58);
}

body.incallx #rpanel-tab .nav-link.active {
    background: linear-gradient(135deg, var(--woo-red), #ff7a18) !important;
    border-color: transparent !important;
    color: #fff !important;
}

body.incallx .input-icon .form-control,
body.incallx .room-user-search,
body.incallx .group-user-search,
body.incallx .dm-user-search {
    border-color: rgba(32, 224, 196, .24) !important;
    background: rgba(5, 8, 17, .72) !important;
}

body.incallx .user-list-item,
body.incallx .room-users > div,
body.incallx .group-users > div {
    border-radius: 10px;
}

body.incallx .channel-list-bottom {
    background: linear-gradient(135deg, rgba(255, 51, 71, .15), rgba(32, 224, 196, .08)) !important;
    border-top: 1px solid rgba(32, 224, 196, .18) !important;
}

body.incallx .lt-room-verified {
    background: linear-gradient(135deg, #ff3347, #20e0c4) !important;
}

/* Whitoo template pass 2026051904 */
body.incallx .woo-room-hero-card {
    margin: 12px 10px 8px;
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .22);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(5, 8, 17, .98));
    box-shadow: 0 18px 44px rgba(0, 0, 0, .30);
}

body.incallx .woo-room-hero-cover {
    position: relative;
    min-height: 92px;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .82), rgba(32, 224, 196, .34)),
        url('../img/room.png') center / cover no-repeat;
}

body.incallx .woo-room-hero-glow {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 22% 20%, rgba(255, 255, 255, .22), transparent 28%),
        linear-gradient(180deg, transparent, rgba(5, 8, 17, .88));
}

body.incallx .woo-room-hero-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(5, 8, 17, .72);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

body.incallx .woo-room-hero-badge i {
    color: #20e0c4 !important;
}

body.incallx .woo-room-hero-body {
    padding: 10px;
}

body.incallx .woo-room-hero-title {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

body.incallx .woo-room-hero-title span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-room-hero-title i {
    color: #ffd166 !important;
}

body.incallx .woo-room-hero-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 9px;
}

body.incallx .woo-room-hero-meta span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 28px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 8px;
    background: rgba(15, 23, 42, .72);
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 800;
}

body.incallx .woo-room-status-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 12px;
}

body.incallx .woo-room-status-strip span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 999px;
    background: rgba(15, 23, 42, .64);
    color: #dbeafe;
    font-size: 12px;
    font-weight: 800;
}

body.incallx .woo-room-status-strip i {
    color: #20e0c4 !important;
}

body.incallx .woo-right-profile-card {
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 51, 71, .24);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .18), rgba(32, 224, 196, .08)),
        rgba(8, 12, 22, .96);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
}

body.incallx .woo-right-profile-top {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 10px;
}

body.incallx .woo-right-profile-top img {
    width: 46px;
    height: 46px;
    border: 2px solid rgba(32, 224, 196, .42);
    border-radius: 14px;
    object-fit: cover;
}

body.incallx .woo-right-profile-top strong,
body.incallx .woo-right-profile-top span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-right-profile-top strong {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

body.incallx .woo-right-profile-top span {
    margin-top: 2px;
    color: #9fb0c6;
    font-size: 12px;
    font-weight: 700;
}

body.incallx .profile-auto-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin: 10px 0 2px;
}

body.incallx .profile-auto-badges:empty {
    display: none;
}

body.incallx .profile-auto-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 31px;
    height: 31px;
    max-width: 31px;
    min-height: 31px;
    gap: 0;
    padding: 0;
    border: 1px solid rgba(45, 212, 191, .22);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .86), rgba(8, 13, 26, .72));
    color: #dffafe;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.14);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

body.incallx .profile-auto-badge:hover {
    color: #fff;
    border-color: rgba(45, 212, 191, .42);
    transform: translateY(-1px);
}

body.incallx .profile-auto-badge i {
    display: inline-grid;
    width: 100%;
    height: 100%;
    place-items: center;
    flex: 1 1 auto;
    border-radius: inherit;
    background: transparent;
    color: #2dd4bf;
    font-size: 17px;
}

body.incallx .profile-auto-badge-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

body.incallx .profile-auto-badge.is-premium {
    border-color: rgba(251, 191, 36, .42);
    background:
        linear-gradient(135deg, rgba(244, 63, 94, .16), rgba(45, 212, 191, .12)),
        rgba(15, 23, 42, .92);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    animation: none;
}

body.incallx .profile-auto-badge.is-premium i {
    position: relative;
    overflow: hidden;
    color: #fbbf24;
    animation: wooPremiumIconPulse 2.4s ease-in-out infinite;
}

body.incallx .profile-auto-badge.is-premium i::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 22%, rgba(255,255,255,.65) 46%, transparent 62%);
    opacity: .0;
    transform: translateX(-60%);
    animation: wooPremiumIconShine 2.8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes wooPremiumIconPulse {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.08); filter: brightness(1.18); }
}

@keyframes wooPremiumIconShine {
    0%, 38% { opacity: 0; transform: translateX(-60%); }
    48% { opacity: .55; }
    68%, 100% { opacity: 0; transform: translateX(60%); }
}

body.incallx .profile-auto-badge-verified_seller i,
body.incallx .profile-auto-badge-safe_store i,
body.incallx .profile-auto-badge-identity_verified i {
    background: rgba(45, 212, 191, .15);
    color: #2dd4bf;
}

body.incallx .profile-auto-badge-woo_member i,
body.incallx .profile-auto-badge-tournament_champion i {
    background: rgba(245, 158, 11, .16);
    color: #fbbf24;
}

body.incallx .profile-auto-badge-successful_seller i,
body.incallx .profile-auto-badge-high_satisfaction i {
    background: rgba(244, 63, 94, .15);
    color: #fb7185;
}

body.incallx .user-info-panel .profile-auto-badges {
    justify-content: center;
    margin: -4px 0 12px;
}

body.incallx .user-info-panel .profile-auto-badge {
    width: 31px;
    max-width: 31px;
    font-size: 10.5px;
}

body.incallx .popover.lt-member-popover .profile-auto-badges {
    justify-content: center;
    width: 100%;
    margin: 8px 0 0;
}

body.incallx .popover.lt-member-popover .profile-auto-badge {
    width: 30px;
    height: 30px;
    max-width: 30px;
    min-height: 30px;
    padding: 0;
    font-size: 10px;
}

body.incallx .woo-market-seller-badge {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 1px;
    align-items: center;
    margin-top: 10px;
    padding: 9px 10px;
    border: 1px solid rgba(45, 212, 191, .25);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(16, 185, 129, .14), rgba(34, 211, 238, .10));
    color: #d1fae5;
    text-decoration: none;
}

body.incallx .woo-market-seller-badge i {
    grid-row: span 2;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 8px;
    background: rgba(45, 212, 191, .18);
    color: #2dd4bf;
    font-size: 15px;
}

body.incallx .woo-market-seller-badge span,
body.incallx .woo-market-seller-badge small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-market-seller-badge span {
    color: #ecfeff;
    font-size: 12px;
    font-weight: 950;
}

body.incallx .woo-market-seller-badge small {
    color: rgba(226, 232, 240, .62);
    font-size: 10px;
    font-weight: 800;
}

body.incallx .woo-market-seller-hub {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

body.incallx .woo-right-profile-details {
    margin-top: 10px;
    border: 1px solid rgba(45, 212, 191, .16);
    border-radius: 12px;
    background: rgba(3, 7, 18, .30);
    overflow: hidden;
}

body.incallx .woo-right-profile-details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    list-style: none;
    color: #dbeafe;
    font-size: 12px;
    font-weight: 900;
}

body.incallx .woo-right-profile-details summary::-webkit-details-marker {
    display: none;
}

body.incallx .woo-right-profile-details summary span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 7px;
}

body.incallx .woo-right-profile-details summary i:first-child {
    color: #2dd4bf;
}

body.incallx .woo-right-profile-details summary > i {
    color: #9fb0c6;
    transition: transform .18s ease;
}

body.incallx .woo-right-profile-details[open] summary > i {
    transform: rotate(180deg);
}

body.incallx .woo-right-profile-details-body {
    display: grid;
    gap: 8px;
    padding: 0 8px 9px;
}

body.incallx .woo-market-seller-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

body.incallx .woo-market-seller-metrics span {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 8px 6px;
    border: 1px solid rgba(45, 212, 191, .14);
    border-radius: 10px;
    background: rgba(2, 6, 23, .50);
    text-align: center;
}

body.incallx .woo-market-seller-metrics b,
body.incallx .woo-market-seller-metrics em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-market-seller-metrics b {
    color: #ecfeff;
    font-size: 13px;
    font-weight: 950;
}

body.incallx .woo-market-seller-metrics em {
    color: rgba(203, 213, 225, .64);
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
}

body.incallx .woo-market-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.incallx .woo-market-trust-badges span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    height: 24px;
    padding: 0 8px;
    border: 1px solid rgba(34, 211, 238, .20);
    border-radius: 999px;
    background: rgba(34, 211, 238, .08);
    color: #bae6fd;
    font-size: 10px;
    font-weight: 900;
}

body.incallx .woo-market-trust-badges i {
    color: #22d3ee !important;
}

body.incallx .woo-market-alert {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(255, 51, 71, .20);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(255, 51, 71, .13), rgba(34, 211, 238, .08));
    color: #f8fafc;
    text-decoration: none;
}

body.incallx .woo-market-alert i {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 8px;
    background: rgba(255, 51, 71, .16);
    color: #ff5c73 !important;
}

body.incallx .woo-market-alert span {
    overflow: hidden;
    color: rgba(248, 250, 252, .82);
    font-size: 11px;
    font-weight: 850;
    line-height: 1.25;
}

body.incallx .woo-market-quick-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

body.incallx .woo-market-quick-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    height: 32px;
    padding: 0 8px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 10px;
    background: rgba(15, 23, 42, .58);
    color: #dbeafe;
    text-decoration: none;
    font-size: 10px;
    font-weight: 900;
}

body.incallx .woo-market-quick-links a:hover {
    border-color: rgba(45, 212, 191, .34);
    background: rgba(45, 212, 191, .10);
}

body.incallx .woo-market-quick-links span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-right-crown {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 209, 102, .32);
    border-radius: 12px;
    background: rgba(255, 209, 102, .12);
    color: #ffd166;
    text-decoration: none;
}

body.incallx .woo-right-crown i {
    color: #ffd166 !important;
}

body.incallx .woo-right-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 12px;
}

body.incallx .woo-right-stats a {
    min-height: 54px;
    padding: 8px 6px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 10px;
    background: rgba(5, 8, 17, .50);
    color: #fff;
    text-align: center;
    text-decoration: none;
}

body.incallx .woo-right-stats a:hover {
    border-color: rgba(32, 224, 196, .38);
    background: rgba(32, 224, 196, .10);
}

body.incallx .woo-right-stats b,
body.incallx .woo-right-stats span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-right-stats b {
    font-size: 12px;
    font-weight: 900;
}

body.incallx .woo-right-stats span {
    margin-top: 3px;
    color: #9fb0c6;
    font-size: 11px;
    font-weight: 800;
}

body.incallx .woo-right-tournament-card {
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(32, 224, 196, .10), rgba(255, 51, 71, .08)), rgba(8, 12, 22, .92);
    overflow: hidden;
}

body.incallx .woo-right-tournament-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 42px;
    padding: 0 11px;
    cursor: pointer;
    list-style: none;
}

body.incallx .woo-right-tournament-head::-webkit-details-marker {
    display: none;
}

body.incallx .woo-right-tournament-head span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: #f8fafc;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

body.incallx .woo-right-tournament-head small {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    margin-left: auto;
    border-radius: 999px;
    background: rgba(45, 212, 191, .12);
    color: #7df9eb;
    font-size: 11px;
    font-weight: 950;
}

body.incallx .woo-right-tournament-head > i {
    color: #9fb0c6;
    transition: transform .18s ease;
}

body.incallx .woo-right-tournament-card[open] .woo-right-tournament-head > i {
    transform: rotate(180deg);
}

body.incallx .woo-right-tournament-body {
    display: grid;
    gap: 8px;
    padding: 0 10px 10px;
}

body.incallx .woo-right-see-all {
    justify-self: end;
    color: #7df9eb;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
}

body.incallx .woo-right-tournament-item {
    display: grid;
    gap: 4px;
    padding: 9px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(2, 6, 16, .45);
    text-decoration: none;
}

body.incallx .woo-right-tournament-item b,
body.incallx .woo-right-tournament-item span,
body.incallx .woo-right-tournament-item em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-right-tournament-item b {
    color: #fff;
    font-size: 12px;
}

body.incallx .woo-right-tournament-item span,
body.incallx .woo-right-tournament-empty {
    color: #9fb0c6;
    font-size: 11px;
    font-weight: 750;
}

body.incallx .woo-right-tournament-item em {
    width: fit-content;
    margin-top: 2px;
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(34, 197, 94, .12);
    color: #86efac;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

body.incallx .room-img {
    display: none !important;
}

@media (max-width: 992px) {
    body.incallx .woo-room-status-strip {
        display: none;
    }
}

/* Whitoo room card readability pass 2026051907 */
body.incallx .woo-room-hero-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(32, 224, 196, .30);
    background:
        linear-gradient(180deg, rgba(4, 8, 18, .56), rgba(4, 8, 18, .96)),
        var(--woo-room-cover-image, none) center / cover no-repeat,
        #06101a;
}

body.incallx .woo-room-hero-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(4, 8, 18, .18), rgba(4, 8, 18, .88)),
        var(--woo-room-cover-image, none) center / cover no-repeat;
    opacity: .42;
}

body.incallx .woo-room-hero-cover {
    position: relative;
    z-index: 1;
    min-height: 112px;
    background-position: center;
    background-size: cover;
}

body.incallx .woo-room-hero-cover::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 8, 17, .10) 0%, rgba(5, 8, 17, .42) 62%, rgba(5, 8, 17, .86) 100%),
        linear-gradient(90deg, rgba(255, 51, 71, .10), rgba(32, 224, 196, .10));
}

body.incallx .woo-room-hero-glow {
    background:
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, .18), transparent 24%),
        linear-gradient(180deg, transparent, rgba(5, 8, 17, .92));
}

body.incallx .woo-room-hero-badge {
    left: 12px;
    bottom: 12px;
    height: 30px;
    padding: 0 12px;
    border-color: rgba(32, 224, 196, .28);
    background: rgba(3, 7, 18, .78);
    color: #f8fbff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .30);
    backdrop-filter: blur(10px);
}

body.incallx .woo-room-hero-body {
    position: relative;
    z-index: 1;
    padding: 12px;
    background:
        linear-gradient(180deg, rgba(6, 16, 26, .76), rgba(4, 8, 18, .92));
    backdrop-filter: blur(8px);
}

body.incallx .woo-room-hero-title {
    min-height: 34px;
    padding: 0 2px 2px;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}

body.incallx .woo-room-hero-title span {
    letter-spacing: 2px;
}

body.incallx .woo-room-hero-meta {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

body.incallx .woo-room-hero-meta span {
    justify-content: flex-start;
    min-height: 34px;
    padding: 0 10px;
    border-color: rgba(32, 224, 196, .18);
    background: rgba(8, 14, 28, .88);
    color: #e6f6ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.incallx .woo-room-hero-meta span:nth-child(3) {
    grid-column: 1 / -1;
    width: fit-content;
    max-width: 100%;
}

body.incallx .woo-room-hero-meta i {
    color: #9eefff !important;
}

body.incallx .woo-room-presence-active i {
    color: #20e0c4 !important;
}

body.incallx .woo-room-presence-offline i {
    color: #b7c7d8 !important;
}


/* Whitoo right panel pass 2026051910 */
body.incallx .rightbar-wrapper {
    padding: 12px;
    background:
        linear-gradient(180deg, rgba(9, 14, 25, .98), rgba(5, 8, 17, .98)) !important;
}

body.incallx .woo-right-profile-card {
    margin-bottom: 12px;
    border-color: rgba(32, 224, 196, .24);
    background:
        linear-gradient(145deg, rgba(255, 51, 71, .13), rgba(32, 224, 196, .08)),
        rgba(6, 12, 24, .96);
}

body.incallx .woo-right-profile-top img {
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .28);
}

body.incallx .woo-rpanel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 4px 0 9px;
    padding: 0 2px;
}

body.incallx .woo-rpanel-head span,
body.incallx .woo-rpanel-head small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-rpanel-head span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f8fbff;
    font-size: 13px;
    font-weight: 900;
}

body.incallx .woo-rpanel-head span i {
    color: #20e0c4 !important;
}

body.incallx .woo-rpanel-head small {
    color: #93a4ba;
    font-size: 11px;
    font-weight: 800;
}

body.incallx #rpanel-tab {
    margin-bottom: 10px;
    border-color: rgba(32, 224, 196, .14);
    background: rgba(3, 7, 18, .62);
}

body.incallx #rpanel-tab .nav-link {
    border-radius: 10px;
}

body.incallx #rpanel-tab .nav-link.active {
    background: linear-gradient(135deg, #ff3347, #20e0c4) !important;
}

body.incallx .room-users-row,
body.incallx .group-users-row,
body.incallx .media-row {
    padding: 0 0 10px;
    background: transparent;
}

body.incallx .room-users-row .input-icon,
body.incallx .group-users-row .input-icon {
    margin-bottom: 9px;
}

body.incallx .room-user-search,
body.incallx .group-user-search {
    height: 42px;
    padding-left: 14px;
    border-radius: 12px !important;
    background: rgba(3, 7, 18, .72) !important;
}

body.incallx .lt-role-user-section {
    margin: 9px 0 12px;
}

body.incallx .lt-role-user-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 30px;
    margin: 0 0 6px;
    padding: 0 8px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(32, 224, 196, .12), rgba(15, 23, 42, .62));
    color: #f8fbff;
}

@supports (color: color-mix(in srgb, red 50%, transparent)) {
    body.incallx .lt-role-user-heading {
        border-color: color-mix(in srgb, var(--role-color, #94a3b8) 44%, transparent);
        background: linear-gradient(90deg, color-mix(in srgb, var(--role-color, #94a3b8) 18%, transparent), rgba(15, 23, 42, .62));
    }
}

body.incallx .lt-role-user-heading span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 900;
}

body.incallx .lt-role-user-heading span i {
    color: var(--role-color, #20e0c4) !important;
}

body.incallx .lt-role-user-heading b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .10);
    color: #fff;
    font-size: 11px;
}

body.incallx .lt-role-user-items {
    display: grid;
    gap: 6px;
}

body.incallx .room-users .user-row,
body.incallx .group-users .user-row {
    position: relative;
    min-height: 54px;
    margin: 0;
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, .11);
    border-radius: 12px;
    background: rgba(8, 14, 28, .68);
}

body.incallx .room-users .user-row:hover,
body.incallx .group-users .user-row:hover {
    border-color: rgba(32, 224, 196, .28);
    background: linear-gradient(90deg, rgba(32, 224, 196, .10), rgba(8, 14, 28, .80)) !important;
    transform: translateY(-1px);
}

body.incallx .channel-user-image {
    flex: 0 0 auto;
}

body.incallx .channel-user-image .img-profile {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    object-fit: cover;
}

body.incallx .channel-user-image .online-status {
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    display: grid;
    place-items: center;
    border: 2px solid #050811;
    border-radius: 999px;
    background: #050811;
}

body.incallx .channel-user-image .online-status .ti {
    font-size: 10px;
}

body.incallx .channel-user-details {
    min-width: 0;
    flex: 1;
}

body.incallx .user-name-row {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

body.incallx .channel-user-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f8fbff;
    font-size: 13px;
    font-weight: 850;
}

body.incallx .user-type-badge {
    border-radius: 999px;
    padding: 3px 6px;
    font-size: 8px;
    font-weight: 900;
}

body.incallx .more-actions {
    margin: 10px 0 0;
    text-align: center;
}

body.incallx .load-more-users,
body.incallx .load-more-media {
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 999px !important;
    background: rgba(148, 163, 184, .18) !important;
    color: #f8fbff !important;
}

body.incallx .load-more-users:hover,
body.incallx .load-more-media:hover {
    border-color: rgba(32, 224, 196, .35) !important;
    background: rgba(32, 224, 196, .12) !important;
}

/* Whitoo room card layering fix 2026051911 */
body.incallx .woo-room-hero-card::before {
    z-index: 0;
    pointer-events: none;
}

body.incallx .woo-room-hero-cover {
    overflow: hidden;
}

body.incallx .woo-room-hero-cover::before,
body.incallx .woo-room-hero-glow {
    z-index: 1;
    pointer-events: none;
}

body.incallx .woo-room-hero-badge {
    z-index: 3;
}

body.incallx .woo-room-hero-body {
    z-index: 4;
    isolation: isolate;
}

body.incallx .woo-room-hero-title,
body.incallx .woo-room-hero-meta {
    position: relative;
    z-index: 5;
}

/* Whitoo sidebar header hard layer fix 2026051912 */
body.incallx .sidebar-room {
    isolation: isolate;
}

body.incallx .topbar-channels {
    position: relative;
    z-index: 30;
    min-height: 52px;
    border-bottom: 1px solid rgba(32, 224, 196, .18) !important;
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .16), rgba(32, 224, 196, .10)),
        #101826 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .32);
}

body.incallx .topbar-channels::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #101826;
}

body.incallx .topbar-channels .room-name,
body.incallx .topbar-channels .dropdown-toggle,
body.incallx .topbar-channels .room-title {
    position: relative;
    z-index: 35;
}

body.incallx .topbar-channels .room-title {
    max-width: 198px;
    background: rgba(5, 8, 17, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.incallx .channel-container {
    position: relative;
    z-index: 1;
    padding-top: 10px;
}

body.incallx .woo-room-hero-card {
    position: relative;
    z-index: 2;
    margin-top: 12px !important;
}

/* Whitoo sidebar header final overlap fix 2026051913 */
body.incallx .topbar-channels {
    position: sticky !important;
    top: 0;
    z-index: 9999 !important;
    overflow: visible;
    background: #101826 !important;
    opacity: 1 !important;
}

body.incallx .topbar-channels::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 51, 71, .45), rgba(32, 224, 196, .45));
}

body.incallx .topbar-channels .room-title {
    background: #121b2b !important;
    border: 1px solid rgba(255, 255, 255, .08);
}

body.incallx .channel-container {
    padding-top: 12px !important;
}

body.incallx .woo-room-hero-card,
body.incallx .woo-room-hero-cover,
body.incallx .woo-room-hero-card::before {
    z-index: 1;
}

/* Whitoo sidebar header translucency tune 2026051914 */
body.incallx .topbar-channels {
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .10), rgba(32, 224, 196, .08)),
        rgba(16, 24, 38, .82) !important;
    backdrop-filter: blur(12px) saturate(1.15);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
}

body.incallx .topbar-channels::before {
    background: rgba(16, 24, 38, .50) !important;
}

body.incallx .topbar-channels .room-title {
    background: rgba(18, 27, 43, .92) !important;
    backdrop-filter: blur(8px);
}

/* Whitoo message hover options 2026051924 */
body.incallx .chat-actions {
    opacity: 0 !important;
    pointer-events: none;
}

body.incallx .message-data:hover + .chat-actions,
body.incallx .cht:hover .chat-actions,
body.incallx .cht:focus-within .chat-actions,
body.incallx .chat-actions:hover,
body.incallx .chat-actions.active {
    opacity: 1 !important;
    pointer-events: auto;
}

body.incallx .chat-actions {
    position: relative;
}

body.incallx .chat-actions::before {
    content: "";
    position: absolute;
    inset: -12px -10px;
    border-radius: 18px;
}

/* Whitoo right panel polish 2026051925 */
body.incallx .rightbar-wrapper {
    border-left-color: rgba(32, 224, 196, .18) !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .03);
}

body.incallx .woo-rpanel-head {
    min-height: 44px;
    margin: 2px 0 10px;
    padding: 8px 10px;
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(255, 51, 71, .10), rgba(32, 224, 196, .08)), rgba(8, 14, 28, .70);
}

body.incallx #rpanel-tab {
    padding: 6px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 14px;
}

body.incallx #rpanel-tab .nav-link {
    min-height: 34px;
    border-radius: 10px !important;
}

body.incallx .room-user-search,
body.incallx .group-user-search {
    height: 38px;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    color: #eaf7ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

body.incallx .room-user-search::placeholder,
body.incallx .group-user-search::placeholder {
    color: rgba(203, 213, 225, .58);
}

body.incallx .room-users-row .input-icon-addon,
body.incallx .group-users-row .input-icon-addon {
    color: rgba(125, 249, 235, .72);
}

body.incallx .lt-role-user-section {
    margin: 10px 0 14px;
}

body.incallx .lt-role-user-heading {
    min-height: 34px;
    padding: 0 10px;
    border-radius: 10px;
    box-shadow: inset 3px 0 0 var(--role-color, #20e0c4);
}

body.incallx .lt-role-user-heading span {
    font-size: 12px;
    letter-spacing: .2px;
}

body.incallx .room-users .user-row,
body.incallx .group-users .user-row {
    min-height: 58px;
    padding: 9px 10px;
    border-radius: 14px;
    background: linear-gradient(90deg, rgba(12, 18, 31, .84), rgba(8, 14, 28, .66));
}

body.incallx .room-users .user-row + .user-row,
body.incallx .group-users .user-row + .user-row {
    margin-top: 6px;
}

body.incallx .channel-user-image .img-profile {
    width: 40px;
    height: 40px;
    border-radius: 13px;
}

body.incallx .channel-user-name {
    font-size: 13px;
    line-height: 1.2;
}

body.incallx .user-row .flag-icon,
body.incallx .user-row .fi {
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .16);
}

body.incallx .load-more-users,
body.incallx .load-more-media {
    min-height: 34px;
    padding: 7px 12px !important;
    font-weight: 800;
}

/* Whitoo user profile card polish 2026051926 */
body.incallx .user-info-panel {
    padding: 0 !important;
}

body.incallx .user-info-panel .user-card,
body.incallx .user-info-panel .no-user-card {
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .20);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(13, 20, 36, .94), rgba(6, 10, 20, .98)) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .26);
}

body.incallx .user-info-panel .active-user-cover {
    min-height: 116px;
    border: 0;
    background-color: #111827;
    background-size: cover;
    background-position: center;
    position: relative;
}

body.incallx .user-info-panel .active-user-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 8, 17, .04), rgba(5, 8, 17, .84)),
        linear-gradient(90deg, rgba(255, 51, 71, .16), rgba(32, 224, 196, .14));
}

body.incallx .user-info-panel .card-body {
    padding: 0 14px 14px;
}

body.incallx .user-info-panel .user-image {
    width: 76px;
    height: 76px;
    margin: -38px auto 10px;
    display: block;
    position: relative;
    z-index: 2;
    border: 4px solid #07101d;
    border-radius: 22px;
    object-fit: cover;
    box-shadow: 0 16px 30px rgba(0, 0, 0, .34);
}

body.incallx .user-info-panel .user-title {
    margin: 0;
    color: #f8fbff;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
}

body.incallx .user-info-panel .text-muted {
    margin: 10px 0 12px !important;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(3, 7, 18, .42);
    color: rgba(203, 213, 225, .82) !important;
    line-height: 1.45;
}

body.incallx .user-info-panel hr {
    margin: 12px 0 !important;
    border-color: rgba(148, 163, 184, .12);
}

body.incallx .user-info-panel .user-badge {
    width: 32px;
    height: 32px;
    margin: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 10px;
    background: rgba(8, 14, 28, .72);
}

body.incallx .user-info-panel .badge-icon {
    max-width: 20px;
    max-height: 20px;
}

body.incallx .user-info-panel .card-body > .row:not(:has(.user-badge)) {
    margin: 0 0 6px;
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 10px;
    background: rgba(8, 14, 28, .46);
}

body.incallx .user-info-panel label {
    color: rgba(148, 163, 184, .86);
    font-size: 11px;
    font-weight: 800;
}

body.incallx .active-user-dob,
body.incallx .active-user-gender,
body.incallx .active-user-country {
    color: #eaf7ff;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

body.incallx .user-info-panel .card-footer {
    padding: 12px;
    border-top: 1px solid rgba(148, 163, 184, .12);
    background: rgba(3, 7, 18, .42);
}

body.incallx .lt-user-actions {
    display: grid !important;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

body.incallx .lt-user-actions .btn {
    min-height: 36px;
    border-radius: 12px !important;
    font-weight: 850;
}

body.incallx .lt-user-friend-action {
    border: 0 !important;
    background: linear-gradient(135deg, #20e0c4, #0ea5e9) !important;
    color: #03101a !important;
}

body.incallx #user-options-dropdown {
    border: 1px solid rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .78) !important;
    color: #f8fbff !important;
}

body.incallx .user-info-panel .dropdown-menu {
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 12px;
    background: rgba(8, 14, 28, .98);
    box-shadow: 0 18px 36px rgba(0, 0, 0, .32);
}

body.incallx .user-info-panel .dropdown-item {
    color: #dbeafe;
    border-radius: 9px;
}

body.incallx .user-info-panel .dropdown-item:hover {
    background: rgba(32, 224, 196, .12);
    color: #ffffff;
}

/* Whitoo member click popover polish 2026051927 */
body.incallx .lt-member-popover {
    --bs-popover-border-color: rgba(32, 224, 196, .24);
    --bs-popover-bg: transparent;
    border: 0 !important;
    filter: drop-shadow(0 22px 44px rgba(0, 0, 0, .42));
}

body.incallx .lt-member-popover .popover-arrow {
    display: none;
}

body.incallx .lt-member-popover-card {
    display: block !important;
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .24);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(16, 24, 42, .98), rgba(5, 9, 18, .98)) !important;
    color: #f8fbff;
}

body.incallx .lt-member-popover-cover {
    min-height: 118px;
    border: 0;
    background-color: #111827;
    background-size: cover;
    background-position: center;
    position: relative;
}

body.incallx .lt-member-popover-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 8, 17, .08), rgba(5, 8, 17, .88)),
        linear-gradient(90deg, rgba(255, 51, 71, .18), rgba(32, 224, 196, .16));
}

body.incallx .lt-member-popover-card .card-body {
    padding: 0 16px 16px;
    text-align: center;
}

body.incallx .lt-member-popover-card .user-image {
    width: 78px;
    height: 78px;
    margin: -39px auto 10px;
    display: block;
    position: relative;
    z-index: 2;
    border: 4px solid #07101d;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 16px 30px rgba(0, 0, 0, .35);
}

body.incallx .lt-member-popover-card .user-title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
}

body.incallx .lt-member-popover-about {
    padding: 10px 12px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 12px;
    background: rgba(3, 7, 18, .44);
    color: rgba(226, 232, 240, .84) !important;
    line-height: 1.45;
}

body.incallx .lt-profile-role-box {
    padding: 10px;
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 12px;
    background: rgba(8, 14, 28, .54);
    text-align: left;
}

body.incallx .lt-profile-role-title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #9eefff;
    font-size: 12px;
    font-weight: 900;
}

body.incallx .lt-user-role-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.incallx .lt-user-role-badge {
    padding: 4px 8px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 999px;
    background: rgba(32, 224, 196, .10);
    color: #eaffff;
    font-size: 11px;
    font-weight: 850;
}

body.incallx .lt-member-popover-actions {
    padding: 12px;
    border-top: 1px solid rgba(148, 163, 184, .12);
    background: rgba(3, 7, 18, .50);
}

body.incallx .lt-member-popover-actions .btn {
    min-height: 36px;
    border-radius: 12px !important;
    font-weight: 850;
}

body.incallx .lt-member-popover-actions .start-chat {
    border: 0 !important;
    background: linear-gradient(135deg, #20e0c4, #0ea5e9) !important;
    color: #03101a !important;
}

/* Whitoo member popover spacing fix 2026051928 */
body.incallx .lt-member-popover-card .card-body {
    padding: 0 18px 18px;
}

body.incallx .lt-member-popover-card .user-image {
    width: 72px;
    height: 72px;
    margin: -24px auto 12px;
    border-radius: 22px;
}

body.incallx .lt-member-popover-card .user-title {
    position: relative;
    z-index: 3;
    max-width: 100%;
    padding: 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.25;
}

body.incallx .lt-member-popover-about {
    margin-top: 12px !important;
}

/* Whitoo member popover stronger layout 2026051929 */
body.incallx .popover.lt-member-popover {
    width: 340px !important;
    max-width: 340px !important;
}

body.incallx .popover.lt-member-popover .popover-body {
    border-radius: 20px;
    overflow: hidden;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card {
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 51, 71, .22), transparent 32%),
        radial-gradient(circle at 86% 12%, rgba(32, 224, 196, .20), transparent 34%),
        linear-gradient(180deg, #121a2d 0%, #060a14 100%) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover {
    min-height: 104px;
    opacity: .92;
}

body.incallx .popover.lt-member-popover .card-body {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: flex-start;
    padding: 0 18px 18px !important;
    text-align: center !important;
}

body.incallx .popover.lt-member-popover .user-image {
    margin: -18px auto 12px !important;
}

body.incallx .popover.lt-member-popover .user-title,
body.incallx .popover.lt-member-popover h3.user-title.card-title {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    text-align: center !important;
    align-self: center !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-about,
body.incallx .popover.lt-member-popover .lt-profile-role-box {
    width: 100%;
}

/* Whitoo member popover compact professional 2026051930 */
body.incallx .popover.lt-member-popover {
    width: 300px !important;
    max-width: 300px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card {
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(13, 20, 34, .98), rgba(6, 10, 18, .99)) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover {
    min-height: 82px;
}

body.incallx .popover.lt-member-popover .user-image {
    width: 58px;
    height: 58px;
    margin: -20px auto 8px !important;
    border: 3px solid #07101d;
    border-radius: 16px;
}

body.incallx .popover.lt-member-popover .user-title {
    font-size: 15px !important;
    font-weight: 850 !important;
}

body.incallx .popover.lt-member-popover .card-body {
    padding: 0 14px 14px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-about {
    margin-top: 10px !important;
    padding: 8px 10px;
    font-size: 12px;
}

body.incallx .popover.lt-member-popover .lt-profile-role-box {
    margin-top: 10px !important;
    padding: 8px;
}

body.incallx .popover.lt-member-popover .lt-profile-role-title {
    margin-bottom: 6px;
    font-size: 11px;
}

body.incallx .popover.lt-member-popover .lt-user-role-badge {
    padding: 3px 7px;
    font-size: 10px;
}

body.incallx .lt-member-popover-actions {
    padding: 10px;
}

body.incallx .lt-member-popover-action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

body.incallx .lt-member-popover-actions .btn {
    min-height: 32px;
    padding: 6px 8px !important;
    font-size: 12px;
    border-radius: 10px !important;
}

/* Whitoo member name center fix 2026051931 */
body.incallx .popover.lt-member-popover .lt-member-popover-card .card-body > h3.user-title,
body.incallx .popover.lt-member-popover .lt-member-popover-card h3.card-title.user-title,
body.incallx .popover.lt-member-popover h3.user-title {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
    transform: none !important;
}

/* Whitoo member identity center hard fix 2026051932 */
body.incallx .popover.lt-member-popover .lt-member-popover-identity {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image,
body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image {
    margin: -20px auto 8px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title {
    margin: 0 auto !important;
    text-align: center !important;
}

/* Profile popover badge polish 2026052408 */
body.incallx .popover.lt-member-popover {
    width: 318px !important;
    max-width: min(318px, calc(100vw - 24px)) !important;
    filter: drop-shadow(0 22px 44px rgba(0, 0, 0, .38));
}

body.incallx .popover.lt-member-popover .popover-body {
    border: 1px solid rgba(45, 212, 191, .22);
    border-radius: 18px;
    background: #070b16;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card {
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 0%, rgba(244, 63, 94, .23), transparent 32%),
        radial-gradient(circle at 92% 18%, rgba(34, 211, 238, .22), transparent 35%),
        linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(4, 8, 18, 1)) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover {
    min-height: 94px;
    opacity: .86;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover::after {
    background:
        linear-gradient(180deg, rgba(3, 7, 18, .12), rgba(3, 7, 18, .86)),
        linear-gradient(90deg, rgba(244, 63, 94, .18), rgba(45, 212, 191, .12));
}

body.incallx .popover.lt-member-popover .card-body {
    padding: 0 14px 14px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image {
    width: 62px;
    height: 62px;
    margin: -26px auto 8px !important;
    border: 3px solid rgba(8, 13, 26, .96);
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(0,0,0,.32), 0 0 0 1px rgba(45,212,191,.16);
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 6px;
    margin: 9px 0 0;
}

body.incallx .popover.lt-member-popover .profile-auto-badge {
    min-height: 25px;
    max-width: 132px;
    padding: 5px 8px;
    border-color: rgba(45, 212, 191, .26);
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .86), rgba(9, 15, 30, .82));
    color: #e9feff;
    font-size: 10px;
    font-weight: 950;
}

body.incallx .popover.lt-member-popover .profile-auto-badge i {
    width: 16px;
    height: 16px;
    font-size: 11px;
}

body.incallx .popover.lt-member-popover .lt-member-popover-about {
    width: 100%;
    margin-top: 10px !important;
    border-color: rgba(148, 163, 184, .14);
    background: rgba(3, 7, 18, .42);
    font-size: 11.5px;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions {
    padding: 10px;
    border-top: 1px solid rgba(148, 163, 184, .10);
    background: rgba(3, 7, 18, .44);
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn {
    min-height: 34px;
    border-radius: 11px !important;
    box-shadow: none !important;
    font-size: 12px;
}

/* Profile popover final layout 2026052409 */
body.incallx .popover.lt-member-popover,
.popover.lt-member-popover {
    width: 332px !important;
    max-width: min(332px, calc(100vw - 20px)) !important;
    filter: drop-shadow(0 24px 48px rgba(0,0,0,.45));
}

body.incallx .popover.lt-member-popover .popover-body,
.popover.lt-member-popover .popover-body {
    border: 1px solid rgba(45, 212, 191, .24);
    border-radius: 20px;
    overflow: hidden;
    background: #050914;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card,
.popover.lt-member-popover .lt-member-popover-card {
    border: 0 !important;
    border-radius: 20px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 0%, rgba(244, 63, 94, .28), transparent 32%),
        radial-gradient(circle at 94% 8%, rgba(34, 211, 238, .24), transparent 36%),
        linear-gradient(180deg, #111827 0%, #060a14 100%) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover,
.popover.lt-member-popover .lt-member-popover-cover {
    min-height: 96px !important;
    opacity: .82;
}

body.incallx .popover.lt-member-popover .card-body,
.popover.lt-member-popover .card-body {
    padding: 0 15px 15px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity,
.popover.lt-member-popover .lt-member-popover-identity {
    display: grid !important;
    justify-items: center !important;
    width: 100%;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image,
.popover.lt-member-popover .lt-member-popover-identity .user-image {
    width: 64px !important;
    height: 64px !important;
    margin: -28px auto 8px !important;
    border: 3px solid #070d19 !important;
    border-radius: 19px !important;
    box-shadow: 0 16px 30px rgba(0,0,0,.34), 0 0 0 1px rgba(45,212,191,.18) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title,
.popover.lt-member-popover .lt-member-popover-identity .user-title {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 8px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-align: center !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badges,
.popover.lt-member-popover .profile-auto-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100%;
    min-height: 25px;
    margin: 10px 0 0 !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge,
.popover.lt-member-popover .profile-auto-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    padding: 0 !important;
    border: 1px solid rgba(45, 212, 191, .28) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(8, 14, 28, .88)) !important;
    color: #ecfeff !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge i,
.popover.lt-member-popover .profile-auto-badge i {
    display: inline-grid !important;
    width: 100% !important;
    height: 100% !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    border-radius: 999px !important;
    background: rgba(45, 212, 191, .16) !important;
    color: #2dd4bf !important;
    font-size: 11px !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge-label,
.popover.lt-member-popover .profile-auto-badge-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions,
.popover.lt-member-popover .lt-member-popover-actions {
    padding: 10px !important;
    background: rgba(3, 7, 18, .52) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn,
.popover.lt-member-popover .lt-member-popover-actions .btn {
    min-height: 34px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

/* High-end profile popover redesign 2026052412 */
body.incallx .popover.lt-member-popover,
.popover.lt-member-popover {
    width: 336px !important;
    max-width: min(336px, calc(100vw - 22px)) !important;
    border: 0 !important;
    filter: drop-shadow(0 26px 54px rgba(0,0,0,.48)) !important;
}

body.incallx .popover.lt-member-popover .popover-arrow,
.popover.lt-member-popover .popover-arrow {
    display: none !important;
}

body.incallx .popover.lt-member-popover .popover-body,
.popover.lt-member-popover .popover-body {
    padding: 0 !important;
    border: 1px solid rgba(105, 125, 155, .22) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(14, 20, 32, .98), rgba(5, 8, 16, .99)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card,
.popover.lt-member-popover .lt-member-popover-card {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(244, 63, 94, .14), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(45, 212, 191, .13), transparent 36%),
        linear-gradient(180deg, #101827 0%, #060a13 100%) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover,
.popover.lt-member-popover .lt-member-popover-cover {
    min-height: 108px !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: .74 !important;
    filter: saturate(.92) contrast(1.04) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover::after,
.popover.lt-member-popover .lt-member-popover-cover::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(180deg, rgba(4, 8, 16, .10) 0%, rgba(6, 10, 19, .76) 78%, #060a13 100%),
        linear-gradient(90deg, rgba(244, 63, 94, .08), rgba(45, 212, 191, .08)) !important;
}

body.incallx .popover.lt-member-popover .card-body,
.popover.lt-member-popover .card-body {
    display: grid !important;
    justify-items: center !important;
    gap: 0 !important;
    padding: 0 18px 16px !important;
    text-align: center !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity,
.popover.lt-member-popover .lt-member-popover-identity {
    display: grid !important;
    justify-items: center !important;
    width: 100% !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image,
.popover.lt-member-popover .lt-member-popover-identity .user-image {
    width: 68px !important;
    height: 68px !important;
    margin: -34px auto 10px !important;
    border: 3px solid rgba(8, 13, 24, .98) !important;
    border-radius: 18px !important;
    object-fit: cover !important;
    background: #0a1020 !important;
    box-shadow:
        0 18px 34px rgba(0,0,0,.42),
        0 0 0 1px rgba(45,212,191,.22),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title,
.popover.lt-member-popover .lt-member-popover-identity .user-title {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 8px !important;
    color: #f8fafc !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badges,
.popover.lt-member-popover .profile-auto-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 30px !important;
    margin: 11px 0 0 !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge,
.popover.lt-member-popover .profile-auto-badge {
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    padding: 0 !important;
    border: 1px solid rgba(115, 135, 166, .26) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(20, 30, 46, .96), rgba(9, 14, 26, .98)) !important;
    color: #e8fbff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge i,
.popover.lt-member-popover .profile-auto-badge i {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    border-radius: inherit !important;
    background: transparent !important;
    color: #38dcca !important;
    font-size: 16px !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge.is-premium,
.popover.lt-member-popover .profile-auto-badge.is-premium {
    border-color: rgba(245, 158, 11, .34) !important;
    background:
        linear-gradient(180deg, rgba(28, 34, 51, .98), rgba(11, 15, 28, .98)) !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge.is-premium i,
.popover.lt-member-popover .profile-auto-badge.is-premium i {
    color: #fbbf24 !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-about,
.popover.lt-member-popover .lt-member-popover-about {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(115, 135, 166, .16) !important;
    border-radius: 12px !important;
    background: rgba(3, 7, 18, .42) !important;
    color: rgba(226, 232, 240, .82) !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions,
.popover.lt-member-popover .lt-member-popover-actions {
    padding: 12px !important;
    border-top: 1px solid rgba(115, 135, 166, .12) !important;
    background:
        linear-gradient(180deg, rgba(4, 8, 16, .25), rgba(3, 7, 18, .58)) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-action-grid,
.popover.lt-member-popover .lt-member-popover-action-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn,
.popover.lt-member-popover .lt-member-popover-actions .btn {
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn-danger,
.popover.lt-member-popover .lt-member-popover-actions .btn-danger,
body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn-primary,
.popover.lt-member-popover .lt-member-popover-actions .btn-primary {
    border: 1px solid rgba(244, 63, 94, .38) !important;
    background: rgba(244, 63, 94, .14) !important;
    color: #fecdd3 !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .start-chat,
.popover.lt-member-popover .lt-member-popover-actions .start-chat {
    border: 1px solid rgba(34, 211, 238, .36) !important;
    background: linear-gradient(135deg, #1fc7cc, #1594d4) !important;
    color: #021018 !important;
}

/* Final centering lock for profile popover 2026052413 */
.popover.lt-member-popover .lt-member-popover-card > .card-body,
body.incallx .popover.lt-member-popover .lt-member-popover-card > .card-body {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: start !important;
    text-align: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.popover.lt-member-popover .lt-member-popover-identity,
body.incallx .popover.lt-member-popover .lt-member-popover-identity {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
}

.popover.lt-member-popover .lt-member-popover-identity .user-image,
body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image {
    float: none !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.popover.lt-member-popover .lt-member-popover-identity .user-title,
body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title {
    float: none !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.popover.lt-member-popover .lt-popover-auto-badges,
body.incallx .popover.lt-member-popover .lt-popover-auto-badges {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mockup-match slim profile popover 2026052414 */
body.incallx .popover.lt-member-popover,
.popover.lt-member-popover {
    width: 324px !important;
    max-width: min(324px, calc(100vw - 24px)) !important;
    filter: drop-shadow(0 18px 38px rgba(0,0,0,.36)) !important;
}

body.incallx .popover.lt-member-popover .popover-body,
.popover.lt-member-popover .popover-body {
    border: 1px solid rgba(91, 112, 142, .20) !important;
    border-radius: 14px !important;
    background: #070b14 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card,
.popover.lt-member-popover .lt-member-popover-card {
    border: 0 !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(244, 63, 94, .09), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(45, 212, 191, .08), transparent 34%),
        linear-gradient(180deg, #0d1422 0%, #060a13 100%) !important;
    box-shadow: none !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover,
.popover.lt-member-popover .lt-member-popover-cover {
    min-height: 92px !important;
    opacity: .72 !important;
    filter: saturate(.86) contrast(1.02) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover::after,
.popover.lt-member-popover .lt-member-popover-cover::after {
    background:
        linear-gradient(180deg, rgba(6,10,19,.05) 0%, rgba(6,10,19,.70) 76%, #060a13 100%) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card > .card-body,
.popover.lt-member-popover .lt-member-popover-card > .card-body {
    padding: 0 16px 14px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image,
.popover.lt-member-popover .lt-member-popover-identity .user-image {
    width: 56px !important;
    height: 56px !important;
    margin: -28px auto 9px !important;
    border: 1px solid rgba(45, 212, 191, .24) !important;
    border-radius: 15px !important;
    background: #090f1c !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title,
.popover.lt-member-popover .lt-member-popover-identity .user-title {
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badges,
.popover.lt-member-popover .profile-auto-badges {
    min-height: 25px !important;
    gap: 6px !important;
    margin-top: 10px !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge,
.popover.lt-member-popover .profile-auto-badge {
    width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-width: 25px !important;
    border-radius: 8px !important;
    border-color: rgba(111, 130, 160, .22) !important;
    background: linear-gradient(180deg, rgba(18, 27, 42, .92), rgba(8, 13, 24, .96)) !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge i,
.popover.lt-member-popover .profile-auto-badge i {
    font-size: 14px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions,
.popover.lt-member-popover .lt-member-popover-actions {
    padding: 10px 12px 12px !important;
    background: rgba(3, 7, 18, .38) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-action-grid,
.popover.lt-member-popover .lt-member-popover-action-grid {
    gap: 9px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn,
.popover.lt-member-popover .lt-member-popover-actions .btn {
    min-height: 34px !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    font-size: 11.5px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn-danger,
.popover.lt-member-popover .lt-member-popover-actions .btn-danger,
body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn-primary,
.popover.lt-member-popover .lt-member-popover-actions .btn-primary {
    border-color: rgba(244, 63, 94, .34) !important;
    background: rgba(244, 63, 94, .10) !important;
    color: #fecdd3 !important;
}

/* Gradient-edge ultra slim profile card 2026052415 */
body.incallx .popover.lt-member-popover,
.popover.lt-member-popover {
    width: 316px !important;
    max-width: min(316px, calc(100vw - 24px)) !important;
    border: 0 !important;
    background: transparent !important;
    filter: drop-shadow(0 20px 42px rgba(0,0,0,.42)) !important;
}

body.incallx .popover.lt-member-popover .popover-body,
.popover.lt-member-popover .popover-body {
    padding: 1px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background:
        linear-gradient(135deg, rgba(244,63,94,.54), rgba(45,212,191,.48) 48%, rgba(91,112,142,.24)) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.025),
        0 16px 40px rgba(0,0,0,.30) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card,
.popover.lt-member-popover .lt-member-popover-card {
    border: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(244,63,94,.18), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(45,212,191,.15), transparent 36%),
        linear-gradient(180deg, #0d1523 0%, #060a13 100%) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover,
.popover.lt-member-popover .lt-member-popover-cover {
    min-height: 86px !important;
    opacity: .70 !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card > .card-body,
.popover.lt-member-popover .lt-member-popover-card > .card-body {
    padding: 0 15px 13px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image,
.popover.lt-member-popover .lt-member-popover-identity .user-image {
    width: 52px !important;
    height: 52px !important;
    margin: -26px auto 8px !important;
    border: 1px solid rgba(45,212,191,.30) !important;
    border-radius: 14px !important;
    box-shadow:
        0 10px 22px rgba(0,0,0,.28),
        0 0 0 1px rgba(255,255,255,.035) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title,
.popover.lt-member-popover .lt-member-popover-identity .user-title {
    font-size: 13.5px !important;
    font-weight: 900 !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badges,
.popover.lt-member-popover .profile-auto-badges {
    margin-top: 9px !important;
    min-height: 23px !important;
    gap: 6px !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge,
.popover.lt-member-popover .profile-auto-badge {
    width: 23px !important;
    height: 23px !important;
    min-height: 23px !important;
    max-width: 23px !important;
    border-radius: 7px !important;
    border-color: rgba(135, 154, 184, .20) !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge i,
.popover.lt-member-popover .profile-auto-badge i {
    font-size: 13px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions,
.popover.lt-member-popover .lt-member-popover-actions {
    padding: 9px 11px 11px !important;
    border-top: 1px solid rgba(135, 154, 184, .09) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn,
.popover.lt-member-popover .lt-member-popover-actions .btn {
    min-height: 31px !important;
    padding: 5px 9px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
}

/* Ultra compact profile popover 2026052416 */
body.incallx .popover.lt-member-popover,
.popover.lt-member-popover {
    width: 292px !important;
    max-width: min(292px, calc(100vw - 22px)) !important;
    filter: drop-shadow(0 14px 30px rgba(0,0,0,.34)) !important;
}

body.incallx .popover.lt-member-popover .popover-body,
.popover.lt-member-popover .popover-body {
    padding: 1px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(244,63,94,.38), rgba(45,212,191,.34) 52%, rgba(91,112,142,.18)) !important;
    box-shadow: none !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card,
.popover.lt-member-popover .lt-member-popover-card {
    border: 0 !important;
    outline: 0 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(244,63,94,.12), transparent 32%),
        radial-gradient(circle at 92% 8%, rgba(45,212,191,.10), transparent 34%),
        linear-gradient(180deg, #0b1220 0%, #050914 100%) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-cover,
.popover.lt-member-popover .lt-member-popover-cover {
    min-height: 72px !important;
    opacity: .66 !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-card > .card-body,
.popover.lt-member-popover .lt-member-popover-card > .card-body {
    padding: 0 12px 10px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-image,
.popover.lt-member-popover .lt-member-popover-identity .user-image {
    width: 46px !important;
    height: 46px !important;
    margin: -23px auto 7px !important;
    border: 1px solid rgba(45,212,191,.24) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-identity .user-title,
.popover.lt-member-popover .lt-member-popover-identity .user-title {
    font-size: 13px !important;
    line-height: 1.15 !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badges,
.popover.lt-member-popover .profile-auto-badges {
    min-height: 21px !important;
    margin-top: 8px !important;
    gap: 5px !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge,
.popover.lt-member-popover .profile-auto-badge {
    width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    max-width: 21px !important;
    border-radius: 6px !important;
}

body.incallx .popover.lt-member-popover .profile-auto-badge i,
.popover.lt-member-popover .profile-auto-badge i {
    font-size: 12px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions,
.popover.lt-member-popover .lt-member-popover-actions {
    padding: 8px 10px 10px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-action-grid,
.popover.lt-member-popover .lt-member-popover-action-grid {
    gap: 8px !important;
}

body.incallx .popover.lt-member-popover .lt-member-popover-actions .btn,
.popover.lt-member-popover .lt-member-popover-actions .btn {
    min-height: 28px !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
}

/* Fix v2 isolation from legacy user-card styles 2026052418 */
.popover.woo-profile-popover-v2 .woo-profile-card-v2 .woo-profile-v2-avatar {
    display: block !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.popover.woo-profile-popover-v2 .woo-profile-card-v2 .woo-profile-v2-name {
    display: block !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Whitoo media panel polish 2026051933 */
body.incallx .media-row {
    padding: 8px 2px 12px !important;
}

body.incallx .media-row .row {
    margin: 0 !important;
    gap: 8px 0;
}

body.incallx .media-tab .recent-img {
    padding: 4px !important;
    margin: 0 !important;
}

body.incallx .media-tab .recent-img a {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 12px;
    background: rgba(8, 14, 28, .72);
    aspect-ratio: 1;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .18);
}

body.incallx .media-tab .recent-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    padding: 0 !important;
    transition: transform .18s ease;
}

body.incallx .media-tab .recent-img a:hover img {
    transform: scale(1.04);
}

body.incallx .media-tab .chat-video-block {
    padding: 4px !important;
}

body.incallx .media-tab .video-section {
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 12px;
    background: rgba(8, 14, 28, .72);
    box-shadow: 0 12px 22px rgba(0, 0, 0, .18);
}

body.incallx .media-tab .video-link {
    display: block;
    position: relative;
    aspect-ratio: 16 / 10;
}

body.incallx .media-tab .video-link::before {
    content: "\ea5f";
    font-family: tabler-icons !important;
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    color: #ffffff;
    font-size: 28px;
    background: rgba(0, 0, 0, .18);
}

body.incallx .media-tab .video-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

body.incallx .media-tab .chat-files-block {
    padding: 4px !important;
    margin: 0 !important;
}

body.incallx .media-tab .file-section {
    min-height: 56px;
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 12px;
    background: rgba(8, 14, 28, .72) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .16);
}

body.incallx .media-tab .file-header {
    color: #eaf7ff !important;
}

body.incallx .media-tab .file-title {
    max-width: 158px;
    color: #f8fbff !important;
    font-size: 12px;
    font-weight: 850;
}

body.incallx .media-tab .file-meta-swap {
    color: rgba(203, 213, 225, .62) !important;
    font-size: 11px;
}

body.incallx .media-tab img.recent-link-preview {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
}

body.incallx .media-tab .file-action-buttons {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 10px;
    background: rgba(32, 224, 196, .10);
    color: #9eefff !important;
}

body.incallx .media-tab .more-actions {
    padding: 8px 4px 0;
}

/* Whitoo invite and channel modal polish 2026051934 */
body.incallx .whitoo-room-invite-modal .modal-content,
body.incallx .lt-next-channel-modal .modal-content {
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .22) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 51, 71, .15), transparent 30%),
        radial-gradient(circle at 92% 10%, rgba(32, 224, 196, .14), transparent 34%),
        linear-gradient(180deg, rgba(13, 20, 34, .98), rgba(5, 9, 18, .99)) !important;
    color: #f8fbff;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .45);
}

body.incallx .whitoo-room-invite-modal .modal-header,
body.incallx .lt-next-channel-modal .modal-header {
    min-height: 64px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
    background: rgba(3, 7, 18, .36) !important;
}

body.incallx .whitoo-room-invite-modal .modal-title,
body.incallx .lt-next-channel-modal .modal-title {
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 900;
}

body.incallx .whitoo-invite-modal-kicker,
body.incallx .whitoo-ai-builder-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    color: #9eefff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

body.incallx .whitoo-room-invite-modal .modal-body,
body.incallx .lt-next-channel-modal .modal-body {
    padding: 18px;
}

body.incallx .whitoo-room-invite-panel,
body.incallx .whitoo-ai-builder {
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 14px;
    background: rgba(8, 14, 28, .62);
}

body.incallx .whitoo-room-invite-loading {
    padding: 18px;
    color: rgba(226, 232, 240, .78);
    font-weight: 750;
}

body.incallx .lt-next-channel-modal .form-label {
    color: #eaf7ff !important;
    font-size: 12px;
    font-weight: 850;
}

body.incallx .lt-next-channel-modal .form-control,
body.incallx .lt-next-channel-modal .form-select {
    min-height: 40px;
    border-color: rgba(148, 163, 184, .16) !important;
    border-radius: 12px !important;
    background: rgba(3, 7, 18, .48) !important;
}

body.incallx .lt-next-channel-modal .form-selectgroup-label {
    min-height: 86px;
    border-radius: 13px !important;
    background: rgba(8, 14, 28, .66) !important;
}

body.incallx .lt-next-channel-modal .form-selectgroup-title {
    color: #f8fbff;
}

body.incallx .lt-next-channel-modal .text-muted,
body.incallx .lt-form-note {
    color: rgba(203, 213, 225, .66) !important;
}

body.incallx .lt-next-channel-modal .modal-footer {
    border-top: 1px solid rgba(148, 163, 184, .12);
    background: rgba(3, 7, 18, .32);
}

body.incallx .lt-next-channel-modal .btn,
body.incallx .whitoo-room-invite-modal .btn {
    border-radius: 11px !important;
    font-weight: 850;
}

/* Whitoo compact channel modal 2026051935 */
body.incallx .lt-next-channel-modal .modal-dialog {
    max-width: 760px;
}

body.incallx .lt-next-channel-modal .modal-header {
    min-height: 52px;
    padding: 12px 16px;
}

body.incallx .lt-next-channel-modal .modal-title {
    font-size: 16px;
}

body.incallx .lt-next-channel-modal .modal-body {
    max-height: min(76vh, 680px);
    overflow: auto;
    padding: 14px 16px;
}

body.incallx .lt-next-channel-modal .whitoo-ai-builder {
    margin-bottom: 12px;
    padding: 10px;
}

body.incallx .lt-next-channel-modal .whitoo-ai-builder-head small,
body.incallx .lt-next-channel-modal .lt-form-note,
body.incallx .lt-next-channel-modal .form-selectgroup-label .text-muted,
body.incallx .lt-next-channel-modal .form-hint {
    display: none !important;
}

body.incallx .lt-next-channel-modal .whitoo-ai-builder-head strong {
    font-size: 13px;
}

body.incallx .lt-next-channel-modal .whitoo-ai-builder-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: stretch;
}

body.incallx .lt-next-channel-modal #looai_builder_prompt {
    min-height: 38px !important;
    height: 38px !important;
    resize: none;
}

body.incallx .lt-next-channel-modal .whitoo-ai-builder-generate {
    min-height: 38px;
    padding: 0 12px !important;
    white-space: nowrap;
}

body.incallx .lt-next-channel-modal #channel-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

body.incallx .lt-next-channel-modal #channel-form > .mb-3 {
    margin-bottom: 0 !important;
}

body.incallx .lt-next-channel-modal #channel-form > label.form-label,
body.incallx .lt-next-channel-modal #channel-form > label.form-label + .lt-form-note,
body.incallx .lt-next-channel-modal .form-selectgroup-boxes {
    grid-column: 1 / -1;
}

body.incallx .lt-next-channel-modal .form-selectgroup-boxes {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 0 !important;
}

body.incallx .lt-next-channel-modal .form-selectgroup-boxes > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.incallx .lt-next-channel-modal .form-selectgroup-label {
    min-height: 52px !important;
    padding: 8px !important;
    justify-content: center;
    text-align: center;
}

body.incallx .lt-next-channel-modal .form-selectgroup-label > .me-3 {
    display: none !important;
}

body.incallx .lt-next-channel-modal .form-selectgroup-title {
    margin: 0 !important;
    font-size: 12px;
}

body.incallx .lt-next-channel-modal .form-selectgroup-title i {
    display: block;
    margin: 0 auto 3px !important;
    font-size: 17px;
}

body.incallx .lt-next-channel-modal .game-room-settings,
body.incallx .lt-next-channel-modal .channel-users {
    grid-column: 1 / -1;
}

body.incallx .lt-next-channel-modal .game-room-settings .alert {
    display: none;
}

body.incallx .lt-next-channel-modal .row {
    margin-left: 0;
    margin-right: 0;
}

body.incallx .lt-next-channel-modal .row > * {
    padding-left: 0;
    padding-right: 0;
}

body.incallx .lt-next-channel-modal .form-label {
    margin-bottom: 5px;
}

body.incallx .lt-next-channel-modal .form-control,
body.incallx .lt-next-channel-modal .form-select {
    min-height: 36px;
    font-size: 13px;
}

body.incallx .lt-next-channel-modal .modal-footer {
    padding: 10px 16px;
}

body.incallx .lt-next-channel-modal .modal-footer .btn {
    min-height: 34px;
    padding: 6px 12px !important;
    font-size: 13px;
}

body.incallx .lt-next-channel-modal .submit-channel {
    border: 0 !important;
    background: linear-gradient(135deg, #20e0c4, #0ea5e9) !important;
    color: #03101a !important;
}

/* Whitoo alerts and feedback polish 2026051936 */
body.incallx .main-panel > .alert,
body.incallx .room-notice > .alert,
body.incallx .alert.alert-important {
    margin: 10px 14px !important;
    padding: 11px 44px 11px 14px !important;
    border: 1px solid rgba(32, 224, 196, .18) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .10), rgba(32, 224, 196, .08)),
        rgba(8, 14, 28, .92) !important;
    color: #f8fbff !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .20);
}

body.incallx .alert .btn-close {
    top: 50%;
    right: 12px;
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 8px;
    background-color: rgba(148, 163, 184, .14);
    transform: translateY(-50%);
    opacity: .82;
}

body.incallx .toast-container {
    position: fixed !important;
    right: 18px;
    bottom: 18px;
    z-index: 1088;
    display: grid;
    gap: 10px;
}

body.incallx .toast {
    overflow: hidden;
    width: min(360px, calc(100vw - 28px));
    border: 1px solid rgba(32, 224, 196, .18) !important;
    border-radius: 14px !important;
    background: rgba(8, 14, 28, .96) !important;
    color: #f8fbff !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .34);
    backdrop-filter: blur(14px);
}

body.incallx .toast-header {
    min-height: 38px;
    border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
    background: linear-gradient(135deg, rgba(32, 224, 196, .16), rgba(15, 23, 42, .70)) !important;
    color: #ffffff !important;
}

body.incallx .toast-header strong {
    font-size: 13px;
    font-weight: 900;
}

body.incallx .toast-body {
    padding: 11px 13px;
    color: rgba(226, 232, 240, .90);
    font-size: 13px;
    line-height: 1.45;
}

body.incallx .toast .btn-close {
    filter: invert(1);
    opacity: .72;
}

body.incallx #load-more,
body.incallx #load-more-end,
body.incallx .whitoo-room-invite-loading,
body.incallx .whitoo-invite-empty,
body.incallx .no-user-card,
body.incallx .profile-bot-empty,
body.incallx .profile-security-empty,
body.incallx .whitoo-gif-empty {
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 14px;
    background: rgba(8, 14, 28, .66);
    color: rgba(226, 232, 240, .84) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

body.incallx #load-more,
body.incallx #load-more-end {
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 850;
}

body.incallx .whitoo-room-invite-loading,
body.incallx .whitoo-invite-empty {
    padding: 16px;
    text-align: center;
}

body.incallx .loadingoverlay {
    border-radius: 14px;
    background: rgba(3, 7, 18, .58) !important;
    backdrop-filter: blur(4px);
}

@media (max-width: 767.98px) {
    body.incallx .toast-container {
        right: 10px;
        bottom: 10px;
        left: 10px;
    }

    body.incallx .toast {
        width: 100%;
    }
}

/* Cinema channel fitted player and view controls 2026052504 */
body.incallx .messages:has(.woo-cinema-shell) {
    overflow-x: hidden;
}

body.incallx .messages .woo-cinema-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

body.incallx .messages .woo-cinema-hero {
    min-width: 0;
    padding: 16px;
    border-radius: 12px;
}

body.incallx .messages .woo-cinema-hero h2 {
    font-size: 25px;
}

body.incallx .messages .woo-cinema-room-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

body.incallx .messages .woo-cinema-header-tools {
    position: relative;
    z-index: 5;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

body.incallx .messages .woo-cinema-header-tools button {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #d8e6f5;
    background: rgba(10, 18, 35, 0.7);
    border: 1px solid rgba(79, 109, 150, 0.35);
    border-radius: 11px;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body.incallx .messages .woo-cinema-header-tools button:hover,
body.incallx .messages .woo-cinema-header-tools button.is-active {
    color: #fff;
    border-color: rgba(44, 210, 205, 0.58);
    background: rgba(18, 43, 59, 0.92);
}

body.incallx .messages .woo-cinema-tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-width: 0;
    gap: 8px;
    margin: 12px 0;
}

body.incallx .messages .woo-cinema-tab {
    min-width: 0;
    min-height: 52px;
    padding: 7px;
    gap: 5px;
    border-radius: 10px;
    font-size: 12px;
}

body.incallx .messages .woo-cinema-stage {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 10px;
    overflow: hidden;
    border-radius: 13px;
}

body.incallx .messages .woo-cinema-player {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
}

body.incallx .messages .woo-cinema-video-wrap {
    min-width: 0;
    overflow: hidden;
}

body.incallx .messages .woo-cinema-video {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: 100%;
    object-fit: contain;
}

body.incallx .messages .woo-cinema-start,
body.incallx .messages .woo-cinema-resume {
    z-index: 12;
}

body.incallx .messages .woo-cinema-start:not([hidden]) {
    display: inline-flex !important;
}

body.incallx .messages .woo-cinema-resume:not([hidden]) {
    display: grid !important;
}

body.incallx .messages .woo-cinema-player .woo-cinema-now {
    top: 54px;
    right: 13px;
    max-width: min(230px, calc(100% - 190px));
    padding: 8px 10px;
    border-radius: 9px;
    font-size: 12px;
}

body.incallx .messages .woo-cinema-player .woo-cinema-now strong,
body.incallx .messages .woo-cinema-player .woo-cinema-now span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .messages .woo-cinema-view-tools {
    top: 10px;
    right: 10px;
}

body.incallx .messages .woo-cinema-view-tools button {
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

body.incallx .messages .woo-cinema-player-tools {
    display: none;
}

body.incallx .messages .woo-cinema-player.is-floating .woo-cinema-player-tools,
body.incallx .messages .woo-cinema-video-wrap.is-screen-mode .woo-cinema-player-tools,
body.incallx .messages .woo-cinema-video-wrap:fullscreen .woo-cinema-player-tools {
    display: inline-flex;
}

body.incallx .messages .woo-cinema-live-badge {
    top: 10px;
    left: 10px;
    padding: 6px 9px;
    font-size: 10px;
}

body.incallx .messages .woo-cinema-controls {
    left: 10px;
    right: 10px;
    bottom: 10px;
    gap: 8px;
    min-width: 0;
    min-height: 46px;
    padding: 6px;
    border-radius: 11px;
}

body.incallx .messages .woo-cinema-control-btn {
    min-width: 36px;
    height: 36px;
    border-radius: 8px;
}

body.incallx .messages .woo-cinema-volume {
    flex: 1 1 120px;
    min-width: 60px;
    width: min(170px, 28%);
}

body.incallx .messages .woo-cinema-select-wrap,
body.incallx .messages .woo-cinema-control-note {
    min-width: 0;
    white-space: nowrap;
}

body.incallx .messages .woo-cinema-quality {
    min-width: 80px;
    max-width: 115px;
    height: 36px;
}

body.incallx .messages .woo-cinema-chat-panel {
    display: none;
}

body.incallx .messages .woo-cinema-chat-panel.is-open {
    position: fixed;
    right: max(14px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
    z-index: 1085;
    display: flex;
    width: min(340px, calc(100vw - 28px));
    height: min(540px, calc(100dvh - 90px));
    min-height: 0;
    border-radius: 12px;
}

body.incallx .messages .woo-cinema-player.is-floating {
    min-height: 0;
    aspect-ratio: 16 / 9;
}

body.incallx .messages .woo-cinema-player.is-floating .woo-cinema-video-wrap {
    position: absolute;
    inset: 0;
}

@media (max-width: 900px) {
    body.incallx .messages .woo-cinema-shell {
        padding: 9px;
    }

    body.incallx .messages .woo-cinema-hero {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
    }

    body.incallx .messages .woo-cinema-hero h2 {
        font-size: 20px;
    }

    body.incallx .messages .woo-cinema-room-actions {
        width: 100%;
        justify-content: space-between;
    }

    body.incallx .messages .woo-cinema-header-tools button {
        width: 37px;
        height: 37px;
    }

    body.incallx .messages .woo-cinema-tabs {
        display: flex;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.incallx .messages .woo-cinema-tab {
        flex: 0 0 102px;
    }

    body.incallx .messages .woo-cinema-player .woo-cinema-now {
        display: none;
    }

    body.incallx .messages .woo-cinema-player-tools button {
        width: 31px;
        height: 31px;
    }

    body.incallx .messages .woo-cinema-controls {
        position: absolute;
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr) auto;
    }

    body.incallx .messages .woo-cinema-volume {
        width: 100%;
    }

    body.incallx .messages .woo-cinema-select-wrap,
    body.incallx .messages .woo-cinema-control-note {
        display: none;
    }
}

/* Whitoo search and explore polish 2026051937 */
body.incallx .whitoo-explore-search-hero {
    margin: 4px 0 16px;
    padding: 14px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .09), rgba(32, 224, 196, .08)),
        rgba(8, 14, 28, .72);
}

body.incallx .whitoo-home-search-copy span {
    color: #9eefff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

body.incallx .whitoo-home-search-copy strong {
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
}

body.incallx .whitoo-room-search {
    min-height: 42px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 14px;
    background: rgba(3, 7, 18, .58) !important;
    overflow: hidden;
}

body.incallx .whitoo-room-search .form-control {
    border: 0 !important;
    background: transparent !important;
    color: #f8fbff !important;
}

body.incallx .whitoo-room-search .form-control::placeholder {
    color: rgba(203, 213, 225, .56);
}

body.incallx .whitoo-room-search .input-icon-addon,
body.incallx .whitoo-room-search-action {
    color: rgba(125, 249, 235, .76) !important;
}

body.incallx .whitoo-room-search-actions {
    border-left: 1px solid rgba(148, 163, 184, .12);
    background: rgba(15, 23, 42, .54) !important;
}

body.incallx .whitoo-room-search .dropdown-menu,
body.incallx #offcanvasSearch .dropdown-menu {
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 12px;
    background: rgba(8, 14, 28, .98);
    color: #eaf7ff;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .32);
}

body.incallx #chat-room-loop {
    gap: 14px 0;
}

body.incallx #chat-room-loop .room-loop-link {
    color: inherit;
}

body.incallx #chat-room-loop .room-card {
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(13, 20, 34, .94), rgba(6, 10, 20, .98));
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.incallx #chat-room-loop .room-card:hover {
    border-color: rgba(32, 224, 196, .32);
    box-shadow: 0 22px 42px rgba(0, 0, 0, .28);
    transform: translateY(-2px);
}

body.incallx #chat-room-loop .card-img-top {
    min-height: 118px;
    position: relative;
}

body.incallx #chat-room-loop .card-img-top::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 8, 17, .06), rgba(5, 8, 17, .74));
}

body.incallx #chat-room-loop .room-card .card-body {
    padding: 30px 14px 14px;
}

body.incallx #chat-room-loop .room-image {
    width: 52px;
    height: 52px;
    border: 3px solid #07101d;
    border-radius: 15px;
    object-fit: cover;
}

body.incallx #chat-room-loop .lt-room-title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 950;
}

body.incallx #chat-room-loop .text-muted {
    color: rgba(203, 213, 225, .72) !important;
    font-size: 12px;
    line-height: 1.45;
}

body.incallx #chat-room-loop .room-stats {
    margin-top: 12px !important;
    padding-top: 10px;
    border-top: 1px solid rgba(148, 163, 184, .12);
    color: rgba(226, 232, 240, .82);
}

body.incallx #offcanvasSearch {
    border-left: 1px solid rgba(32, 224, 196, .18);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 51, 71, .12), transparent 28%),
        linear-gradient(180deg, rgba(13, 20, 34, .98), rgba(5, 9, 18, .99));
    color: #f8fbff;
}

body.incallx #offcanvasSearch .offcanvas-header {
    padding: 14px;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

body.incallx #offcanvasSearch .chat-search-query {
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 12px !important;
    background: rgba(3, 7, 18, .52) !important;
    color: #f8fbff !important;
}

body.incallx .chat-search-result {
    margin-bottom: 8px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(8, 14, 28, .70);
    color: #eaf7ff;
}

body.incallx .chat-search-result:hover {
    border-color: rgba(32, 224, 196, .28);
    background: rgba(32, 224, 196, .10);
}

body.incallx .res-chat-time {
    color: rgba(125, 249, 235, .76);
}

body.incallx .res-chat-txt {
    color: rgba(226, 232, 240, .88);
}

/* Whitoo profile screen polish 2026051938 */
body.incallx #main-profile {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 51, 71, .08), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(32, 224, 196, .08), transparent 30%),
        #070a12;
}

body.incallx #main-profile .profile-section {
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px !important;
}

body.incallx #main-profile .profile-header {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(13, 20, 34, .94), rgba(6, 10, 20, .98));
    box-shadow: 0 20px 44px rgba(0, 0, 0, .24);
}

body.incallx #main-profile .profile-header-cover {
    min-height: 190px;
    position: relative;
}

body.incallx #main-profile .profile-header-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 8, 17, .08), rgba(5, 8, 17, .78)),
        linear-gradient(90deg, rgba(255, 51, 71, .13), rgba(32, 224, 196, .13));
}

body.incallx #main-profile .profile-header-info {
    padding: 0 18px 18px;
}

body.incallx #main-profile .profile-header-desc {
    margin-top: -44px;
    position: relative;
    z-index: 2;
}

body.incallx #main-profile .profile-header-user-avatar {
    width: 88px;
    height: 88px;
    margin: 0 auto 10px;
    border: 4px solid #07101d;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .34);
}

body.incallx #main-profile .profile-header-user-title {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 950;
    text-align: center;
}

body.incallx #main-profile .profile-header-user-sub-title {
    margin: 4px 0 0;
    color: rgba(125, 249, 235, .78);
    text-align: center;
    font-weight: 800;
}

body.incallx #main-profile #v-profile-home .btn-success[disabled] {
    min-height: 36px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 12px;
    background: rgba(15, 23, 42, .70) !important;
    color: rgba(226, 232, 240, .78) !important;
}

body.incallx #main-profile .profile-section .card,
body.incallx #main-profile .profile-form,
body.incallx #main-profile .user-card {
    border: 1px solid rgba(32, 224, 196, .16) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(13, 20, 34, .92), rgba(6, 10, 20, .98)) !important;
    color: #f8fbff;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .20);
}

body.incallx #main-profile .profile-section .card-header,
body.incallx #main-profile .profile-form .card-footer {
    border-color: rgba(148, 163, 184, .12) !important;
    background: rgba(3, 7, 18, .32) !important;
}

body.incallx #main-profile .profile-section .card-title,
body.incallx #main-profile .profile-form h2,
body.incallx #main-profile .profile-form h3 {
    color: #ffffff;
    font-weight: 900;
}

body.incallx #main-profile #v-profile-home .rounded.border {
    border-color: rgba(32, 224, 196, .14) !important;
    border-radius: 14px !important;
    background: rgba(8, 14, 28, .60);
}

body.incallx #main-profile #v-profile-home .row.g-3 p {
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(8, 14, 28, .52);
    color: rgba(226, 232, 240, .86);
}

body.incallx #main-profile #v-profile-home .row.g-3 p i {
    color: #20e0c4;
}

body.incallx #main-profile .profile-form .card-body {
    padding: 20px;
}

body.incallx #main-profile .profile-form .form-label {
    color: #eaf7ff;
    font-size: 12px;
    font-weight: 850;
}

body.incallx #main-profile .profile-form .form-control,
body.incallx #main-profile .profile-form .form-select,
body.incallx #main-profile .profile-form .select2-selection {
    min-height: 40px;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 12px !important;
    background: rgba(3, 7, 18, .50) !important;
    color: #f8fbff !important;
}

body.incallx #main-profile .profile-form textarea.form-control {
    min-height: 104px;
}

body.incallx #main-profile .btn-upload {
    width: 100%;
    min-height: 40px;
    border: 1px dashed rgba(32, 224, 196, .28) !important;
    border-radius: 12px !important;
    background: rgba(32, 224, 196, .08) !important;
    color: #9eefff !important;
}

body.incallx #main-profile .save-profile {
    min-height: 38px;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #20e0c4, #0ea5e9) !important;
    color: #03101a !important;
    font-weight: 900;
}

body.incallx #main-profile .profile-preview-sidebar .user-card {
    display: block;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    body.incallx #main-profile .profile-section {
        padding: 14px !important;
    }

    body.incallx #main-profile .profile-header-cover {
        min-height: 145px;
    }
}

@media (max-width: 767.98px) {
    body.incallx .lt-next-channel-modal #channel-form,
    body.incallx .lt-next-channel-modal .whitoo-ai-builder-grid,
    body.incallx .lt-next-channel-modal .form-selectgroup-boxes {
        grid-template-columns: 1fr;
    }
}

/* Whitoo profile edit soft compact 2026051939 */
body.incallx #main-profile #v-profile-settings .profile-settings-grid {
    align-items: flex-start;
}

body.incallx #main-profile #v-profile-settings .profile-form {
    overflow: hidden;
    border-color: rgba(125, 249, 235, .18) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(32, 224, 196, .08), transparent 28%),
        linear-gradient(180deg, rgba(12, 18, 31, .94), rgba(5, 9, 18, .98)) !important;
}

body.incallx #main-profile #v-profile-settings .profile-form .card-body {
    display: grid;
    gap: 12px;
    padding: 18px !important;
}

body.incallx #main-profile #v-profile-settings .profile-form h2 {
    margin: 0 0 2px !important;
    font-size: 18px;
    letter-spacing: 0;
}

body.incallx #main-profile #v-profile-settings .profile-form h2::after {
    content: "Profilini hizlica ve sade sekilde guncelle.";
    display: block;
    margin-top: 5px;
    color: rgba(226, 232, 240, .58);
    font-size: 12px;
    font-weight: 650;
}

body.incallx #main-profile #v-profile-settings .profile-form h3.card-title {
    width: fit-content;
    margin: 4px 0 0 !important;
    padding: 7px 10px;
    border: 1px solid rgba(32, 224, 196, .14);
    border-left: 3px solid #20e0c4;
    border-radius: 11px;
    background: rgba(32, 224, 196, .06);
    color: rgba(248, 251, 255, .94);
    font-size: 13px;
    line-height: 1.2;
}

body.incallx #main-profile #v-profile-settings .profile-form .card-subtitle {
    display: none !important;
}

body.incallx #main-profile #v-profile-settings .profile-form .row.g-3 {
    margin-top: 0 !important;
    row-gap: 10px;
}

body.incallx #main-profile #v-profile-settings .profile-form .row.g-3 > [class*="col"] {
    padding-left: 6px;
    padding-right: 6px;
}

body.incallx #main-profile #v-profile-settings .profile-form .form-label {
    margin-bottom: 5px;
    color: rgba(226, 232, 240, .72);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: none;
}

body.incallx #main-profile #v-profile-settings .profile-form .form-control,
body.incallx #main-profile #v-profile-settings .profile-form .form-select,
body.incallx #main-profile #v-profile-settings .profile-form .select2-selection {
    min-height: 38px;
    border-radius: 11px !important;
    background: rgba(2, 6, 16, .46) !important;
}

body.incallx #main-profile #v-profile-settings .profile-form textarea.form-control {
    min-height: 82px;
    resize: vertical;
}

body.incallx #main-profile #v-profile-settings .btn-upload {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 11px !important;
    font-size: 12px;
    font-weight: 850;
}

body.incallx #main-profile #v-profile-settings .woo-name-effect-settings {
    margin-top: 6px !important;
    padding: 12px;
    border: 1px solid rgba(32, 224, 196, .14);
    border-radius: 14px;
    background: rgba(3, 7, 18, .42);
}

body.incallx #main-profile #v-profile-settings .woo-name-effect-settings-head {
    margin-bottom: 8px;
}

body.incallx #main-profile #v-profile-settings .woo-name-effect-settings-head h3 {
    margin: 2px 0 0;
    font-size: 14px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-eyebrow,
body.incallx #main-profile #v-profile-settings .woo-effect-status,
body.incallx #main-profile #v-profile-settings .woo-effect-upgrade {
    font-size: 11px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-preview-line {
    min-height: 38px;
    margin-bottom: 8px;
    border-radius: 12px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-builder {
    padding: 10px;
    border-radius: 12px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-head p {
    display: none;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls button,
body.incallx #main-profile #v-profile-settings .woo-ai-effect-actions button {
    min-height: 36px;
    border-radius: 11px;
    font-size: 12px;
    white-space: nowrap;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-options {
    gap: 8px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-actions {
    align-items: center;
    gap: 8px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-actions small {
    color: rgba(226, 232, 240, .52);
    font-size: 11px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid {
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: 7px;
    margin-top: 10px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label > span {
    min-height: 32px;
    padding: 7px 8px;
    border-radius: 10px;
    font-size: 12px;
}

body.incallx #main-profile #v-profile-settings .profile-form .card-footer {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 12px 18px !important;
}

body.incallx #main-profile #v-profile-settings .profile-form .card-footer .btn {
    min-height: 34px;
    padding: 6px 13px;
    border-radius: 11px !important;
    font-size: 12px;
    font-weight: 850;
}

body.incallx #main-profile #v-profile-settings .profile-form .deactivate-user {
    border: 1px solid rgba(248, 113, 113, .22) !important;
    background: rgba(248, 113, 113, .12) !important;
    color: #fecaca !important;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-card {
    position: sticky;
    top: 14px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-card .card-body {
    padding: 0 14px 14px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-image-preview {
    width: 76px;
    height: 76px;
    margin-top: -38px;
    border: 3px solid #07101d;
    border-radius: 22px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-title-preview {
    margin-top: 8px !important;
    font-size: 17px;
    text-align: center;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .text-muted {
    margin-top: 10px !important;
    padding: 9px 10px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(3, 7, 18, .38);
    color: rgba(226, 232, 240, .70) !important;
    font-size: 12px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .card-footer {
    padding: 10px 14px 14px;
    border-top: 0 !important;
    background: transparent !important;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .btn-success {
    width: 100%;
    min-height: 34px;
    border-radius: 11px !important;
    font-size: 12px;
}

@media (max-width: 991.98px) {
    body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-card {
        position: static;
    }
}

@media (max-width: 767.98px) {
    body.incallx #main-profile #v-profile-settings .profile-form .card-body {
        padding: 14px !important;
    }

    body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls {
        grid-template-columns: 1fr;
    }

    body.incallx #main-profile #v-profile-settings .profile-form .card-footer {
        flex-direction: column-reverse;
        padding: 12px 14px !important;
    }
}

/* Whitoo profile edit lighter AI controls 2026051940 */
body.incallx #main-profile #v-profile-settings .profile-form .card-body {
    gap: 9px;
}

body.incallx #main-profile #v-profile-settings .profile-form textarea.form-control {
    min-height: 68px;
}

body.incallx #main-profile #v-profile-settings .woo-name-effect-settings {
    padding: 10px;
    border-radius: 13px;
    background: rgba(2, 6, 16, .26);
}

body.incallx #main-profile #v-profile-settings .woo-name-effect-settings-head {
    margin-bottom: 6px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-preview-line {
    min-height: 30px;
    margin-bottom: 6px;
    padding: 5px 8px;
    border-radius: 10px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-builder {
    margin-top: 4px;
    padding: 7px;
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 11px;
    background: rgba(8, 14, 28, .38);
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-head {
    display: none !important;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls {
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 6px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls .form-control {
    min-height: 32px;
    font-size: 12px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls button {
    min-height: 32px;
    padding: 5px 9px;
    font-size: 11px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-options {
    display: none !important;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-actions {
    margin-top: 6px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-actions small {
    display: none;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-actions button {
    min-height: 28px;
    padding: 4px 9px;
    border-radius: 9px;
    font-size: 11px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid {
    display: flex;
    grid-template-columns: none;
    gap: 6px;
    margin-top: 8px;
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-width: thin;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label {
    flex: 0 0 auto;
    min-width: 72px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label > span {
    min-height: 28px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 11px;
}

@media (max-width: 767.98px) {
    body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls {
        grid-template-columns: 1fr;
    }
}

/* Whitoo profile edit overall compact 2026051941 */
body.incallx #main-profile #v-profile-settings .profile-settings-grid {
    --bs-gutter-x: 14px;
    --bs-gutter-y: 14px;
}

body.incallx #main-profile #v-profile-settings .profile-form {
    box-shadow: 0 12px 26px rgba(0, 0, 0, .18);
}

body.incallx #main-profile #v-profile-settings .profile-form .card-body {
    gap: 7px;
    padding: 14px !important;
}

body.incallx #main-profile #v-profile-settings .profile-form h2 {
    font-size: 17px;
}

body.incallx #main-profile #v-profile-settings .profile-form h2::after {
    font-size: 11px;
}

body.incallx #main-profile #v-profile-settings .profile-form h3.card-title {
    margin-top: 2px !important;
    padding: 5px 9px;
    border-radius: 9px;
    font-size: 12px;
}

body.incallx #main-profile #v-profile-settings .profile-form .row.g-3,
body.incallx #main-profile #v-profile-settings .profile-form .row.g-3.mt-2 {
    margin-top: 0 !important;
    row-gap: 7px;
}

body.incallx #main-profile #v-profile-settings .profile-form .form-label {
    margin-bottom: 4px;
    font-size: 10.5px;
}

body.incallx #main-profile #v-profile-settings .profile-form .form-control,
body.incallx #main-profile #v-profile-settings .profile-form .form-select,
body.incallx #main-profile #v-profile-settings .profile-form .select2-selection {
    min-height: 34px;
    border-radius: 10px !important;
    font-size: 12px;
}

body.incallx #main-profile #v-profile-settings .profile-form textarea.form-control {
    min-height: 58px;
}

body.incallx #main-profile #v-profile-settings .btn-upload {
    min-height: 32px;
    border-radius: 10px !important;
}

body.incallx #main-profile #v-profile-settings .woo-name-effect-settings {
    margin-top: 3px !important;
    padding: 8px;
}

body.incallx #main-profile #v-profile-settings .woo-name-effect-settings-head h3 {
    font-size: 13px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-eyebrow {
    display: none;
}

body.incallx #main-profile #v-profile-settings .woo-effect-preview-line {
    display: none;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-builder {
    padding: 6px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls .form-control,
body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls button {
    min-height: 30px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-actions {
    display: none;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid {
    margin-top: 6px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label {
    min-width: 64px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label > span {
    min-height: 26px;
    padding: 5px 8px;
    font-size: 10.5px;
}

body.incallx #main-profile #v-profile-settings .profile-form .card-footer {
    padding: 10px 14px !important;
}

body.incallx #main-profile #v-profile-settings .profile-form .card-footer .btn {
    min-height: 31px;
    padding: 5px 12px;
    font-size: 11.5px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-card {
    border-radius: 14px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .16);
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-cover-preview {
    min-height: 92px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-image-preview {
    width: 64px;
    height: 64px;
    margin-top: -32px;
    border-radius: 18px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .user-title-preview {
    font-size: 15px;
}

body.incallx #main-profile #v-profile-settings .profile-preview-sidebar .text-muted {
    max-height: 58px;
    overflow: hidden;
    font-size: 11px;
}

/* Whitoo profile AI effect visible grid fix 2026051943 */
body.incallx #main-profile #v-profile-settings .woo-effect-preview-line {
    display: flex;
    min-height: 32px;
    margin-bottom: 6px;
    padding: 5px 9px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-builder {
    display: block;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-head {
    display: flex !important;
    margin-bottom: 5px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-head span {
    font-size: 11px;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-head p {
    display: none !important;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(76px, 1fr));
    overflow: visible;
    padding-bottom: 0;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label {
    min-width: 0;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label > span {
    width: 100%;
    border-radius: 10px;
}

/* Whitoo profile overflow hard fix 2026051944 */
body.incallx #main-profile #v-profile-settings,
body.incallx #main-profile #v-profile-settings .profile-settings-grid,
body.incallx #main-profile #v-profile-settings .profile-form,
body.incallx #main-profile #v-profile-settings .profile-form .card-body,
body.incallx #main-profile #v-profile-settings .woo-name-effect-settings,
body.incallx #main-profile #v-profile-settings .woo-ai-effect-builder {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

body.incallx #main-profile #v-profile-settings .profile-form .row {
    --bs-gutter-x: 10px;
    max-width: 100%;
}

body.incallx #main-profile #v-profile-settings .profile-form .row > * {
    min-width: 0;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls {
    grid-template-columns: 42px minmax(0, 1fr) 92px;
    width: 100%;
    align-items: center;
    padding: 6px;
    border: 1px solid rgba(32, 224, 196, .12);
    border-radius: 14px;
    background: rgba(2, 6, 16, .42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-icon-preview {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(32, 224, 196, .24);
    border-radius: 12px;
    background: radial-gradient(circle at 30% 20%, rgba(255, 88, 112, .32), transparent 46%), rgba(10, 18, 34, .9);
    color: #7df9eb;
    font-size: 17px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(32, 224, 196, .09);
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls input {
    min-width: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls button {
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
    border: 0;
    background: linear-gradient(135deg, #21e6bd, #5bf277);
    color: #03111b;
    box-shadow: 0 10px 22px rgba(33, 230, 189, .16);
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid {
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    gap: 6px;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label,
body.incallx #main-profile #v-profile-settings .woo-effect-grid label > span {
    min-width: 0;
    max-width: 100%;
}

body.incallx #main-profile #v-profile-settings .woo-effect-grid label > span,
body.incallx #main-profile #v-profile-settings .form-control,
body.incallx #main-profile #v-profile-settings .form-select,
body.incallx #main-profile #v-profile-settings .btn {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx #main-profile #v-profile-settings textarea.form-control {
    white-space: normal;
}

@media (max-width: 575.98px) {
    body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls button {
        grid-column: 1 / -1;
        width: 100%;
    }

    body.incallx #main-profile #v-profile-settings .woo-effect-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Whitoo profile security polish 2026051945 */
body.incallx #main-profile #v-profile-security .row.justify-content-center {
    justify-content: flex-start !important;
}

body.incallx #main-profile #v-profile-security .col-xl-9 {
    max-width: 820px;
}

body.incallx #main-profile #password-form {
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .16) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(32, 224, 196, .07), transparent 30%),
        linear-gradient(180deg, rgba(12, 18, 31, .94), rgba(5, 9, 18, .98)) !important;
    color: #f8fbff;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

body.incallx #main-profile #password-form .card-body {
    display: grid;
    gap: 9px;
    padding: 15px !important;
}

body.incallx #main-profile #password-form h2 {
    margin: 0 !important;
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
}

body.incallx #main-profile #password-form h2::after {
    content: "Hesap girisi ve sifre ayarlarini buradan yonet.";
    display: block;
    margin-top: 5px;
    color: rgba(226, 232, 240, .58);
    font-size: 11px;
    font-weight: 650;
}

body.incallx #main-profile #password-form h3.card-title {
    width: fit-content;
    margin: 2px 0 0 !important;
    padding: 5px 9px;
    border: 1px solid rgba(32, 224, 196, .14);
    border-left: 3px solid #20e0c4;
    border-radius: 9px;
    background: rgba(32, 224, 196, .06);
    color: rgba(248, 251, 255, .94);
    font-size: 12px;
    font-weight: 900;
}

body.incallx #main-profile #password-form .card-subtitle {
    display: none !important;
}

body.incallx #main-profile #password-form .form-check {
    min-height: 38px;
    margin: 0 !important;
    padding: 8px 10px 8px 44px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(3, 7, 18, .36);
}

body.incallx #main-profile #password-form .form-switch .form-check-input {
    margin-left: -34px;
}

body.incallx #main-profile #password-form .form-check-input {
    border-color: rgba(148, 163, 184, .28);
    background-color: rgba(15, 23, 42, .88);
}

body.incallx #main-profile #password-form .form-check-input:checked {
    border-color: #20e0c4;
    background-color: #20e0c4;
}

body.incallx #main-profile #password-form .form-check-label {
    color: rgba(226, 232, 240, .86);
    font-size: 12px;
    font-weight: 750;
}

body.incallx #main-profile #password-form .profile-security-accordion {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 !important;
}

body.incallx #main-profile #password-form .profile-security-collapse {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 13px;
    background: rgba(3, 7, 18, .34);
}

body.incallx #main-profile #password-form .profile-security-collapse summary {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    cursor: pointer;
    list-style: none;
}

body.incallx #main-profile #password-form .profile-security-collapse summary::-webkit-details-marker {
    display: none;
}

body.incallx #main-profile #password-form .profile-security-collapse summary span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    color: #f8fbff;
    font-size: 12px;
    font-weight: 900;
}

body.incallx #main-profile #password-form .profile-security-collapse summary i {
    color: #20e0c4;
}

body.incallx #main-profile #password-form .profile-security-collapse summary small {
    flex: 0 0 auto;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(32, 224, 196, .10);
    color: rgba(125, 249, 235, .90);
    font-size: 10.5px;
    font-weight: 850;
}

body.incallx #main-profile #password-form .profile-security-collapse-body {
    max-height: 220px;
    overflow: auto;
    padding: 0 9px 9px;
}

body.incallx #main-profile #password-form .profile-security-row,
body.incallx #main-profile #password-form .profile-security-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
    background: rgba(8, 14, 28, .58);
}

body.incallx #main-profile #password-form .profile-security-row + .profile-security-row {
    margin-top: 6px;
}

body.incallx #main-profile #password-form .profile-security-row strong {
    display: block;
    color: #ffffff;
    font-size: 12px;
}

body.incallx #main-profile #password-form .profile-security-row span,
body.incallx #main-profile #password-form .profile-security-empty span {
    display: block;
    color: rgba(226, 232, 240, .58);
    font-size: 10.5px;
}

body.incallx #main-profile #password-form .profile-security-row > i,
body.incallx #main-profile #password-form .profile-security-empty i {
    color: rgba(125, 249, 235, .82);
}

body.incallx #main-profile #password-form .alert-warning {
    margin: 0 !important;
    padding: 8px 10px;
    border: 1px solid rgba(251, 191, 36, .20);
    border-radius: 11px;
    background: rgba(251, 191, 36, .08);
    color: rgba(254, 243, 199, .86);
    font-size: 11.5px;
}

body.incallx #main-profile #password-form .row.g-3,
body.incallx #main-profile #password-form .row.g-3.mt-2 {
    margin-top: 0 !important;
    row-gap: 8px;
}

body.incallx #main-profile #password-form .form-label {
    margin-bottom: 4px;
    color: rgba(226, 232, 240, .72);
    font-size: 10.5px;
    font-weight: 850;
}

body.incallx #main-profile #password-form .form-control {
    min-height: 34px;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 10px !important;
    background: rgba(2, 6, 16, .46) !important;
    color: #f8fbff !important;
    font-size: 12px;
}

body.incallx #main-profile #password-form .card-footer {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 10px 15px !important;
    border-color: rgba(148, 163, 184, .12) !important;
    background: rgba(3, 7, 18, .32) !important;
}

body.incallx #main-profile #password-form .card-footer .btn {
    min-height: 31px;
    padding: 5px 12px;
    border-radius: 11px !important;
    font-size: 11.5px;
    font-weight: 850;
}

body.incallx #main-profile #password-form .save-profile {
    border: 0 !important;
    background: linear-gradient(135deg, #20e0c4, #0ea5e9) !important;
    color: #03101a !important;
}

body.incallx #main-profile #password-form .deactivate-user {
    border: 1px solid rgba(248, 113, 113, .22) !important;
    background: rgba(248, 113, 113, .12) !important;
    color: #fecaca !important;
}

@media (max-width: 767.98px) {
    body.incallx #main-profile #password-form .profile-security-accordion {
        grid-template-columns: 1fr;
    }

    body.incallx #main-profile #password-form .card-footer {
        flex-direction: column-reverse;
    }
}

/* Whitoo ad image fit 2026051946 */
body.incallx .ad-space {
    padding: 0 !important;
    border-radius: 12px;
    background: transparent !important;
}

body.incallx .ad-space a,
body.incallx .ad-space picture {
    display: block;
    width: 100%;
    height: 100%;
}

body.incallx .ad-space img,
body.incallx .ad-space iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
}

body.incallx .ad-rightbar-top,
body.incallx .ad-rightbar-bottom,
body.incallx .ad-sidebar-top,
body.incallx .ad-sidebar-bottom {
    min-height: 78px;
    aspect-ratio: 3.05 / 1;
}

body.incallx .ad-main-top,
body.incallx .ad-main-bottom {
    min-height: 90px;
    aspect-ratio: 8 / 1;
}

body.incallx .ad-rightbar-top img,
body.incallx .ad-rightbar-bottom img,
body.incallx .ad-sidebar-top img,
body.incallx .ad-sidebar-bottom img {
    transform: scale(1.035);
}

/* Whitoo room edit professional compact 2026051947 */
body.incallx .chat-room-update-area {
    max-width: 980px;
}

body.incallx .lt-next-room-form.card {
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .16) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(32, 224, 196, .07), transparent 28%),
        linear-gradient(180deg, rgba(12, 18, 31, .94), rgba(5, 9, 18, .98)) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

body.incallx .lt-next-room-form > .card-header {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
    background: rgba(3, 7, 18, .34) !important;
}

body.incallx .lt-next-room-form #room-manage-tab {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding-bottom: 2px;
    border: 0;
    scrollbar-width: thin;
}

body.incallx .lt-next-room-form #room-manage-tab .nav-link {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(148, 163, 184, .12) !important;
    border-radius: 10px !important;
    background: rgba(8, 14, 28, .56) !important;
    color: rgba(226, 232, 240, .72) !important;
    font-size: 12px;
    font-weight: 850;
}

body.incallx .lt-next-room-form #room-manage-tab .nav-link.active {
    border-color: rgba(32, 224, 196, .38) !important;
    background: rgba(32, 224, 196, .12) !important;
    color: #f8fbff !important;
    box-shadow: inset 0 -2px 0 #20e0c4;
}

body.incallx .lt-next-room-form .room-manage-tab-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

body.incallx .lt-next-room-form .room-manage-tab-item i {
    margin-right: 0 !important;
    color: #20e0c4;
}

body.incallx .lt-next-room-form > .card-body {
    padding: 14px !important;
}

body.incallx .lt-next-room-form #chatroom-info {
    max-width: 100%;
    min-width: 0;
}

body.incallx .lt-next-room-form .card-room-info,
body.incallx .lt-next-room-form .card-room-users,
body.incallx .lt-next-room-form .lt-roles-panel,
body.incallx .lt-next-room-form .lt-room-bot-panel {
    max-width: 100%;
    min-width: 0;
}

body.incallx .lt-next-room-form h2 {
    margin: 0 0 4px !important;
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: 0;
}

body.incallx .lt-next-room-form .lt-form-note {
    margin-top: 3px;
    color: rgba(226, 232, 240, .54) !important;
    font-size: 11px;
    line-height: 1.35;
}

body.incallx .lt-next-room-form .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 8px;
}

body.incallx .lt-next-room-form .row.g-3,
body.incallx .lt-next-room-form .row.g-3.mt-2 {
    margin-top: 8px !important;
}

body.incallx .lt-next-room-form .form-label {
    margin-bottom: 4px;
    color: rgba(226, 232, 240, .82) !important;
    font-size: 11.5px;
    font-weight: 850;
}

body.incallx .lt-next-room-form .form-control,
body.incallx .lt-next-room-form .form-select,
body.incallx .lt-next-room-form textarea,
body.incallx .lt-next-room-form select {
    min-height: 36px;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 10px !important;
    background: rgba(2, 6, 16, .48) !important;
    color: #f8fbff !important;
    font-size: 12.5px;
}

body.incallx .lt-next-room-form textarea.form-control {
    min-height: 82px;
    resize: vertical;
}

body.incallx .lt-next-room-form .divide-y {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

body.incallx .lt-next-room-form .divide-y > div,
body.incallx .lt-next-room-form .lt-plus-locked-row {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(3, 7, 18, .34);
}

body.incallx .lt-next-room-form .divide-y label.row,
body.incallx .lt-next-room-form label.row {
    width: 100%;
    margin: 0;
    align-items: center;
}

body.incallx .lt-next-room-form .divide-y label.row > .col-4,
body.incallx .lt-next-room-form label.row > .col-4 {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
}

body.incallx .lt-next-room-form .divide-y label.row > .col-auto,
body.incallx .lt-next-room-form label.row > .col-auto {
    flex: 0 0 auto;
}

body.incallx .lt-next-room-form .pin-area.text-end {
    flex: 0 0 42px;
    width: 42px;
    max-width: 42px;
}

body.incallx .lt-next-room-form .pin-area:not(.text-end) {
    flex: 0 0 110px;
    width: 110px;
    max-width: 110px;
}

body.incallx .lt-next-room-form .form-check-input {
    border-color: rgba(148, 163, 184, .28);
    background-color: rgba(15, 23, 42, .86);
}

body.incallx .lt-next-room-form .form-check-input:checked {
    border-color: #20e0c4;
    background-color: #20e0c4;
}

body.incallx .lt-next-room-form input[type="file"].form-control-file {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px dashed rgba(32, 224, 196, .24);
    border-radius: 10px;
    background: rgba(32, 224, 196, .06);
    color: rgba(226, 232, 240, .78);
    font-size: 12px;
}

body.incallx .lt-next-room-form .room-coverimage-preview,
body.incallx .lt-next-room-form .room-bgimage-preview {
    width: 128px;
    height: 58px;
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 12px;
    background: rgba(3, 7, 18, .44);
}

body.incallx .lt-next-room-form .room-coverimage-preview img,
body.incallx .lt-next-room-form .room-bgimage-preview img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

body.incallx .lt-next-room-form .room-bgimage-remove {
    min-height: 28px;
    margin-top: 6px;
    border-radius: 9px !important;
}

body.incallx .lt-next-room-form hr {
    margin: 12px 0;
    border-color: rgba(148, 163, 184, .12);
    opacity: 1;
}

body.incallx .lt-next-room-form .table {
    color: rgba(226, 232, 240, .86);
    font-size: 12px;
}

body.incallx .lt-next-room-form .table th {
    color: #f8fbff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

body.incallx .lt-next-room-form .btn {
    border-radius: 10px !important;
    font-size: 12px;
    font-weight: 850;
}

body.incallx .lt-next-room-form .card-footer,
body.incallx .chat-room-update-area .card-footer {
    padding: 10px 14px !important;
    border-color: rgba(148, 163, 184, .12) !important;
    background: rgba(3, 7, 18, .32) !important;
}

@media (max-width: 991.98px) {
    body.incallx .lt-next-room-form .divide-y {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    body.incallx .lt-next-room-form > .card-body {
        padding: 12px !important;
    }

    body.incallx .lt-next-room-form label.row {
        gap: 8px;
    }

    body.incallx .lt-next-room-form .room-coverimage-preview,
    body.incallx .lt-next-room-form .room-bgimage-preview {
        width: 100%;
    }
}

/* Whitoo room hero voice presence badge 2026052012 */
body.incallx .woo-room-hero-meta {
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch;
}

body.incallx .woo-room-hero-meta .woo-room-presence-voice {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 36px;
    border-color: rgba(35, 213, 208, .28) !important;
    background:
        radial-gradient(circle at 18% 50%, rgba(35, 213, 208, .16), transparent 42%),
        rgba(8, 14, 28, .90) !important;
    color: #e9ffff;
    font-weight: 900;
}

body.incallx .woo-room-hero-meta .woo-room-presence-voice i {
    color: #23d5d0 !important;
    filter: drop-shadow(0 0 8px rgba(35, 213, 208, .38));
}

/* Woo Match */
body.incallx .lt-quick-match-dm {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 10px;
    border: 1px solid rgba(35, 213, 208, .28);
    border-radius: 13px;
    background:
        linear-gradient(135deg, rgba(255, 75, 104, .22), rgba(35, 213, 208, .16)),
        rgba(8, 14, 28, .88);
    color: #f8fbff;
    font-size: 13px;
    font-weight: 900;
}

body.incallx .whitoo-quick-match-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

body.incallx .whitoo-quick-match-modal.is-open {
    display: flex;
}

body.incallx .whitoo-quick-match-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, .72);
    backdrop-filter: blur(10px);
}

body.incallx .whitoo-quick-match-card {
    position: relative;
    width: min(590px, 100%);
    overflow: hidden;
    border: 1px solid rgba(35, 213, 208, .22);
    border-radius: 22px;
    background:
        radial-gradient(circle at 18% 8%, rgba(255, 75, 104, .24), transparent 34%),
        radial-gradient(circle at 86% 18%, rgba(35, 213, 208, .18), transparent 38%),
        rgba(10, 16, 30, .96);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
    color: #fff;
    padding: 22px;
}

body.incallx .whitoo-quick-match-x {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 12px;
    background: rgba(15, 23, 42, .72);
    color: #e2e8f0;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

body.incallx .whitoo-quick-match-x:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 75, 104, .5);
    background: rgba(255, 75, 104, .16);
}

body.incallx .whitoo-quick-match-head {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
    padding-right: 36px;
}

body.incallx .whitoo-quick-match-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 17px;
    background: linear-gradient(135deg, #ff4b68, #23d5d0);
    font-size: 24px;
    box-shadow: 0 12px 34px rgba(255, 75, 104, .24);
}

body.incallx .whitoo-quick-match-head span {
    color: #23d5d0;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx .whitoo-quick-match-head h3 {
    margin: 2px 0 5px;
    color: #fff;
    font-size: 24px;
    font-weight: 950;
}

body.incallx .whitoo-quick-match-head p {
    max-width: 420px;
    margin: 0;
    color: #b8c5d8;
    font-size: 13px;
    line-height: 1.45;
}

body.incallx .whitoo-quick-match-modes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 18px;
}

body.incallx .whitoo-quick-match-intents {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

body.incallx .whitoo-quick-match-modes label,
body.incallx .whitoo-quick-match-intents label,
body.incallx .whitoo-quick-match-grid label {
    margin: 0;
}

body.incallx .whitoo-quick-match-modes label,
body.incallx .whitoo-quick-match-intents label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 14px;
    background: rgba(15, 23, 42, .66);
    color: #dbeafe;
    font-weight: 900;
    cursor: pointer;
}

body.incallx .whitoo-quick-match-modes label.active,
body.incallx .whitoo-quick-match-intents label.active {
    border-color: rgba(255, 75, 104, .72);
    background: linear-gradient(135deg, rgba(255, 75, 104, .92), rgba(255, 75, 104, .52));
    color: #fff;
}

body.incallx .whitoo-quick-match-modes label:hover,
body.incallx .whitoo-quick-match-grid select:hover,
body.incallx .whitoo-quick-match-check:hover {
    border-color: rgba(35, 213, 208, .34);
}

body.incallx .whitoo-quick-match-modes input,
body.incallx .whitoo-quick-match-intents input {
    display: none;
}

body.incallx .whitoo-quick-match-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 14px;
}

body.incallx .whitoo-quick-match-grid label > span {
    display: block;
    margin-bottom: 6px;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 900;
}

body.incallx .whitoo-quick-match-grid select {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 13px;
    background: rgba(3, 7, 18, .58);
    color: #fff;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
    outline: none;
}

body.incallx .whitoo-quick-match-check {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 13px;
    background: rgba(15, 23, 42, .56);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.incallx .whitoo-quick-match-check input {
    width: 16px;
    height: 16px;
    accent-color: #23d5d0;
}

body.incallx .whitoo-quick-match-check i {
    color: #23d5d0;
}

body.incallx .whitoo-quick-match-check.active {
    border-color: rgba(35, 213, 208, .48);
    background: rgba(35, 213, 208, .12);
    box-shadow: inset 0 0 0 1px rgba(35, 213, 208, .08);
}

body.incallx .whitoo-quick-match-check span {
    margin: 0 !important;
    color: #e2e8f0 !important;
}

body.incallx .whitoo-quick-match-status {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(35, 213, 208, .18);
    border-radius: 14px;
    background: rgba(35, 213, 208, .08);
    color: #cfffff;
    font-size: 13px;
    font-weight: 850;
}

body.incallx .whitoo-quick-match-result {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 75, 104, .24);
    border-radius: 16px;
    background:
        radial-gradient(circle at 8% 50%, rgba(255, 75, 104, .2), transparent 34%),
        rgba(15, 23, 42, .76);
}

body.incallx .whitoo-quick-match-result[hidden],
body.incallx .whitoo-quick-match-actions button[hidden] {
    display: none !important;
}

body.incallx .whitoo-quick-match-live {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(5,10,18,.64);
}
body.incallx .whitoo-quick-match-live > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 9px;
}
body.incallx .whitoo-quick-match-live > header strong {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #f7f9ff;
    font-size: 12px;
}
body.incallx .whitoo-quick-match-live > header strong i { color: #20e0c4; }
body.incallx .whitoo-quick-match-live > header span {
    min-width: 24px;
    padding: 3px 7px;
    border-radius: 999px;
    color: #20e0c4;
    background: rgba(32,224,196,.1);
    text-align: center;
    font: 700 11px/1.4 inherit;
}
body.incallx [data-quick-match-live-list] { display: grid; gap: 7px; max-height: 188px; overflow: auto; }
body.incallx .whitoo-quick-live-item {
    width: 100%;
    min-height: 52px;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr) auto auto;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 13px;
    color: #fff;
    background: rgba(255,255,255,.035);
    text-align: left;
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
body.incallx .whitoo-quick-live-item:not(:disabled):hover { transform: translateY(-1px); border-color: rgba(32,224,196,.42); background: rgba(32,224,196,.07); }
body.incallx .whitoo-quick-live-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #20e0c4; background: rgba(32,224,196,.1); }
body.incallx .whitoo-quick-live-item.is-game .whitoo-quick-live-icon { color: #ff4058; background: rgba(255,64,88,.11); }
body.incallx .whitoo-quick-live-item span:nth-child(2) { min-width: 0; display: grid; }
body.incallx .whitoo-quick-live-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
body.incallx .whitoo-quick-live-item small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.48); font-size: 10px; }
body.incallx .whitoo-quick-live-item > b { color: #20e0c4; font-size: 9px; letter-spacing: .7px; }
body.incallx .whitoo-quick-live-item.is-mine { opacity: .65; cursor: default; }
body.incallx .whitoo-quick-live-empty { display: flex; align-items: center; gap: 8px; min-height: 48px; color: rgba(255,255,255,.42); font-size: 11px; }

body.incallx .whitoo-quick-match-player {
    display: flex;
    align-items: center;
    gap: 12px;
}

body.incallx .whitoo-quick-match-avatar {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 15px;
    background: linear-gradient(135deg, #ff4b68, #23d5d0);
    color: #fff;
    font-size: 18px;
    font-weight: 950;
}

body.incallx .whitoo-quick-match-player strong,
body.incallx .whitoo-quick-match-player small {
    display: block;
}

body.incallx .whitoo-quick-match-player strong {
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

body.incallx .whitoo-quick-match-player small {
    margin-top: 2px;
    color: #b8c5d8;
    font-size: 12px;
    font-weight: 800;
}

body.incallx .whitoo-quick-match-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

body.incallx .whitoo-quick-match-actions button {
    min-height: 42px;
    border-radius: 13px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 950;
}

body.incallx .whitoo-quick-match-cancel {
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .72);
    color: #dbeafe;
}

body.incallx .whitoo-quick-match-start {
    border: 0;
    background: linear-gradient(135deg, #ff4b68, #23d5d0);
    color: #fff;
}

body.incallx .whitoo-quick-match-accept {
    border: 0;
    background: linear-gradient(135deg, #23d5d0, #2dd4bf);
    color: #04111f;
}

body.incallx .lt-game-member-role {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    color: #7f91ab;
    font-size: 11px;
    text-transform: capitalize;
}

body.incallx .lt-game-member-state.is-ready {
    color: #24d2b1;
}

body.incallx .lt-game-lobby-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

body.incallx .lt-game-lobby-tools label {
    display: grid;
    gap: 5px;
    margin: 0;
}

body.incallx .lt-game-lobby-tools label span {
    color: #8696ac;
    font-size: 11px;
    font-weight: 800;
}

body.incallx .lt-game-lobby-tools select,
body.incallx .lt-game-invite input {
    height: 40px;
    min-width: 116px;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 11px;
    padding: 0 10px;
    background: rgba(7, 13, 26, .74);
    color: #e6edf8;
    font-size: 12px;
    outline: none;
}

body.incallx .lt-game-ready.is-ready {
    border-color: rgba(36, 210, 177, .46);
    background: rgba(36, 210, 177, .16);
    color: #25d4b4;
}

body.incallx .lt-game-ready {
    min-width: 128px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3158, #ef476f);
    box-shadow: 0 12px 32px rgba(255, 49, 88, .22);
}

body.incallx .lt-game-ready-count {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 999px;
    background: rgba(15, 23, 42, .72);
    color: #aebcd0;
    font-size: 12px;
    font-weight: 900;
}

body.incallx .lt-game-ready-count.is-complete {
    border-color: rgba(45, 212, 191, .40);
    background: rgba(45, 212, 191, .12);
    color: #7df5e7;
}

body.incallx .lt-game-invite {
    display: flex;
    gap: 6px;
}

body.incallx .lt-game-invite button {
    height: 40px;
    border: 1px solid rgba(35, 213, 208, .35);
    border-radius: 11px;
    padding: 0 12px;
    background: rgba(35, 213, 208, .13);
    color: #26d4cf;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 575.98px) {
    body.incallx .lt-game-lobby-tools,
    body.incallx .lt-game-invite {
        width: 100%;
    }
    body.incallx .lt-game-lobby-tools label {
        flex: 1;
    }
    body.incallx .lt-game-lobby-tools select,
    body.incallx .lt-game-invite input {
        width: 100%;
        min-width: 0;
    }
    body.incallx .lt-game-invite input {
        flex: 1;
    }
}

@media (max-width: 575.98px) {
    body.incallx .whitoo-quick-match-card {
        padding: 16px;
        border-radius: 18px;
    }

    body.incallx .whitoo-quick-match-grid {
        grid-template-columns: 1fr;
    }
}

/* Clean profile popover v2 2026052417 */
.popover.woo-profile-popover-v2 {
    width: 322px !important;
    max-width: min(322px, calc(100vw - 24px)) !important;
    border: 0 !important;
    background: transparent !important;
    filter: drop-shadow(0 24px 48px rgba(0, 0, 0, .42)) !important;
}

.popover.woo-profile-popover-v2 .popover-arrow {
    display: none !important;
}

.popover.woo-profile-popover-v2 .popover-body {
    padding: 1px !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
        linear-gradient(135deg, rgba(244, 63, 94, .55), rgba(45, 212, 191, .48) 50%, rgba(120, 140, 170, .24)) !important;
}

.woo-profile-card-v2 {
    overflow: hidden;
    border-radius: 17px;
    background:
        radial-gradient(circle at 16% 0%, rgba(244, 63, 94, .18), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(45, 212, 191, .16), transparent 36%),
        linear-gradient(180deg, #0f1726 0%, #060a13 100%);
    color: #f8fafc;
}

.woo-profile-v2-cover {
    position: relative;
    min-height: 92px;
    background-size: cover;
    background-position: center;
    opacity: .78;
}

.woo-profile-v2-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(4, 8, 16, .08) 0%, rgba(5, 9, 17, .64) 76%, #060a13 100%),
        linear-gradient(90deg, rgba(244, 63, 94, .10), rgba(45, 212, 191, .10));
}

.woo-profile-v2-body {
    display: grid;
    justify-items: center;
    padding: 0 16px 15px;
    text-align: center;
}

.woo-profile-v2-identity {
    display: grid;
    justify-items: center;
    width: 100%;
}

.woo-profile-v2-avatar {
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    margin: -29px auto 9px !important;
    border: 1px solid rgba(45, 212, 191, .34) !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    background: #09101d !important;
    box-shadow:
        0 14px 26px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(255, 255, 255, .035) !important;
    float: none !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
}

.woo-profile-v2-name {
    display: block !important;
    float: none !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 8px !important;
    color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.woo-profile-v2-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 28px !important;
    margin: 10px 0 0 !important;
}

.woo-profile-v2-badges .profile-auto-badge {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    padding: 0 !important;
    border: 1px solid rgba(118, 138, 166, .24) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(18, 27, 42, .94), rgba(8, 13, 24, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.woo-profile-v2-badges .profile-auto-badge i {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    border-radius: inherit !important;
    background: transparent !important;
    color: #2dd4bf !important;
    font-size: 15px !important;
}

.woo-profile-v2-badges .profile-auto-badge.is-premium {
    border-color: rgba(245, 158, 11, .34) !important;
}

.woo-profile-v2-badges .profile-auto-badge.is-premium i {
    color: #fbbf24 !important;
}

.woo-profile-v2-about {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    margin-top: 10px;
    padding: 9px 10px;
    border: 1px solid rgba(118, 138, 166, .15);
    border-radius: 12px;
    background: rgba(3, 7, 18, .42);
    color: rgba(226, 232, 240, .82);
    font-size: 11.5px;
    font-weight: 750;
    line-height: 1.35;
    text-align: left;
}

.woo-profile-v2-about i {
    color: #2dd4bf;
    flex: 0 0 auto;
}

.woo-profile-v2-about span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.woo-profile-v2-roles {
    width: 100%;
    margin-top: 10px;
    padding: 9px;
    border: 1px solid rgba(45, 212, 191, .14);
    border-radius: 12px;
    background: rgba(8, 14, 28, .48);
    text-align: left;
}

.woo-profile-v2-role-title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    color: #9eefff;
    font-size: 11px;
    font-weight: 900;
}

.woo-profile-v2-actions {
    padding: 11px 12px 12px;
    border-top: 1px solid rgba(118, 138, 166, .12);
    background: rgba(3, 7, 18, .42);
}

.woo-profile-v2-action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.woo-profile-v2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 11px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.woo-profile-v2-btn span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.woo-profile-v2-btn-soft {
    border-color: rgba(244, 63, 94, .34);
    background: rgba(244, 63, 94, .11);
    color: #fecdd3;
}

.woo-profile-v2-btn-main {
    border-color: rgba(34, 211, 238, .34);
    background: linear-gradient(135deg, #20c7cb, #1597d7);
    color: #021018;
}

.woo-profile-v2-btn:hover {
    transform: translateY(-1px);
}

/* Compact right panel layout 2026052502 */
body.incallx #rightbar-wrapper {
    padding: 9px 8px 12px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(45, 212, 191, .05), transparent 30%),
        linear-gradient(180deg, #08101c, #050912) !important;
}

body.incallx #rightbar-wrapper .woo-right-profile-card {
    margin-bottom: 8px;
    padding: 9px;
    border-radius: 9px;
    border-color: rgba(45, 212, 191, .22);
    background:
        radial-gradient(circle at 100% 0%, rgba(45, 212, 191, .08), transparent 46%),
        linear-gradient(145deg, rgba(244, 63, 94, .09), rgba(8, 14, 27, .96) 42%);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

body.incallx #rightbar-wrapper .woo-right-profile-top {
    grid-template-columns: 39px minmax(0, 1fr) 32px;
    gap: 8px;
}

body.incallx #rightbar-wrapper .woo-right-profile-top img {
    width: 39px;
    height: 39px;
    border-width: 1px;
    border-radius: 9px;
}

body.incallx #rightbar-wrapper .woo-right-profile-top strong {
    font-size: 13px;
    line-height: 1.15;
}

body.incallx #rightbar-wrapper .woo-right-profile-top span {
    font-size: 10.5px;
}

body.incallx #rightbar-wrapper .woo-right-crown {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border-color: rgba(148, 163, 184, .15);
    background: rgba(15, 23, 42, .68);
    color: #9fb0c6;
}

body.incallx #rightbar-wrapper .woo-right-crown i {
    color: #9fb0c6 !important;
    font-size: 15px;
}

body.incallx #rightbar-wrapper .woo-right-crown.is-active {
    border-color: rgba(251, 191, 36, .30);
    background: rgba(251, 191, 36, .10);
}

body.incallx #rightbar-wrapper .woo-right-crown.is-active i {
    color: #fbbf24 !important;
}

body.incallx #rightbar-wrapper .profile-auto-badges-self {
    gap: 5px;
    margin: 6px 0 0;
}

body.incallx #rightbar-wrapper .profile-auto-badges-self .profile-auto-badge {
    width: 25px;
    height: 25px;
    min-height: 25px;
    max-width: 25px;
    border-radius: 7px;
}

body.incallx #rightbar-wrapper .profile-auto-badges-self .profile-auto-badge i {
    font-size: 14px;
}

body.incallx #rightbar-wrapper .woo-right-profile-details {
    margin-top: 6px;
    border-radius: 8px;
}

body.incallx #rightbar-wrapper .woo-right-profile-details summary {
    min-height: 29px;
    padding: 0 8px;
    font-size: 10.5px;
}

body.incallx .woo-right-tools {
    display: flex;
    gap: 5px;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid rgba(148, 163, 184, .09);
}

body.incallx .woo-right-tool {
    display: grid;
    place-items: center;
    flex: 1 1 0;
    height: 31px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 7px;
    background: rgba(4, 8, 18, .48);
    color: #8fa5be;
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

body.incallx .woo-right-tool i {
    font-size: 15px;
    color: inherit !important;
}

body.incallx .woo-right-tool:hover,
body.incallx .woo-right-tool.is-active {
    border-color: rgba(45, 212, 191, .26);
    background: rgba(45, 212, 191, .09);
    color: #2dd4bf;
}

body.incallx #rightbar-wrapper .woo-right-tournament-card {
    margin-bottom: 8px;
    border-radius: 8px;
    background: rgba(8, 13, 25, .92);
}

body.incallx #rightbar-wrapper .woo-right-tournament-head {
    min-height: 36px;
    padding: 0 9px;
}

body.incallx #rightbar-wrapper .woo-right-tournament-head span {
    font-size: 11px;
}

body.incallx #rightbar-wrapper .woo-right-tournament-head small {
    min-width: 20px;
    height: 20px;
    font-size: 10px;
}

body.incallx #rightbar-wrapper .ad-rightbar-top {
    height: 62px !important;
    min-height: 62px !important;
    aspect-ratio: auto !important;
    margin: 0 0 8px !important;
    border-radius: 8px !important;
    overflow: hidden;
}

body.incallx #rightbar-wrapper .ad-rightbar-top img,
body.incallx #rightbar-wrapper .ad-rightbar-top iframe {
    transform: none !important;
    object-fit: cover !important;
}

body.incallx #rightbar-wrapper .woo-rpanel-head {
    min-height: 33px;
    margin: 0 0 6px;
    padding: 0 9px;
    border: 1px solid rgba(45, 212, 191, .13);
    border-radius: 8px;
    background: rgba(8, 13, 25, .76);
}

body.incallx #rightbar-wrapper .woo-rpanel-head span {
    font-size: 11.5px;
}

body.incallx #rightbar-wrapper .woo-rpanel-head small {
    font-size: 10px;
}

body.incallx #rightbar-wrapper #rpanel-tab {
    min-height: 37px;
    margin-bottom: 7px;
    padding: 3px;
    border-radius: 8px;
}

body.incallx #rightbar-wrapper #rpanel-tab .nav-link {
    height: 29px;
    border-radius: 6px;
}

body.incallx #rightbar-wrapper .room-users-row .input-icon,
body.incallx #rightbar-wrapper .group-users-row .input-icon {
    margin-bottom: 7px;
}

body.incallx #rightbar-wrapper .room-user-search,
body.incallx #rightbar-wrapper .group-user-search {
    height: 38px;
    border-radius: 8px !important;
}

body.incallx #rightbar-wrapper .lt-role-user-section {
    margin: 7px 0 9px;
}

/* In-chat feature workspace 2026052503 */
body.incallx.woo-chat-workspace-open {
    overflow: hidden;
}

body.incallx .woo-chat-workspace {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

body.incallx .woo-chat-workspace.is-open {
    display: flex;
}

body.incallx .woo-chat-workspace-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 5, 13, .72);
    backdrop-filter: blur(5px);
}

body.incallx .woo-chat-workspace-card {
    position: relative;
    display: grid;
    grid-template-rows: 54px minmax(0, 1fr);
    width: min(1240px, calc(100vw - 44px));
    height: min(840px, calc(100vh - 44px));
    overflow: hidden;
    border: 1px solid rgba(45, 212, 191, .22);
    border-radius: 12px;
    background: #080d18;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .62);
}

body.incallx .woo-chat-workspace-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px 0 17px;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    background:
        linear-gradient(90deg, rgba(244, 63, 94, .10), transparent 34%, rgba(45, 212, 191, .07)),
        #0a111e;
}

body.incallx .woo-chat-workspace-head div {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.incallx .woo-chat-workspace-head span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2dd4bf;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

body.incallx .woo-chat-workspace-head strong {
    overflow: hidden;
    border-left: 1px solid rgba(148, 163, 184, .18);
    padding-left: 12px;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .woo-chat-workspace-head button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 8px;
    background: rgba(15, 23, 42, .72);
    color: #cbd5e1;
}

body.incallx .woo-chat-workspace-head button:hover {
    border-color: rgba(244, 63, 94, .38);
    color: #fff;
}

body.incallx .woo-chat-workspace-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #060a13;
}

@media (max-width: 767.98px) {
    body.incallx .woo-chat-workspace {
        padding: 0;
    }

    body.incallx .woo-chat-workspace-card {
        width: 100vw;
        height: 100dvh;
        border: 0;
        border-radius: 0;
    }
}

body.incallx .lt-blocked-room-panel {
    display: grid;
    gap: 12px;
}

body.incallx .lt-blocked-room-list {
    display: grid;
    gap: 9px;
}

body.incallx .lt-blocked-room-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(248, 113, 113, .18);
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(244, 63, 94, .10), rgba(8, 14, 28, .72));
}

body.incallx .lt-blocked-room-avatar {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, #fb7185, #22d3ee);
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

body.incallx .lt-blocked-room-main {
    min-width: 0;
}

body.incallx .lt-blocked-room-main strong,
body.incallx .profile-blocked-user-row strong {
    display: block;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .lt-blocked-room-main span {
    display: block;
    overflow: hidden;
    color: rgba(226, 232, 240, .60);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .profile-unblock-user {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 112px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid rgba(32, 224, 196, .22);
    border-radius: 10px;
    background: rgba(32, 224, 196, .10);
    color: #7df9eb;
    font-size: 11px;
    font-weight: 900;
}

body.incallx .profile-unblock-user:hover {
    border-color: rgba(32, 224, 196, .42);
    background: rgba(32, 224, 196, .18);
    color: #fff;
}

body.incallx .profile-blocked-user-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(244, 63, 94, .08), rgba(8, 14, 28, .64));
}

body.incallx .profile-blocked-user-avatar {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 13px;
    object-fit: cover;
    background: rgba(15, 23, 42, .86);
}

body.incallx .profile-blocked-user-info {
    min-width: 0;
}

body.incallx .profile-blocked-user-info strong,
body.incallx .profile-blocked-user-info span,
body.incallx .profile-blocked-user-info small,
body.incallx .profile-blocked-user-info em {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .profile-blocked-user-info strong {
    color: #fff;
    font-size: 12.5px;
    font-weight: 950;
}

body.incallx .profile-blocked-user-info span {
    color: rgba(125, 249, 235, .78);
    font-size: 10.5px;
    font-weight: 800;
}

body.incallx .profile-blocked-user-info small,
body.incallx .profile-blocked-user-info em {
    color: rgba(226, 232, 240, .56);
    font-size: 10.5px;
    font-style: normal;
}

@media (max-width: 575.98px) {
    body.incallx .lt-blocked-room-item {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    body.incallx .lt-blocked-room-item .lt-room-action {
        grid-column: 1 / -1;
        justify-content: center;
        width: 100%;
    }

    body.incallx .profile-blocked-user-card {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    body.incallx .profile-blocked-user-avatar {
        width: 38px;
        height: 38px;
    }

    body.incallx .profile-blocked-user-card .profile-unblock-user {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* Unified chat composer */
body.incallx .room-editor,
body.incallx .private-editor {
    padding: 0 14px 12px !important;
    background:
        linear-gradient(180deg, rgba(2, 6, 16, .90), rgba(2, 6, 16, .98)) !important;
    border-top: 1px solid rgba(32, 224, 196, .16);
}

body.incallx .editor-wrap {
    display: grid;
    gap: 0;
}

body.incallx .editor-container.editor-controller.woo-composer-active {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: none;
    min-height: 68px;
    margin: 0 !important;
    padding: 9px !important;
    position: relative;
    border: 1px solid rgba(255, 51, 71, .30) !important;
    border-top-color: rgba(32, 224, 196, .22) !important;
    border-radius: 0 0 15px 15px !important;
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .10), rgba(32, 224, 196, .06)),
        rgba(8, 12, 24, .98) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.incallx .editor-container.editor-controller .attachment-col {
    display: grid !important;
    place-items: center;
    width: 42px;
    min-height: 42px !important;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 12px;
    background: rgba(15, 23, 42, .86);
}

body.incallx .editor-container.editor-controller .attachment-col svg {
    width: 22px;
    height: 22px;
}

body.incallx .editor-container.editor-controller .editor-col {
    min-width: 0;
}

body.incallx .editor-container.editor-controller .note-editor.note-frame {
    min-height: 48px;
    border: 1px solid rgba(32, 224, 196, .10) !important;
    border-radius: 12px !important;
    background: rgba(12, 18, 31, .88) !important;
}

body.incallx .editor-container.editor-controller .note-editor.note-frame:focus-within {
    border-color: rgba(32, 224, 196, .32) !important;
    box-shadow: 0 0 0 3px rgba(32, 224, 196, .06);
}

body.incallx .editor-container.editor-controller .note-editing-area,
body.incallx .editor-container.editor-controller .note-editable {
    min-height: 48px !important;
}

body.incallx .editor-container.editor-controller .note-editable {
    padding: 13px 14px !important;
    color: rgba(248, 251, 255, .94) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

body.incallx .editor-container.editor-controller .emoji-col {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-height: 40px !important;
}

body.incallx .editor-container.editor-controller .editor-icon {
    width: 25px;
    height: 25px;
    margin-left: 0 !important;
    padding: 3px;
    border-radius: 9px;
    color: rgba(203, 213, 225, .78) !important;
}

body.incallx .editor-container.editor-controller .editor-icon:hover {
    background: rgba(32, 224, 196, .10);
    color: #7df9eb !important;
}

body.incallx .editor-container.editor-controller .send-col {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 40px !important;
    padding-left: 0 !important;
}

body.incallx .editor-container.editor-controller .lt-voice-hold-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border: 1px solid rgba(32, 224, 196, .22) !important;
    border-radius: 13px !important;
    background: rgba(32, 224, 196, .10) !important;
    color: #7df9eb !important;
}

body.incallx .editor-container.editor-controller .lt-send-message {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #ff3347, #ff7a18) !important;
    box-shadow: 0 12px 28px rgba(255, 51, 71, .30) !important;
}

body.incallx .editor-container.editor-controller .lt-voice-recorder {
    position: absolute;
    inset: 7px;
    z-index: 9;
    min-height: 52px;
    margin: 0 !important;
    border: 1px solid rgba(32, 224, 196, .24);
    border-radius: 13px;
    background:
        linear-gradient(135deg, rgba(244, 63, 94, .18), rgba(32, 224, 196, .16)),
        rgba(8, 14, 28, .98);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .34);
}

body.incallx .editor-container.editor-controller .lt-voice-recorder:not(.is-recording):not(.is-locked) {
    display: none !important;
}

@media (max-width: 767.98px) {
    body.incallx .editor-container.editor-controller {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        max-width: none;
        border-radius: 14px !important;
    }

    body.incallx .editor-container.editor-controller .emoji-col {
        display: none !important;
    }

    body.incallx .woo-composer-title span {
        display: none;
    }
}

/* Chat surface + composer merged into one panel */
body.incallx .main-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    min-height: 0;
    overflow: hidden;
    padding: 12px 12px 0 !important;
    background:
        radial-gradient(circle at 15% 18%, rgba(255, 51, 71, .10), transparent 24%),
        radial-gradient(circle at 86% 72%, rgba(32, 224, 196, .10), transparent 26%),
        #050811 !important;
}

body.incallx .main-panel > .ad-space,
body.incallx .main-panel > .alert,
body.incallx .main-panel > .room-notice {
    margin: 0 0 8px !important;
}

body.incallx .chat-scroll {
    min-height: 0;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 1px solid rgba(32, 224, 196, .18);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .08), transparent 30%),
        linear-gradient(315deg, rgba(32, 224, 196, .10), transparent 34%),
        #070b16 !important;
    scrollbar-gutter: stable;
}

body.incallx .chat-scroll::-webkit-scrollbar {
    width: 8px;
}

body.incallx .chat-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(32, 224, 196, .72), rgba(255, 51, 71, .55));
}

body.incallx .chat-scroll::-webkit-scrollbar-track {
    background: rgba(2, 6, 16, .72);
}

body.incallx .messages {
    min-height: 100%;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 22px 22px 16px !important;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .030) 1px, transparent 1px),
        transparent !important;
    background-size: 36px 36px, 36px 36px, auto !important;
    box-shadow: none !important;
}

body.incallx .room-editor,
body.incallx .private-editor {
    padding: 0 0 12px !important;
    background: transparent !important;
    border-top: 0 !important;
}

body.incallx .editor-wrap {
    border: 1px solid rgba(32, 224, 196, .18);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    background: #070b16;
    box-shadow: none;
}

body.incallx .editor-container.editor-controller.woo-composer-active {
    border: 0 !important;
    border-radius: 0 0 15px 15px !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px 14px 12px !important;
}

body.incallx .attachments-container.gse-container {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
    border-radius: 0 !important;
    background: rgba(8, 14, 28, .96) !important;
}

body.incallx .reply-msg-row {
    margin: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    background: rgba(8, 14, 28, .88);
}

body.incallx .is-typing {
    margin: 0 0 5px 8px;
}

body.incallx .rightbar-wrapper,
body.incallx .height-scroll-rpanel,
body.incallx .height-scroll-rpanelx {
    scrollbar-width: thin;
    scrollbar-color: rgba(32, 224, 196, .28) transparent;
}

/* Private DM composer bottom lock 20260610 */
body.incallx #main-private,
body.incallx #main-private .page-content-wrapper,
body.incallx #main-private .private-chat,
body.incallx #main-private .private-chat > .wrapper {
    min-height: 0 !important;
    height: 100% !important;
}

body.incallx #main-private .private-chat > .wrapper {
    align-items: stretch !important;
}

body.incallx #main-private .main-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
    align-self: stretch !important;
    min-height: calc(100vh - 74px) !important;
    height: calc(100vh - 74px) !important;
    padding: 12px 12px 0 !important;
    overflow: hidden !important;
}

body.incallx #main-private .chat-scroll {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(32, 224, 196, .20) !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .08), transparent 30%),
        linear-gradient(315deg, rgba(32, 224, 196, .10), transparent 34%),
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .030) 1px, transparent 1px),
        #070b16 !important;
    background-size: auto, auto, 36px 36px, 36px 36px, auto !important;
}

body.incallx #main-private .messages.chats {
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 22px !important;
    scroll-padding-bottom: 24px !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.incallx #main-private .messages.chats::-webkit-scrollbar {
    width: 8px;
}

body.incallx #main-private .messages.chats::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(32, 224, 196, .72), rgba(255, 51, 71, .55));
}

body.incallx #main-private .messages.chats::-webkit-scrollbar-track {
    background: rgba(2, 6, 16, .72);
}

body.incallx #main-private .private-editor {
    position: relative !important;
    z-index: 3 !important;
    align-self: end !important;
    min-height: 0 !important;
    padding: 0 0 12px !important;
    margin: 0 !important;
}

body.incallx #main-private .private-editor .editor-wrap {
    position: relative !important;
    z-index: 4 !important;
    border: 1px solid rgba(32, 224, 196, .20) !important;
    border-top: 0 !important;
    border-radius: 0 0 18px 18px !important;
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .08), rgba(32, 224, 196, .06)),
        #070b16 !important;
}

body.incallx #main-private .private-editor .editor-container.editor-controller,
body.incallx #main-private .private-editor .editor-container.editor-controller.woo-composer-active {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 64px !important;
    padding: 9px 12px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 0 17px 17px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.incallx #main-private .private-editor .note-editor.note-frame {
    min-height: 44px !important;
    border-radius: 14px !important;
}

body.incallx #main-private .private-editor .note-editing-area,
body.incallx #main-private .private-editor .note-editable {
    min-height: 44px !important;
}

body.incallx #main-private .private-editor .note-editable {
    padding: 12px 14px !important;
}

body.incallx #main-private .private-editor .lt-send-message {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 15px !important;
}

body.incallx #main-private .rightbar-wrapper {
    height: calc(100vh - 74px) !important;
    max-height: calc(100vh - 74px) !important;
    overflow-y: auto !important;
}

@media (max-width: 767.98px) {
    body.incallx #main-private .main-panel {
        min-height: calc(100vh - 62px) !important;
        height: calc(100vh - 62px) !important;
        padding: 8px 8px 0 !important;
    }

    body.incallx #main-private .private-editor .editor-container.editor-controller,
    body.incallx #main-private .private-editor .editor-container.editor-controller.woo-composer-active {
        grid-template-columns: 38px minmax(0, 1fr) auto !important;
        padding: 8px !important;
    }
}

/* Private DM fixed stage final pass 20260610 */
body.incallx #main-private .private-chat > .wrapper {
    min-height: 0 !important;
    height: 100% !important;
}

body.incallx #main-private .private-chat .main-panel {
    position: relative !important;
    display: block !important;
    min-height: calc(100vh - 74px) !important;
    height: calc(100vh - 74px) !important;
    padding: 12px !important;
    overflow: hidden !important;
}

body.incallx #main-private .private-chat .chat-scroll {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    bottom: 82px !important;
    left: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(32, 224, 196, .22) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .08), transparent 30%),
        linear-gradient(315deg, rgba(32, 224, 196, .10), transparent 34%),
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .030) 1px, transparent 1px),
        #070b16 !important;
    background-size: auto, auto, 36px 36px, 36px 36px, auto !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025) !important;
}

body.incallx #main-private .private-chat .messages.chats {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 22px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    scrollbar-gutter: stable !important;
}

body.incallx #main-private .private-chat .private-editor {
    position: absolute !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

body.incallx #main-private .private-chat .private-editor .editor-wrap {
    overflow: hidden !important;
    border: 1px solid rgba(32, 224, 196, .22) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .08), rgba(32, 224, 196, .07)),
        #070b16 !important;
}

body.incallx #main-private .private-chat .private-editor .editor-container.editor-controller,
body.incallx #main-private .private-chat .private-editor .editor-container.editor-controller.woo-composer-active {
    min-height: 58px !important;
    padding: 8px 10px !important;
    border-radius: 18px !important;
}

body.incallx #main-private .private-chat .ad-main-top {
    position: relative !important;
    z-index: 6 !important;
}

@media (max-width: 767.98px) {
    body.incallx #main-private .private-chat .main-panel {
        min-height: calc(100vh - 62px) !important;
        height: calc(100vh - 62px) !important;
        padding: 8px !important;
    }

    body.incallx #main-private .private-chat .chat-scroll {
        inset: 8px 8px 76px 8px !important;
    }

    body.incallx #main-private .private-chat .private-editor {
        right: 8px !important;
        bottom: 8px !important;
        left: 8px !important;
    }
}

body.incallx .rightbar-wrapper::-webkit-scrollbar,
body.incallx .height-scroll-rpanel::-webkit-scrollbar,
body.incallx .height-scroll-rpanelx::-webkit-scrollbar {
    width: 6px;
}

body.incallx .rightbar-wrapper::-webkit-scrollbar-thumb,
body.incallx .height-scroll-rpanel::-webkit-scrollbar-thumb,
body.incallx .height-scroll-rpanelx::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(32, 224, 196, .38);
}

/* Manage Rooms sidebar v2 */
body.incallx .sidebar-manage {
    padding: 12px 8px !important;
    background: #07101d !important;
}

body.incallx .sidebar-manage .lt-manage-sidebar-head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: auto;
    margin: 0 0 10px;
    padding: 12px;
    overflow: visible;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 14px;
    background: rgba(15, 23, 42, .62);
    box-shadow: none;
}

body.incallx .sidebar-manage .lt-manage-sidebar-head::after {
    display: none;
}

body.incallx .sidebar-manage .lt-manage-head-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(125, 249, 235, .18);
    border-radius: 11px;
    background: rgba(32, 224, 196, .08);
    color: rgba(125, 249, 235, .92);
    font-size: 17px;
}

body.incallx .sidebar-manage .lt-manage-sidebar-head span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 107, 127, .92);
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx .sidebar-manage .lt-manage-sidebar-head h2 {
    margin: 3px 0 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 950;
    line-height: 1.08;
}

body.incallx .sidebar-manage .lt-manage-sidebar-head small {
    display: block;
    margin-top: 3px;
    color: rgba(203, 213, 225, .62);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.25;
}

body.incallx .sidebar-manage .lt-manage-room-list {
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 14px;
    background: rgba(8, 14, 28, .52);
    box-shadow: none;
}

body.incallx .sidebar-manage .lt-manage-list-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 2px 8px;
}

body.incallx .sidebar-manage .lt-manage-list-title span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(125, 249, 235, .82);
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx .sidebar-manage .lt-manage-room-list .form-selectgroup-boxes {
    gap: 8px;
}

body.incallx .sidebar-manage .lt-manage-room-list .form-selectgroup-item {
    width: 100%;
    margin: 0 !important;
}

body.incallx .sidebar-manage .lt-manage-room-list .room-manage-row {
    position: relative;
    min-height: 54px;
    margin: 0 !important;
    padding: 8px;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: rgba(15, 23, 42, .54) !important;
    color: #f8fbff;
    box-shadow: none !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body.incallx .sidebar-manage .lt-manage-room-list .form-selectgroup-item:first-child .room-manage-row {
    min-height: 56px;
    border-color: rgba(255, 51, 71, .22) !important;
    background: rgba(255, 51, 71, .08) !important;
}

body.incallx .sidebar-manage .lt-manage-room-list .room-manage-row:hover,
body.incallx .sidebar-manage .lt-manage-room-list .form-selectgroup-input:checked + .room-manage-label {
    border-color: rgba(32, 224, 196, .24) !important;
    background: rgba(32, 224, 196, .08) !important;
    box-shadow: none !important;
    transform: none;
}

body.incallx .sidebar-manage .lt-manage-room-list .room-manage-row::after {
    content: "\ea61";
    font-family: "tabler-icons";
    margin-left: auto;
    color: rgba(125, 249, 235, .70);
    font-size: 14px;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .16s ease, transform .16s ease;
}

body.incallx .sidebar-manage .lt-manage-room-list .room-manage-row:hover::after,
body.incallx .sidebar-manage .lt-manage-room-list .form-selectgroup-input:checked + .room-manage-label::after {
    opacity: 1;
    transform: translateX(0);
}

body.incallx .sidebar-manage .lt-manage-room-list .room-manage-image {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 12px;
    background-color: rgba(15, 23, 42, .75);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: none;
}

body.incallx .sidebar-manage .lt-manage-room-list .form-selectgroup-item:first-child .room-manage-image {
    border-color: rgba(255, 51, 71, .24);
    background: rgba(255, 51, 71, .16);
    color: #ffffff;
    font-size: 18px;
}

body.incallx .sidebar-manage .lt-manage-room-list .room-manage-name {
    max-width: 128px;
    overflow: hidden;
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .sidebar-manage .lt-manage-room-meta {
    margin-top: 4px;
    color: rgba(203, 213, 225, .64);
    font-size: 10px;
    font-weight: 850;
}

body.incallx .sidebar-manage .lt-manage-room-meta i {
    color: #7df9eb;
}

/* Explore v2 command center */
body.incallx .sidebar-discovery {
    display: none !important;
}

body.incallx .sidebar-discovery .disc-header {
    margin: 0 4px 12px;
    color: #f8fbff;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: 0;
}

body.incallx .sidebar-discovery .disc-cat-list {
    padding: 10px;
    border: 1px solid rgba(32, 224, 196, .14);
    border-radius: 18px;
    background: rgba(6, 11, 22, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

body.incallx .sidebar-discovery .whitoo-category-filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    color: #7df9eb;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .02em;
    text-transform: uppercase;
}

body.incallx .sidebar-discovery .whitoo-sidebar-filter-select-wrap {
    height: 36px;
    margin-bottom: 10px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 12px;
    background: rgba(15, 23, 42, .66);
}

body.incallx .sidebar-discovery .whitoo-sidebar-category-select {
    height: 34px;
    color: rgba(248, 251, 255, .92);
    font-size: 12px;
    font-weight: 800;
}

body.incallx .sidebar-discovery .whitoo-sidebar-category-radios,
body.incallx .sidebar-discovery .whitoo-category-filter-scroll {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-height: 180px;
    overflow: auto;
    padding-right: 2px;
}

body.incallx .sidebar-discovery .form-selectgroup-item {
    min-width: 0;
    margin: 0 !important;
}

body.incallx .sidebar-discovery .disc-cat-row {
    min-height: 42px;
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 12px;
    background: rgba(15, 23, 42, .68);
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

body.incallx .sidebar-discovery .disc-cat-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 9px;
    background: rgba(32, 224, 196, .10);
    color: #7df9eb;
    font-size: 14px;
}

body.incallx .sidebar-discovery .disc-cat-name {
    min-width: 0;
    overflow: hidden;
    color: rgba(248, 251, 255, .86);
    font-size: 11px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .sidebar-discovery .form-selectgroup-input:checked + .disc-cat-row,
body.incallx .sidebar-discovery .disc-cat-row:hover {
    border-color: rgba(32, 224, 196, .40);
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .14), rgba(32, 224, 196, .12)),
        rgba(15, 23, 42, .82);
    transform: translateY(-1px);
}

body.incallx .sidebar-discovery .whitoo-sidebar-create-hub {
    gap: 8px !important;
    margin-top: 10px !important;
    padding: 8px;
    border: 1px solid rgba(32, 224, 196, .12);
    border-radius: 18px;
    background: rgba(6, 11, 22, .70);
}

body.incallx .sidebar-discovery .whitoo-create-tile {
    grid-template-columns: 36px minmax(0, 1fr) 14px !important;
    gap: 9px !important;
    min-height: 56px !important;
    padding: 8px !important;
    border-color: rgba(148, 163, 184, .13) !important;
    border-radius: 14px !important;
    background: rgba(15, 23, 42, .70) !important;
    box-shadow: none;
}

body.incallx .sidebar-discovery .whitoo-create-tile:hover {
    border-color: rgba(32, 224, 196, .38) !important;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .13), rgba(32, 224, 196, .10)),
        rgba(15, 23, 42, .86) !important;
}

body.incallx .sidebar-discovery .whitoo-create-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    font-size: 17px !important;
}

body.incallx .sidebar-discovery .whitoo-create-tile strong {
    max-width: 128px;
    color: #f8fbff;
    font-size: 12px !important;
    font-weight: 950;
}

body.incallx .sidebar-discovery .whitoo-create-tile small {
    max-width: 128px;
    color: rgba(203, 213, 225, .68) !important;
    font-size: 10px !important;
}

body.incallx .whitoo-explore-v2 .whitoo-explore-board {
    width: min(100%, 1520px);
    max-width: none;
    margin: 0 auto;
    padding: clamp(14px, 1.8vw, 28px) clamp(18px, 3.2vw, 44px) 34px !important;
    box-sizing: border-box;
    overflow-x: clip;
}

body.incallx .whitoo-explore-v2,
body.incallx .whitoo-explore-v2 .row,
body.incallx .whitoo-explore-v2 .col,
body.incallx .whitoo-explore-v2 .whitoo-explore-command,
body.incallx .whitoo-explore-v2 .lt-join-link-card,
body.incallx .whitoo-explore-v2 .whitoo-explore-category-deck,
body.incallx .whitoo-explore-v2 .whitoo-explore-search-hero {
    max-width: 100%;
    min-width: 0;
}

body.incallx .whitoo-explore-v2 .disc-slider {
    margin-bottom: 18px !important;
    overflow: hidden;
    border: 1px solid rgba(32, 224, 196, .14);
    border-radius: 24px;
    background: rgba(8, 14, 28, .62);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .26);
}

body.incallx .whitoo-explore-v2 .carousel,
body.incallx .whitoo-explore-v2 .carousel-inner,
body.incallx .whitoo-explore-v2 .carousel-item {
    border-radius: 24px;
}

body.incallx .whitoo-explore-v2 .carousel,
body.incallx .whitoo-explore-v2 .carousel-inner,
body.incallx .whitoo-explore-v2 .carousel-item,
body.incallx .whitoo-explore-v2 .carousel-item img {
    max-height: clamp(190px, 24vw, 310px);
}

body.incallx .whitoo-explore-command {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
    align-items: center;
    gap: clamp(22px, 3.5vw, 46px);
    min-height: 286px;
    margin: 0 0 20px;
    padding: clamp(26px, 3.4vw, 48px);
    overflow: hidden;
    border: 1px solid rgba(125, 249, 235, .20);
    border-radius: 30px;
    background:
        linear-gradient(115deg, rgba(255, 51, 71, .16), transparent 34%),
        radial-gradient(circle at 78% 18%, rgba(255, 51, 71, .28), transparent 22%),
        radial-gradient(circle at 92% 78%, rgba(32, 224, 196, .22), transparent 27%),
        radial-gradient(circle at 14% 8%, rgba(32, 224, 196, .18), transparent 32%),
        linear-gradient(135deg, rgba(8, 14, 28, .98), rgba(5, 31, 39, .95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 34px 86px rgba(0, 0, 0, .38);
}

body.incallx .whitoo-explore-command::after {
    content: "";
    position: absolute;
    inset: -120px -80px auto auto;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(255, 51, 71, .28), rgba(32, 224, 196, .08) 42%, transparent 68%);
    filter: blur(2px);
    pointer-events: none;
}

body.incallx .whitoo-explore-command::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, .045);
    border-radius: 24px;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .030) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.78), transparent 78%);
    pointer-events: none;
}

body.incallx .whitoo-explore-command span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7df9eb;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx .whitoo-explore-command strong {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 760px;
    margin-top: 10px;
    color: #ffffff;
    font-size: clamp(36px, 4.2vw, 64px);
    font-weight: 950;
    line-height: .98;
    letter-spacing: -.025em;
    text-shadow: 0 18px 38px rgba(0, 0, 0, .35);
}

body.incallx .whitoo-explore-command p {
    position: relative;
    z-index: 1;
    max-width: 650px;
    margin: 14px 0 0;
    color: rgba(226, 232, 240, .82);
    font-size: clamp(13px, 1.25vw, 17px);
    font-weight: 650;
    line-height: 1.45;
}

body.incallx .whitoo-explore-hero-meta {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}

body.incallx .whitoo-explore-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    background: rgba(3, 7, 18, .38);
    color: rgba(248, 251, 255, .86);
    font-size: 11px;
    font-weight: 900;
    text-transform: none;
}

body.incallx .whitoo-explore-command-actions {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        rgba(3, 7, 18, .44);
    backdrop-filter: blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 24px 60px rgba(0, 0, 0, .22);
}

body.incallx .whitoo-explore-command-actions button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 92px;
    padding: 14px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(32, 224, 196, .13), rgba(15, 23, 42, .70)),
        rgba(8, 14, 28, .82);
    color: #eaffff;
    text-align: left;
    font-size: 13px;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body.incallx .whitoo-explore-command-actions button > i,
body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link > i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 15px;
    background: rgba(32, 224, 196, .14);
    color: #7df9eb;
    font-size: 18px;
}

body.incallx .whitoo-explore-command-actions button span,
body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link span {
    display: block;
    min-width: 0;
}

body.incallx .whitoo-explore-command-actions button span strong,
body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link span strong {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.12;
    text-shadow: none;
}

body.incallx .whitoo-explore-command-actions button span small,
body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link span small {
    display: block;
    margin-top: 5px;
    color: rgba(203, 213, 225, .70);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

body.incallx .whitoo-explore-command-actions button:hover {
    border-color: rgba(32, 224, 196, .42);
    background:
        linear-gradient(135deg, rgba(32, 224, 196, .20), rgba(15, 23, 42, .82)),
        rgba(8, 14, 28, .90);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .22);
    transform: translateY(-2px);
}

body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 92px;
    padding: 14px;
    border: 1px solid rgba(168, 85, 247, .28);
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(168, 85, 247, .20), rgba(32, 224, 196, .12)),
        rgba(15, 23, 42, .72);
    color: #f8fbff;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link:hover {
    border-color: rgba(168, 85, 247, .52);
    background:
        linear-gradient(135deg, rgba(168, 85, 247, .30), rgba(32, 224, 196, .18)),
        rgba(15, 23, 42, .88);
    color: #ffffff;
    transform: translateY(-2px);
}

body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link i {
    color: #c4b5fd;
}

body.incallx .whitoo-explore-command-actions button:first-child {
    border-color: rgba(255, 51, 71, .28);
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .95), rgba(255, 94, 126, .88)),
        rgba(255, 51, 71, .70);
    color: #ffffff;
    box-shadow: 0 20px 46px rgba(255, 51, 71, .22);
}

body.incallx .whitoo-explore-command-actions button:first-child > i {
    background: rgba(255, 255, 255, .18);
    color: #ffffff;
}

body.incallx .whitoo-explore-command-actions button:first-child span small {
    color: rgba(255, 255, 255, .78);
}

body.incallx .whitoo-explore-command-actions button i:last-child {
    margin-left: auto;
}

body.incallx .whitoo-explore-v2 .lt-join-link-card {
    display: grid;
    grid-template-columns: minmax(250px, .62fr) minmax(360px, 1.38fr);
    align-items: center;
    gap: 22px;
    min-height: 118px;
    margin: 0 0 18px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 51, 71, .22);
    border-radius: 26px;
    background:
        radial-gradient(circle at 76% 40%, rgba(255, 255, 255, .16), transparent 20%),
        radial-gradient(circle at 95% 90%, rgba(32, 224, 196, .16), transparent 30%),
        linear-gradient(135deg, rgba(255, 51, 71, .16), rgba(32, 224, 196, .08)),
        rgba(8, 14, 28, .84);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 24px 56px rgba(0, 0, 0, .22);
}

body.incallx .whitoo-explore-v2 .lt-join-link-copy strong {
    color: #ffffff;
    font-size: 26px;
    font-weight: 950;
    line-height: 1.08;
}

body.incallx .whitoo-explore-category-deck {
    display: grid;
    grid-template-columns: minmax(210px, .24fr) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid rgba(32, 224, 196, .17);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 50%, rgba(32, 224, 196, .12), transparent 24%),
        linear-gradient(135deg, rgba(255, 51, 71, .075), rgba(32, 224, 196, .085)),
        rgba(8, 14, 28, .78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

body.incallx .whitoo-explore-section-copy span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7df9eb;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx .whitoo-explore-section-copy strong {
    display: block;
    margin-top: 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 950;
}

body.incallx .whitoo-explore-category-chips {
    display: flex;
    gap: 10px;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 5px;
    scrollbar-width: thin;
    scrollbar-color: rgba(32, 224, 196, .36) transparent;
    overscroll-behavior-x: contain;
}

body.incallx .whitoo-explore-category-chip {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
}

body.incallx .whitoo-explore-category-chip input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

body.incallx .whitoo-explore-category-chip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 15px 0 10px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(15, 23, 42, .72);
    color: rgba(226, 232, 240, .86);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

body.incallx .whitoo-explore-category-chip span i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background: rgba(32, 224, 196, .10);
    color: #7df9eb;
    font-size: 15px;
}

body.incallx .whitoo-explore-category-chip:hover span,
body.incallx .whitoo-explore-category-chip input:checked + span {
    border-color: rgba(255, 51, 71, .36);
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .96), rgba(255, 113, 134, .88)),
        rgba(255, 51, 71, .88);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(255, 51, 71, .18);
    transform: translateY(-1px);
}

body.incallx .whitoo-explore-category-chip input:checked + span i {
    background: rgba(255, 255, 255, .18);
    color: #ffffff;
}

body.incallx .whitoo-explore-v2 .lt-join-link-copy span,
body.incallx .whitoo-explore-v2 .lt-join-link-copy small {
    color: rgba(226, 232, 240, .75);
}

body.incallx .whitoo-explore-v2 .lt-join-link-copy span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    color: #ffb4c0;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx .whitoo-explore-v2 .lt-join-link-copy small {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 700;
}

body.incallx .whitoo-explore-v2 .lt-join-link-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: 12px;
}

body.incallx .whitoo-explore-v2 .lt-join-link-input {
    min-height: 54px;
    border: 1px solid rgba(226, 232, 240, .20);
    border-radius: 18px;
    background: rgba(255, 255, 255, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

body.incallx .whitoo-explore-v2 .lt-join-link-input i {
    width: 48px;
    color: #eaffff;
    font-size: 22px;
}

body.incallx .whitoo-explore-v2 .lt-join-link-input input {
    color: #ffffff;
    font-size: 15px;
    font-weight: 850;
}

body.incallx .whitoo-explore-v2 .lt-join-link-form button {
    min-height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff3347, #ff7186);
    box-shadow: 0 18px 38px rgba(255, 51, 71, .34);
    font-size: 14px;
    font-weight: 950;
}

body.incallx .whitoo-explore-profile-panel {
    display: grid;
    grid-template-columns: minmax(240px, .44fr) minmax(190px, .22fr) minmax(360px, 1fr);
    align-items: center;
    gap: 14px;
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid rgba(32, 224, 196, .17);
    border-radius: 24px;
    background:
        radial-gradient(circle at 92% 0%, rgba(255, 51, 71, .13), transparent 25%),
        linear-gradient(135deg, rgba(32, 224, 196, .09), rgba(255, 51, 71, .07)),
        rgba(8, 14, 28, .78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.incallx .whitoo-explore-profile-id {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

body.incallx .whitoo-explore-profile-id img {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border: 2px solid rgba(32, 224, 196, .28);
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .28);
}

body.incallx .whitoo-explore-profile-id span,
body.incallx .whitoo-explore-profile-id strong,
body.incallx .whitoo-explore-profile-id small,
body.incallx .whitoo-explore-profile-status strong,
body.incallx .whitoo-explore-profile-status small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .whitoo-explore-profile-id span {
    color: #7df9eb;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

body.incallx .whitoo-explore-profile-id strong {
    margin-top: 3px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
}

body.incallx .whitoo-explore-profile-id small {
    margin-top: 2px;
    color: rgba(203, 213, 225, .70);
    font-size: 12px;
    font-weight: 750;
}

body.incallx .whitoo-explore-profile-status {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255, 51, 71, .20);
    border-radius: 18px;
    background: rgba(255, 51, 71, .08);
}

body.incallx .whitoo-explore-profile-status.is-active {
    border-color: rgba(32, 224, 196, .28);
    background: rgba(32, 224, 196, .10);
}

body.incallx .whitoo-explore-profile-status i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff3347, #7df9eb);
    color: #ffffff;
    font-size: 18px;
}

body.incallx .whitoo-explore-profile-status strong {
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
}

body.incallx .whitoo-explore-profile-status small {
    margin-top: 3px;
    color: rgba(203, 213, 225, .70);
    font-size: 11px;
    font-weight: 750;
}

body.incallx .whitoo-explore-profile-actions {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
}

body.incallx .whitoo-explore-profile-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    min-width: 0;
    padding: 0 10px;
    border: 1px solid rgba(148, 163, 184, .15);
    border-radius: 15px;
    background: rgba(15, 23, 42, .70);
    color: rgba(248, 251, 255, .86);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

body.incallx .whitoo-explore-profile-actions a:hover {
    border-color: rgba(32, 224, 196, .36);
    background: linear-gradient(135deg, rgba(32, 224, 196, .15), rgba(255, 51, 71, .10));
    color: #ffffff;
    transform: translateY(-1px);
}

body.incallx .whitoo-explore-profile-actions a i {
    color: #7df9eb;
    font-size: 16px;
}

body.incallx .whitoo-explore-profile-actions a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .whitoo-explore-v2 .whitoo-explore-search-hero {
    position: relative;
    top: auto;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(220px, .28fr) minmax(360px, 1fr);
    align-items: center;
    gap: 16px;
    margin: 0 0 22px;
    padding: 16px;
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .07), rgba(32, 224, 196, .09)),
        rgba(8, 14, 28, .78);
    backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

body.incallx .whitoo-explore-v2 .whitoo-home-search-copy strong {
    font-size: 16px;
}

body.incallx .whitoo-explore-v2 .whitoo-room-search {
    min-height: 54px;
    border-color: rgba(125, 249, 235, .18);
    border-radius: 18px;
    background: rgba(3, 7, 18, .66) !important;
}

body.incallx .whitoo-explore-v2 .whitoo-room-search .search_chatroom {
    font-size: 14px;
    font-weight: 800;
}

body.incallx .whitoo-explore-v2 #chat-room-loop.room-list-row,
body.incallx .whitoo-explore-v2 #chat-room-loop {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 18px;
    width: 100%;
    margin: 0 !important;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-loop-link {
    display: block;
    min-width: 0;
    text-decoration: none;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-loop-link > .col {
    width: 100%;
    max-width: none;
    padding: 0;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-card {
    position: relative;
    height: 100%;
    min-height: 342px;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, .16);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 51, 71, .10), transparent 32%),
        linear-gradient(180deg, rgba(17, 24, 39, .88), rgba(7, 11, 22, .98)),
        rgba(7, 11, 22, .96);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 20px 48px rgba(0, 0, 0, .24);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-card:hover {
    border-color: rgba(32, 224, 196, .36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 30px 70px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(32, 224, 196, .08);
    transform: translateY(-4px);
}

body.incallx .whitoo-explore-v2 #chat-room-loop .card-img-top {
    min-height: 150px;
    border-radius: 23px 23px 0 0;
    background-position: center;
    background-size: cover;
    filter: saturate(1.10) contrast(1.04);
}

body.incallx .whitoo-explore-v2 #chat-room-loop .card-img-top::after {
    background:
        linear-gradient(180deg, rgba(5, 8, 17, .02), rgba(5, 8, 17, .74)),
        linear-gradient(90deg, rgba(255, 51, 71, .12), transparent 46%),
        radial-gradient(circle at 78% 20%, rgba(32, 224, 196, .18), transparent 38%);
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-card .card-body {
    display: flex;
    flex-direction: column;
    min-height: 192px;
    padding: 34px 16px 15px;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-image {
    width: 58px;
    height: 58px;
    margin-top: -66px;
    border: 3px solid rgba(7, 11, 22, .96);
    border-radius: 18px;
    background: rgba(7, 11, 22, .86);
    box-shadow:
        0 14px 30px rgba(0, 0, 0, .36),
        0 0 0 1px rgba(32, 224, 196, .16);
}

body.incallx .whitoo-explore-v2 #chat-room-loop .lt-room-title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 8px;
    font-size: 16px;
    line-height: 1.2;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .lt-room-title span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .text-muted {
    display: -webkit-box;
    min-height: 56px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: rgba(203, 213, 225, .72) !important;
    font-size: 12px;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-stats {
    align-items: center;
    gap: 8px;
    margin-top: auto !important;
    padding-top: 13px;
    border-top: 1px solid rgba(148, 163, 184, .12);
    color: rgba(226, 232, 240, .72);
    font-size: 11px;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-stats > div {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-stats i {
    color: #7df9eb;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .lt-room-owner-plus {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: 5px;
    padding: 3px 7px;
    border: 1px solid rgba(59, 130, 246, .28);
    border-radius: 999px;
    background: rgba(59, 130, 246, .12);
    color: #bfdbfe;
    font-size: 10px;
    font-weight: 900;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .lt-room-verified {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3347, #7df9eb);
    color: #ffffff;
    font-size: 11px;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .whitoo-room-card-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    margin-top: 12px;
    padding: 0 12px;
    border: 1px solid rgba(32, 224, 196, .16);
    border-radius: 14px;
    background: rgba(32, 224, 196, .08);
    color: rgba(248, 251, 255, .88);
    font-size: 12px;
    font-weight: 950;
    opacity: .92;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .whitoo-room-card-action i {
    color: #7df9eb;
}

body.incallx .whitoo-explore-v2 #chat-room-loop .room-card:hover .whitoo-room-card-action {
    border-color: rgba(32, 224, 196, .36);
    background: linear-gradient(135deg, rgba(32, 224, 196, .18), rgba(255, 51, 71, .10));
    color: #ffffff;
}

body.incallx .whitoo-explore-v2 #load-more-end {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 22px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 999px;
    background: rgba(8, 14, 28, .76);
    color: rgba(226, 232, 240, .76);
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 1199.98px) {
    body.incallx .whitoo-explore-v2 .whitoo-explore-board {
        padding: 14px !important;
    }

    body.incallx .whitoo-explore-v2 .lt-join-link-card,
    body.incallx .whitoo-explore-v2 .whitoo-explore-search-hero,
    body.incallx .whitoo-explore-profile-panel,
    body.incallx .whitoo-explore-command,
    body.incallx .whitoo-explore-category-deck {
        grid-template-columns: 1fr;
    }

    body.incallx .whitoo-explore-profile-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.incallx .whitoo-explore-command {
        min-height: 0;
    }
}

@media (max-width: 767.98px) {
    body.incallx .whitoo-explore-command,
    body.incallx .whitoo-explore-command-actions,
    body.incallx .whitoo-explore-v2 .lt-join-link-form {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    body.incallx .whitoo-explore-v2 #chat-room-loop.room-list-row,
    body.incallx .whitoo-explore-v2 #chat-room-loop {
        grid-template-columns: 1fr;
    }

    body.incallx .whitoo-explore-command {
        border-radius: 22px;
        padding: 20px;
    }

    body.incallx .whitoo-explore-command strong {
        font-size: clamp(29px, 11vw, 42px);
    }

    body.incallx .whitoo-explore-command-actions {
        grid-template-columns: 1fr;
    }

    body.incallx .whitoo-explore-command-actions button,
    body.incallx .whitoo-explore-command-actions .whitoo-explore-studio-link {
        min-height: 78px;
    }

    body.incallx .whitoo-explore-profile-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Account dock polish 20260611 */
body.incallx .lt-account-dock.channel-list-bottom {
    gap: 8px;
    min-height: 62px !important;
    height: auto !important;
    padding: 8px 10px !important;
    border-top: 1px solid rgba(32, 224, 196, .18) !important;
    background:
        radial-gradient(circle at 14% 22%, rgba(255, 51, 71, .22), transparent 28%),
        radial-gradient(circle at 84% 80%, rgba(32, 224, 196, .18), transparent 32%),
        linear-gradient(135deg, rgba(9, 13, 25, .94), rgba(7, 19, 28, .96)) !important;
    box-shadow: 0 -18px 38px rgba(0, 0, 0, .28);
}

body.incallx .lt-account-dock .user-bottom-menu {
    min-width: 0;
    flex: 1 1 auto;
}

body.incallx .lt-account-dock .user-bottom-trigger {
    min-height: 44px;
    width: 100%;
    gap: 9px;
    padding: 6px 9px !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(32, 224, 196, .045)),
        rgba(10, 16, 30, .72) !important;
    color: #eef7ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.incallx .lt-account-dock .user-bottom-trigger:hover,
body.incallx .lt-account-dock .user-bottom-trigger[aria-expanded="true"] {
    border-color: rgba(32, 224, 196, .34) !important;
    background:
        linear-gradient(135deg, rgba(32, 224, 196, .13), rgba(255, 51, 71, .09)),
        rgba(12, 21, 36, .88) !important;
    transform: translateY(-1px);
}

body.incallx .lt-account-dock .user-bottom-avatar {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(32, 224, 196, .18), rgba(255, 51, 71, .16));
    box-shadow: 0 0 0 1px rgba(32, 224, 196, .18), 0 10px 22px rgba(0, 0, 0, .22);
    overflow: visible;
}

body.incallx .lt-account-dock .user-bottom-avatar img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 11px !important;
    object-fit: cover;
}

body.incallx .lt-account-dock .current-status {
    right: -2px !important;
    bottom: -2px !important;
    width: 12px !important;
    height: 12px !important;
    display: grid;
    place-items: center;
    border: 2px solid #08111f;
    border-radius: 999px;
    background: #15d18f;
    box-shadow: 0 0 0 3px rgba(21, 209, 143, .13);
}

body.incallx .lt-account-dock .current-status i {
    display: none;
}

body.incallx .lt-account-dock .username-bottom {
    min-width: 0;
    max-width: 126px;
    margin-left: 0 !important;
    color: rgba(237, 246, 255, .92);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -.1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.incallx .lt-account-dock .woo-name-effect-compact {
    max-width: 104px;
    vertical-align: bottom;
}

body.incallx .lt-account-dock-actions {
    gap: 6px;
    flex: 0 0 auto;
}

body.incallx .lt-account-dock-actions .dropup {
    margin-right: 0 !important;
}

body.incallx .lt-account-dock-actions .dropdown-toggle {
    width: 38px;
    height: 38px;
    justify-content: center;
    padding: 0 !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
    border-radius: 14px !important;
    background: rgba(9, 16, 31, .78) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.incallx .lt-account-dock-actions .dropdown-toggle:hover {
    border-color: rgba(32, 224, 196, .34) !important;
    background: rgba(32, 224, 196, .12) !important;
}

body.incallx .lt-account-dock #selected-lang-toggle,
body.incallx .lt-account-dock #selected-lang-toggle .flag {
    display: inline-flex;
    width: 22px;
    height: 16px;
    border-radius: 4px;
    overflow: hidden;
}

body.incallx .lt-account-dock .dropdown-menu {
    border: 1px solid rgba(32, 224, 196, .18);
    border-radius: 14px;
    background: rgba(8, 13, 25, .96);
    box-shadow: 0 20px 52px rgba(0, 0, 0, .42);
    backdrop-filter: blur(16px);
}

body.incallx .lt-account-menu {
    width: 258px;
    padding: 10px !important;
    border: 1px solid rgba(32, 224, 196, .18) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(32, 224, 196, .14), transparent 28%),
        radial-gradient(circle at 92% 90%, rgba(255, 51, 71, .14), transparent 32%),
        rgba(10, 15, 28, .97) !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    overflow: hidden;
}

body.incallx .lt-account-menu::before {
    content: "";
    display: block;
    height: 3px;
    margin: -10px -10px 9px;
    background: linear-gradient(90deg, #ff3347, #20e0c4);
    opacity: .9;
}

body.incallx .lt-account-menu .dropdown-divider,
body.incallx .lt-account-menu hr.dropdown-divider {
    height: 1px;
    margin: 9px 2px !important;
    border: 0;
    background: linear-gradient(90deg, transparent, rgba(148, 163, 184, .28), transparent);
    opacity: 1;
}

body.incallx .lt-account-menu .dropdown-item {
    display: flex;
    align-items: center;
    min-height: 40px;
    gap: 9px;
    margin: 2px 0;
    padding: 8px 10px !important;
    border: 1px solid transparent;
    border-radius: 13px;
    color: rgba(239, 246, 255, .92) !important;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: -.08px;
    transition: border-color .18s ease, background .18s ease, transform .18s ease, color .18s ease;
}

body.incallx .lt-account-menu .dropdown-item:hover,
body.incallx .lt-account-menu .dropdown-item:focus {
    border-color: rgba(32, 224, 196, .24);
    background: linear-gradient(135deg, rgba(32, 224, 196, .12), rgba(255, 51, 71, .08)) !important;
    color: #ffffff !important;
    transform: translateX(2px);
}

body.incallx .lt-account-menu .change-status {
    position: relative;
    min-height: 34px;
    padding-left: 11px !important;
    background: rgba(255, 255, 255, .025);
}

body.incallx .lt-account-menu .change-status .ti-circle-filled {
    width: 14px;
    height: 14px;
    margin-right: 2px !important;
    border-radius: 999px;
    font-size: 13px;
    filter: drop-shadow(0 0 8px currentColor);
}

body.incallx .lt-account-menu #switch-profile-tab i,
body.incallx .lt-account-menu a[href*="bots"] i,
body.incallx .lt-account-menu .lt-contact-fixed i,
body.incallx .lt-account-menu .lt-account-logout i,
body.incallx .lt-account-menu a[href*="dashboard"] i {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    margin: 0 !important;
    border-radius: 10px;
    background: rgba(255, 51, 71, .16);
    color: #ff5c71;
}

body.incallx .lt-account-menu a[href*="bots"] i {
    background: rgba(32, 224, 196, .13);
    color: #28e6d2;
}

body.incallx .lt-account-menu a[href*="dashboard"] i {
    background: rgba(96, 165, 250, .14);
    color: #60a5fa;
}

body.incallx .lt-account-menu .lt-info-tabs {
    margin: 8px 0;
    padding: 11px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 15px;
    background: rgba(15, 23, 42, .60);
}

body.incallx .lt-account-menu .lt-info-tabs-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    color: rgba(226, 232, 240, .82);
    font-size: 12px;
    font-weight: 900;
}

body.incallx .lt-account-menu .lt-info-tabs-title i {
    color: #20e0c4;
}

body.incallx .lt-account-menu .lt-info-tabs-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

body.incallx .lt-account-menu .lt-info-tabs-grid a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 8px;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 12px;
    background: rgba(5, 9, 18, .62);
    color: rgba(241, 245, 249, .88);
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}

body.incallx .lt-account-menu .lt-info-tabs-grid a:hover {
    border-color: rgba(32, 224, 196, .30);
    background: rgba(32, 224, 196, .11);
    color: #ffffff;
}

body.incallx .lt-account-menu .lt-contact-fixed {
    color: #ffffff !important;
}

body.incallx .lt-account-menu .lt-account-logout {
    margin-top: 8px;
    border-color: rgba(255, 51, 71, .24) !important;
    background: linear-gradient(135deg, rgba(255, 51, 71, .28), rgba(255, 51, 71, .10)) !important;
    color: #fff !important;
}

body.incallx .lt-account-menu .lt-account-logout:hover {
    border-color: rgba(255, 95, 113, .48) !important;
    background: linear-gradient(135deg, rgba(255, 51, 71, .44), rgba(255, 124, 70, .18)) !important;
}

/* Readable typography pass 20260611 */
html,
body,
body.incallx,
body.incallx input,
body.incallx button,
body.incallx textarea,
body.incallx select {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

body.incallx,
body.incallx .dropdown-menu,
body.incallx .form-control,
body.incallx .form-select,
body.incallx .btn {
    font-weight: 650;
    letter-spacing: 0 !important;
}

body.incallx h1,
body.incallx h2,
body.incallx h3,
body.incallx h4,
body.incallx .disc-header,
body.incallx .room-title,
body.incallx .woo-room-hero-title,
body.incallx .channel-user-name,
body.incallx .username-bottom,
body.incallx .lt-account-menu .dropdown-item {
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body.incallx p,
body.incallx small,
body.incallx label,
body.incallx .text-muted,
body.incallx .message-content,
body.incallx .chat-message {
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body.incallx .woo-name-effect,
body.incallx .woo-name-effect-rgb,
body.incallx .woo-name-effect-neon,
body.incallx .woo-name-effect-fire,
body.incallx .woo-name-effect-ice,
body.incallx .woo-name-effect-gold,
body.incallx .woo-name-effect-aurora,
body.incallx .woo-name-effect-glitch,
body.incallx .woo-name-effect-cyber,
body.incallx .woo-name-effect-pulse,
body.incallx .woo-name-effect-emerald,
body.incallx .woo-name-effect-royal,
body.incallx .woo-name-effect-pearl,
body.incallx .woo-name-effect-ai {
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 0 5px rgba(32, 224, 196, .16) !important;
    filter: none !important;
}

body.incallx .woo-name-effect-ai {
    margin-inline: .16em !important;
}

body.incallx .woo-name-effect-ai::before,
body.incallx .woo-name-effect-ai::after {
    opacity: .70;
    filter: none !important;
}

body.incallx .lt-account-menu .change-status .ti-circle-filled {
    filter: none !important;
}

/* Room hero duplicate active badge fix 20260611 */
body.incallx .woo-room-hero-badge {
    display: none !important;
}

body.incallx .woo-room-hero-body {
    padding-top: 14px !important;
}

/* Private DM empty state composer lock 20260612 */
body.incallx #main-private .private-editor.is-private-user-empty .editor-container,
body.incallx #main-private .private-editor.is-private-user-empty .editor-container.editor-controller,
body.incallx #main-private .private-editor.is-private-user-empty .woo-composer-head,
body.incallx #main-private .private-editor.is-private-user-empty .attachment-col,
body.incallx #main-private .private-editor.is-private-user-empty .editor-col,
body.incallx #main-private .private-editor.is-private-user-empty .emoji-col,
body.incallx #main-private .private-editor.is-private-user-empty .send-col {
    display: none !important;
}

body.incallx #main-private .private-editor.is-private-user-empty .non-chat-select {
    display: flex !important;
    align-items: center;
    gap: 12px;
}

/* Whitoo chat account menu compact repair 20260614 */
body.incallx .user-bottom-menu .lt-account-menu {
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    padding: 8px !important;
    border-radius: 17px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: hidden !important;
}

@media (max-width: 768px) {
    body.incallx .user-bottom-menu .lt-account-menu.show {
        position: fixed !important;
        inset: auto auto 82px 92px !important;
        transform: none !important;
        z-index: 1090 !important;
    }
}

body.incallx .user-bottom-menu .lt-account-menu::before {
    grid-column: 1 / -1 !important;
    margin: -8px -8px 2px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .change-status {
    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 13px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    grid-column: span 1 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .change-status .ti-circle-filled {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 13px !important;
}

body.incallx .user-bottom-menu .lt-account-menu > li {
    list-style: none !important;
}

body.incallx .user-bottom-menu .lt-account-menu > li:not(.lt-account-icon-cell):not(.lt-info-tabs) {
    width: 100% !important;
    grid-column: 1 / -1 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-icon-cell {
    display: inline-flex !important;
    margin: 0 !important;
    vertical-align: top !important;
    grid-column: span 1 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-icon-only {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 13px !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-icon-only i {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    background: transparent !important;
    font-size: 18px !important;
    line-height: 18px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .dropdown-divider,
body.incallx .user-bottom-menu .lt-account-menu hr.dropdown-divider {
    display: none !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 6px !important;
    border-radius: 13px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-title {
    height: 18px !important;
    margin: 0 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-title span {
    display: none !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-title i {
    margin: 0 !important;
    font-size: 15px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-grid a {
    min-width: 0 !important;
    min-height: 24px !important;
    padding: 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-logout {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-top: 0 !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-logout i {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    background: transparent !important;
    font-size: 17px !important;
}

/* Whitoo account menu final concept 20260614 */
body.incallx .user-bottom-menu .lt-account-menu {
    width: 272px !important;
    min-width: 272px !important;
    max-width: 272px !important;
    padding: 10px !important;
    border-radius: 24px !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

@media (max-width: 768px) {
    body.incallx .user-bottom-menu .lt-account-menu.show {
        position: fixed !important;
        inset: auto auto 82px 76px !important;
        transform: none !important;
        z-index: 1090 !important;
    }
}

body.incallx .user-bottom-menu .lt-account-head {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .045) !important;
}

body.incallx .user-bottom-menu .lt-account-head img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
}

body.incallx .user-bottom-menu .lt-account-head-main {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
}

body.incallx .user-bottom-menu .lt-account-head-name {
    display: block !important;
    max-width: 180px !important;
    overflow: hidden !important;
    color: #f8fafc !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.incallx .user-bottom-menu .lt-account-head-meta {
    color: rgba(148, 163, 184, .9) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .change-status {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .035) !important;
    font-size: 0 !important;
    grid-column: span 3 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .change-status .ti-circle-filled {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-icon-only {
    height: 52px !important;
    min-height: 52px !important;
    flex-direction: column !important;
    gap: 5px !important;
    border-radius: 15px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-icon-cell {
    grid-column: span 4 !important;
}

body.incallx .user-bottom-menu .lt-account-menu > li:has(> .dropdown-divider) {
    display: none !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-icon-only .lt-action-label {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs {
    padding: 7px !important;
    border-radius: 15px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-grid a {
    min-height: 26px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-logout {
    min-height: 40px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
}

/* Whitoo account menu row grouping fix 20260614 */
body.incallx .user-bottom-menu .lt-status-row {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status {
    grid-column: auto !important;
    width: 100% !important;
}

body.incallx .user-bottom-menu .lt-action-row {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.incallx .user-bottom-menu .lt-action-row .lt-account-icon-only {
    min-width: 0 !important;
    width: 100% !important;
}

/* Whitoo account menu profile-head cleanup 20260614 */
body.incallx .user-bottom-menu .lt-account-menu {
    width: 252px !important;
    min-width: 252px !important;
    max-width: 252px !important;
}

@media (max-width: 768px) {
    body.incallx .user-bottom-menu .lt-account-menu.show {
        inset: auto auto 82px 88px !important;
    }
}

body.incallx .user-bottom-menu .lt-account-head-item {
    grid-column: 1 / -1 !important;
    list-style: none !important;
}

body.incallx .user-bottom-menu .lt-account-head {
    color: inherit !important;
    text-decoration: none !important;
}

body.incallx .user-bottom-menu .lt-account-head-arrow {
    margin-left: auto !important;
    color: rgba(148, 163, 184, .7) !important;
    font-size: 16px !important;
}

body.incallx .user-bottom-menu .lt-status-row {
    gap: 4px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(148, 163, 184, .12) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .032) !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status {
    height: 26px !important;
    min-height: 26px !important;
    border-radius: 999px !important;
    background: transparent !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status .ti-circle-filled {
    width: 11px !important;
    height: 11px !important;
    font-size: 11px !important;
    line-height: 11px !important;
}

body.incallx .user-bottom-menu .lt-action-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.incallx .user-bottom-menu .lt-action-row .lt-account-icon-only {
    height: 50px !important;
    min-height: 50px !important;
}

/* Whitoo status dots final fix 20260614 */
body.incallx .user-bottom-menu .lt-status-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    padding: 4px 10px !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 26px !important;
    min-height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status i {
    display: none !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status::before {
    content: "" !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    box-shadow: 0 0 12px currentColor !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status[data-status="1"]::before {
    background: #22c55e !important;
    color: #22c55e !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status[data-status="2"]::before {
    background: #94a3b8 !important;
    color: #94a3b8 !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status[data-status="3"]::before {
    background: #ef4444 !important;
    color: #ef4444 !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status[data-status="4"]::before {
    background: #f59e0b !important;
    color: #f59e0b !important;
}

/* Whitoo status click restore 20260614 */
body.incallx .user-bottom-menu .lt-status-row .change-status {
    position: relative !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status::before {
    content: none !important;
    display: none !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status i {
    display: inline-block !important;
    width: 11px !important;
    height: 11px !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 11px !important;
    pointer-events: none !important;
    filter: drop-shadow(0 0 8px currentColor) !important;
}

body.incallx .user-bottom-menu .lt-status-row .change-status.is-active,
body.incallx .user-bottom-menu .lt-status-row .change-status:active {
    background: rgba(255, 255, 255, .075) !important;
}

/* Whitoo bottom self status color sync 20260614 */
body.incallx .lt-account-dock .current-status.online {
    background: #22c55e !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .14), 0 0 14px rgba(34, 197, 94, .48) !important;
}

body.incallx .lt-account-dock .current-status.offline {
    background: #94a3b8 !important;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .13), 0 0 12px rgba(148, 163, 184, .32) !important;
}

body.incallx .lt-account-dock .current-status.busy {
    background: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .14), 0 0 14px rgba(239, 68, 68, .46) !important;
}

body.incallx .lt-account-dock .current-status.away {
    background: #f59e0b !important;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .14), 0 0 14px rgba(245, 158, 11, .46) !important;
}

/* Whitoo info links compact row fix 20260614 */
body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs {
    padding: 7px 8px !important;
    display: grid !important;
    grid-template-columns: 22px 1fr !important;
    align-items: center !important;
    gap: 7px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-title {
    height: 100% !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-grid {
    min-width: 0 !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-grid a {
    min-height: 28px !important;
    padding: 0 3px !important;
    font-size: 9px !important;
}

/* Mobile-only account dropdown alignment 20260614 */
@media (max-width: 768px) {
    body.incallx .user-bottom-menu .lt-account-menu,
    body.incallx .user-bottom-menu .lt-account-menu.show {
        position: fixed !important;
        left: 108px !important;
        right: auto !important;
        bottom: 128px !important;
        top: auto !important;
        width: 224px !important;
        min-width: 224px !important;
        max-width: 224px !important;
        padding: 9px !important;
        transform: none !important;
        z-index: 1090 !important;
    }

    body.incallx .user-bottom-menu .lt-account-head {
        min-height: 50px !important;
        padding: 7px 9px !important;
        border-radius: 16px !important;
    }

    body.incallx .user-bottom-menu .lt-account-head img {
        width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
    }

    body.incallx .user-bottom-menu .lt-account-head-name {
        max-width: 132px !important;
        font-size: 13px !important;
    }

    body.incallx .user-bottom-menu .lt-status-row {
        padding: 3px 8px !important;
    }

    body.incallx .user-bottom-menu .lt-action-row .lt-account-icon-only {
        height: 46px !important;
        min-height: 46px !important;
    }

    body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs {
        grid-template-columns: 18px 1fr !important;
        gap: 5px !important;
        padding: 6px !important;
    }

    body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-grid {
        gap: 3px !important;
    }

body.incallx .user-bottom-menu .lt-account-menu .lt-info-tabs-grid a {
    min-height: 24px !important;
    padding: 0 2px !important;
    font-size: 8px !important;
}

body.incallx .user-bottom-menu .lt-account-menu .lt-account-logout {
    min-height: 38px !important;
    font-size: 12px !important;
    border-radius: 14px !important;
}
}

/* Account dropdown visibility restore 20260614 */
body.incallx .user-bottom-menu .lt-account-menu:not(.show) {
    display: none !important;
}

body.incallx .user-bottom-menu .lt-account-menu.show {
    display: grid !important;
}

/* Profile bot permissions click stability 20260614 */
body.incallx #v-profile-bots,
body.incallx #v-profile-bots .profile-bots-panel,
body.incallx #v-profile-bots .profile-bot-install-form,
body.incallx #v-profile-bots .profile-bot-permission-grid {
    overflow-anchor: none !important;
}

body.incallx #main-profile,
body.incallx .sidebar-profile,
body.incallx #v-profile-bots {
    overflow-x: hidden !important;
}

body.incallx #v-profile-bots .profile-bot-permission-grid label {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}

body.incallx #v-profile-bots .profile-bot-permission-grid input {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    outline: 0 !important;
}

body.incallx #v-profile-bots .profile-bot-permission-grid span {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    user-select: none !important;
}

body.incallx #v-profile-bots .profile-bot-permission-grid input:focus,
body.incallx #v-profile-bots .profile-bot-permission-grid input:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

/* Mobile account dropdown final anchor 20260614 */
@media (max-width: 768px) {
    body.incallx .user-bottom-menu {
        overflow: visible !important;
    }

    body.incallx .user-bottom-menu .lt-account-menu,
    body.incallx .user-bottom-menu .lt-account-menu.show {
        position: fixed !important;
        left: clamp(96px, 18vw, 112px) !important;
        right: auto !important;
        top: auto !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 74px) !important;
        width: min(252px, calc(100vw - 126px)) !important;
        min-width: 0 !important;
        max-width: min(252px, calc(100vw - 126px)) !important;
        max-height: min(430px, calc(100dvh - 154px)) !important;
        overflow: hidden !important;
        transform: none !important;
        margin: 0 !important;
        z-index: 2147483000 !important;
    }

    body.incallx .user-bottom-menu .lt-account-menu:not(.show) {
        display: none !important;
    }

    body.incallx .user-bottom-menu .lt-account-menu.show {
        display: grid !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal {
        position: fixed !important;
        display: none !important;
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 10px !important;
        border: 1px solid rgba(32, 224, 196, .24) !important;
        border-radius: 22px !important;
        background: linear-gradient(145deg, rgba(7, 18, 29, .98), rgba(15, 18, 33, .98) 58%, rgba(45, 12, 28, .97)) !important;
        box-shadow: 0 22px 50px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
        overflow: hidden !important;
        transform: none !important;
        margin: 0 !important;
        z-index: 2147483000 !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal.show {
        display: grid !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal > li {
        list-style: none !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-item,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-logout,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal > li:not(.lt-account-icon-cell):not(.lt-info-tabs) {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head {
        min-height: 48px !important;
        display: grid !important;
        grid-template-columns: 38px 1fr 34px !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 7px 8px !important;
        border-radius: 16px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head img {
        width: 36px !important;
        height: 36px !important;
        border-radius: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-name,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-meta {
        display: block !important;
        min-width: 0 !important;
        max-width: 134px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        padding: 4px !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, .035) !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status {
        width: 100% !important;
        height: 30px !important;
        min-height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 12px !important;
        font-size: 0 !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status i {
        width: 13px !important;
        height: 13px !important;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only {
        min-height: 48px !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 6px !important;
        border-radius: 15px !important;
        font-size: 11px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .dropdown-divider,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal hr.dropdown-divider,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal > li:has(> .dropdown-divider) {
        display: none !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs {
        display: grid !important;
        grid-template-columns: 22px 1fr !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 7px !important;
        border-radius: 15px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-title span {
        display: none !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 4px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid a {
        min-height: 26px !important;
        padding: 0 3px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 11px !important;
        font-size: 9px !important;
        white-space: nowrap !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-logout {
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
    }
}

/* Mobile account popover compact final override 20260614 */
@media (max-width: 768px) {
    body.incallx .lt-account-menu.whitoo-mobile-account-portal,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal.show {
        left: 104px !important;
        right: auto !important;
        top: auto !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 104px) !important;
        width: min(238px, calc(100vw - 150px)) !important;
        min-width: 0 !important;
        max-width: min(238px, calc(100vw - 150px)) !important;
        max-height: min(348px, calc(100dvh - 170px)) !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: linear-gradient(145deg, rgba(7, 18, 29, .99), rgba(14, 17, 30, .98) 62%, rgba(42, 10, 25, .98)) !important;
        box-shadow: 0 18px 44px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head {
        min-height: 42px !important;
        grid-template-columns: 32px 1fr 28px !important;
        gap: 7px !important;
        padding: 6px 7px !important;
        border-radius: 14px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head img {
        width: 30px !important;
        height: 30px !important;
        border-radius: 11px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-name {
        max-width: 118px !important;
        font-size: 13px !important;
        line-height: 16px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-meta {
        max-width: 118px !important;
        font-size: 11px !important;
        line-height: 14px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-arrow {
        width: 28px !important;
        height: 28px !important;
        display: inline-grid !important;
        place-items: center !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row {
        min-height: 30px !important;
        padding: 3px !important;
        gap: 3px !important;
        border-radius: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status {
        height: 24px !important;
        min-height: 24px !important;
        border-radius: 10px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status i {
        width: 11px !important;
        height: 11px !important;
        font-size: 11px !important;
        line-height: 11px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row {
        gap: 6px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only {
        min-height: 42px !important;
        gap: 3px !important;
        padding: 5px !important;
        border-radius: 13px !important;
        font-size: 10px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only i {
        font-size: 17px !important;
        line-height: 17px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal a[href*="dashboard"] {
        min-height: 34px !important;
        padding: 6px 8px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs {
        grid-template-columns: 18px 1fr !important;
        gap: 4px !important;
        padding: 5px !important;
        border-radius: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-title i {
        font-size: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid {
        gap: 3px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid a {
        min-height: 23px !important;
        padding: 0 2px !important;
        border-radius: 10px !important;
        font-size: 8px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-logout {
        min-height: 36px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
    }
}

/* Mobile account popover small final override 2026061431 */
@media (max-width: 768px) {
    body.incallx .lt-account-menu.whitoo-mobile-account-portal,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal.show {
        left: 72px !important;
        right: auto !important;
        top: auto !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 104px) !important;
        width: 188px !important;
        min-width: 0 !important;
        max-width: 188px !important;
        max-height: min(318px, calc(100dvh - 170px)) !important;
        padding: 7px !important;
        gap: 5px !important;
        border-radius: 17px !important;
        overflow: hidden !important;
        background: linear-gradient(145deg, rgba(7, 18, 29, .99), rgba(14, 17, 30, .98) 62%, rgba(42, 10, 25, .98)) !important;
        box-shadow: 0 18px 44px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head {
        min-height: 38px !important;
        grid-template-columns: 28px 1fr 26px !important;
        gap: 6px !important;
        padding: 5px 6px !important;
        border-radius: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head img {
        width: 26px !important;
        height: 26px !important;
        border-radius: 10px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-name {
        max-width: 82px !important;
        font-size: 12px !important;
        line-height: 14px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-meta {
        max-width: 82px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-arrow {
        width: 26px !important;
        height: 26px !important;
        display: inline-grid !important;
        place-items: center !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row {
        min-height: 28px !important;
        padding: 3px !important;
        gap: 3px !important;
        border-radius: 12px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status {
        height: 22px !important;
        min-height: 22px !important;
        border-radius: 10px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status i {
        width: 10px !important;
        height: 10px !important;
        font-size: 10px !important;
        line-height: 10px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row {
        gap: 6px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only {
        min-height: 38px !important;
        gap: 3px !important;
        padding: 4px !important;
        border-radius: 12px !important;
        font-size: 9px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only i {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal a[href*="dashboard"] {
        min-height: 30px !important;
        padding: 5px 7px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs {
        grid-template-columns: 18px 1fr !important;
        gap: 4px !important;
        padding: 4px !important;
        border-radius: 12px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-title i {
        font-size: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid {
        gap: 3px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid a {
        min-height: 21px !important;
        padding: 0 2px !important;
        border-radius: 9px !important;
        font-size: 8px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-logout {
        min-height: 34px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal *,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal *::before,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal *::after {
        box-sizing: border-box !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal > li,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-item,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row .change-status {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row .lt-account-icon-only {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row .lt-action-label {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid {
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

/* Mobile account menu desktop-shape final 2026061433 */
@media (max-width: 768px) {
    body.incallx .lt-account-menu.whitoo-mobile-account-portal,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal.show {
        left: 92px !important;
        right: auto !important;
        top: auto !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
        width: 252px !important;
        min-width: 252px !important;
        max-width: 252px !important;
        max-height: none !important;
        padding: 10px !important;
        gap: 7px !important;
        border-radius: 24px !important;
        overflow: visible !important;
        transform: scale(.86) !important;
        transform-origin: left bottom !important;
        background: linear-gradient(145deg, rgba(7, 18, 29, .98), rgba(15, 18, 33, .98) 58%, rgba(45, 12, 28, .97)) !important;
        box-shadow: 0 22px 50px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal * {
        box-sizing: border-box !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head {
        min-height: 54px !important;
        grid-template-columns: 38px 1fr 34px !important;
        gap: 10px !important;
        padding: 8px 10px !important;
        border-radius: 18px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head img {
        width: 38px !important;
        height: 38px !important;
        border-radius: 14px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-name {
        max-width: 150px !important;
        font-size: 14px !important;
        line-height: 16px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-meta {
        max-width: 150px !important;
        font-size: 11px !important;
        line-height: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head-arrow {
        width: 34px !important;
        height: 34px !important;
        display: inline-grid !important;
        place-items: center !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-status-row {
        width: 100% !important;
        min-height: 34px !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        padding: 4px 8px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status {
        width: 100% !important;
        height: 26px !important;
        min-height: 26px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        font-size: 0 !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .change-status i {
        width: 11px !important;
        height: 11px !important;
        font-size: 11px !important;
        line-height: 11px !important;
        margin: 0 !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-action-row {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        overflow: hidden !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only {
        width: 100% !important;
        min-height: 50px !important;
        padding: 0 !important;
        border-radius: 15px !important;
        font-size: 10px !important;
        gap: 5px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only i {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal a[href*="dashboard"] {
        min-height: 40px !important;
        padding: 8px 10px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 22px 1fr !important;
        gap: 7px !important;
        padding: 7px 8px !important;
        border-radius: 15px !important;
        overflow: hidden !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-title span {
        display: none !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 4px !important;
        min-width: 0 !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-info-tabs-grid a {
        min-height: 28px !important;
        padding: 0 3px !important;
        border-radius: 10px !important;
        font-size: 9px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-logout {
        width: 100% !important;
        min-height: 40px !important;
        padding: 0 10px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
    }
}

/* Mobile account menu final nudge 2026061434 */
@media (max-width: 768px) {
    body.incallx .lt-account-menu.whitoo-mobile-account-portal,
    body.incallx .lt-account-menu.whitoo-mobile-account-portal.show {
        left: 82px !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 82px) !important;
        transform: scale(.84) !important;
        transform-origin: left bottom !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-head {
        min-height: 50px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-icon-only {
        min-height: 46px !important;
    }

    body.incallx .lt-account-menu.whitoo-mobile-account-portal .lt-account-logout {
        min-height: 38px !important;
    }
}

/* Server channel stage follows DM layout on empty/new rooms 2026061435 */
body.incallx #main-room .group-chat,
body.incallx #main-room .group-chat > .wrapper {
    min-height: 0 !important;
    height: 100% !important;
}

body.incallx #main-room .group-chat > .wrapper {
    align-items: stretch !important;
}

body.incallx #main-room .group-chat .main-panel {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
    align-self: stretch !important;
    min-height: calc(100vh - 74px) !important;
    height: calc(100vh - 74px) !important;
    padding: 12px 12px 0 !important;
    overflow: hidden !important;
}

body.incallx #main-room .group-chat .chat-scroll {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(32, 224, 196, .22) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(135deg, rgba(255, 51, 71, .08), transparent 30%),
        linear-gradient(315deg, rgba(32, 224, 196, .10), transparent 34%),
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .030) 1px, transparent 1px),
        #070b16 !important;
    background-size: auto, auto, 36px 36px, 36px 36px, auto !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025) !important;
}

body.incallx #main-room .group-chat .messages.chats {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 22px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    scrollbar-gutter: stable !important;
}

body.incallx #main-room .group-chat .room-editor {
    position: relative !important;
    z-index: 5 !important;
    min-height: 0 !important;
    padding: 8px 0 12px !important;
    margin: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
}

body.incallx #main-room .group-chat .room-editor .editor-wrap {
    overflow: hidden !important;
    border: 1px solid rgba(32, 224, 196, .22) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(90deg, rgba(255, 51, 71, .08), rgba(32, 224, 196, .07)),
        #070b16 !important;
}

body.incallx #main-room .group-chat .room-editor .editor-container.editor-controller,
body.incallx #main-room .group-chat .room-editor .editor-container.editor-controller.woo-composer-active {
    min-height: 58px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 767.98px) {
    body.incallx #main-room .group-chat .main-panel {
        min-height: calc(100vh - 62px) !important;
        height: calc(100vh - 62px) !important;
        padding: 8px 8px 0 !important;
    }

    body.incallx #main-room .group-chat .room-editor {
        padding-bottom: 8px !important;
    }
}



/* Profile sidebar premium navigation final 2026061444 */
body.incallx .sidebar-profile {
    background:
        radial-gradient(circle at 20% 0%, rgba(45, 212, 191, .10), transparent 32%),
        linear-gradient(180deg, rgba(10, 17, 31, .98), rgba(6, 10, 20, .98)) !important;
    border-right: 1px solid rgba(45, 212, 191, .18) !important;
}

body.incallx .sidebar-profile .disc-header {
    margin: 0 14px 14px !important;
    padding: 16px 0 10px !important;
    color: #f8fafc !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .10) !important;
}

body.incallx .sidebar-profile .disc-cat-list {
    padding: 0 10px 14px !important;
}

body.incallx .sidebar-profile #v-profile-tab {
    gap: 7px !important;
    margin: 0 !important;
}

body.incallx .sidebar-profile .v-profile-tab-item {
    position: relative !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    color: rgba(226, 232, 240, .86) !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

body.incallx .sidebar-profile .v-profile-tab-item::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(135deg, rgba(239, 51, 87, .18), rgba(45, 212, 191, .15)) !important;
    transition: opacity .16s ease;
}

body.incallx .sidebar-profile .v-profile-tab-item > i,
body.incallx .sidebar-profile .v-profile-tab-item > span {
    position: relative;
    z-index: 1;
}

body.incallx .sidebar-profile .v-profile-tab-item i {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    border-radius: 8px !important;
    color: #2dd4bf !important;
    font-size: 18px !important;
    background: rgba(45, 212, 191, .08) !important;
}

body.incallx .sidebar-profile .v-profile-tab-item:hover {
    transform: translateX(2px) !important;
    color: #fff !important;
    border-color: rgba(45, 212, 191, .18) !important;
    background: rgba(15, 23, 42, .70) !important;
}

body.incallx .sidebar-profile .v-profile-tab-item:hover::before,
body.incallx .sidebar-profile .v-profile-tab-item.active::before {
    opacity: 1;
}

body.incallx .sidebar-profile .v-profile-tab-item.active {
    color: #fff !important;
    border-color: rgba(99, 102, 241, .40) !important;
    background: rgba(79, 70, 229, .42) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .26), 0 0 0 1px rgba(255, 255, 255, .04) inset !important;
}

body.incallx .sidebar-profile .v-profile-tab-item.active i {
    color: #fff !important;
    background: rgba(255, 255, 255, .14) !important;
}

@media (max-width: 767.98px) {
    body.incallx .sidebar-profile .disc-header {
        margin: 0 10px 10px !important;
        font-size: 18px !important;
    }

    body.incallx .sidebar-profile #v-profile-tab {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.incallx .sidebar-profile .v-profile-tab-item {
        min-height: 40px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        border-radius: 13px !important;
    }

    body.incallx .sidebar-profile .v-profile-tab-item i {
        width: 19px !important;
        height: 19px !important;
        flex-basis: 19px !important;
        font-size: 16px !important;
    }
}

/* Profile header centered identity final 2026061445 */
body.incallx #main-profile #v-profile-home .profile-header-desc > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

body.incallx #main-profile #v-profile-home .profile-header-desc > .row > .col-md-4 {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.incallx #main-profile #v-profile-home .profile-header-desc > .row > .col-md-4:nth-child(2) {
    min-width: min(320px, 100%) !important;
    justify-self: center !important;
    text-align: center !important;
}

body.incallx #main-profile #v-profile-home .profile-header-user-title,
body.incallx #main-profile #v-profile-home .profile-header-user-sub-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body.incallx #main-profile #v-profile-home .profile-header-user-title {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

body.incallx #main-profile #v-profile-home .profile-header-user-sub-title {
    margin-top: 0 !important;
}

@media (max-width: 767.98px) {
    body.incallx #main-profile #v-profile-home .profile-header-desc > .row {
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
    }

    body.incallx #main-profile #v-profile-home .profile-header-desc > .row > .col-md-4:nth-child(1),
    body.incallx #main-profile #v-profile-home .profile-header-desc > .row > .col-md-4:nth-child(3) {
        display: none !important;
    }

    body.incallx #main-profile #v-profile-home .profile-header-desc > .row > .col-md-4:nth-child(2) {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Woo room background image display final 2026061446 */
body.incallx #main-room .group-chat.has-room-bg .chat-scroll {
    background:
        linear-gradient(135deg, rgba(5, 8, 17, .68), rgba(5, 8, 17, .34) 44%, rgba(5, 8, 17, .72)),
        linear-gradient(rgba(255, 255, 255, .030) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .026) 1px, transparent 1px),
        var(--whitoo-room-bg-image) center center / cover no-repeat !important;
    background-size: auto, 36px 36px, 36px 36px, cover !important;
    background-blend-mode: normal, normal, normal, normal !important;
}

body.incallx #main-room .group-chat.has-room-bg .messages.chats {
    background: transparent !important;
    background-image: none !important;
}

/* Profile center compact action icons 2026061601 */
body.incallx .whitoo-explore-profile-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.incallx .whitoo-explore-profile-actions a {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    flex: 0 0 42px !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 35% 18%, rgba(255, 255, 255, .10), transparent 42%),
        linear-gradient(135deg, rgba(255, 51, 71, .13), rgba(32, 224, 196, .08)),
        rgba(15, 23, 42, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

body.incallx .whitoo-explore-profile-actions a i {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

body.incallx .whitoo-explore-profile-actions a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

body.incallx .whitoo-explore-profile-actions a:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(32, 224, 196, .42) !important;
    background:
        radial-gradient(circle at 35% 18%, rgba(255, 255, 255, .14), transparent 42%),
        linear-gradient(135deg, rgba(32, 224, 196, .18), rgba(255, 51, 71, .15)),
        rgba(15, 23, 42, .86) !important;
}

@media (min-width: 1200px) {
    body.incallx .whitoo-explore-profile-actions a {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important;
    }
}

@media (max-width: 767.98px) {
    body.incallx .whitoo-explore-profile-actions {
        gap: 7px !important;
    }

    body.incallx .whitoo-explore-profile-actions a {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        flex-basis: 40px !important;
        border-radius: 13px !important;
    }
}

/* Profile center denser action rail 2026061602 */
body.incallx .whitoo-explore-profile-actions {
    gap: 6px !important;
    padding: 4px !important;
    align-content: flex-start !important;
}

body.incallx .whitoo-explore-profile-actions a,
body.incallx .whitoo-explore-profile-actions a:hover {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 11px !important;
}

body.incallx .whitoo-explore-profile-actions a i {
    font-size: 15px !important;
}

@media (min-width: 1200px) {
    body.incallx .whitoo-explore-profile-actions a,
    body.incallx .whitoo-explore-profile-actions a:hover {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        flex-basis: 34px !important;
    }
}

@media (max-width: 767.98px) {
    body.incallx .whitoo-explore-profile-actions {
        gap: 5px !important;
        padding: 3px !important;
    }

    body.incallx .whitoo-explore-profile-actions a,
    body.incallx .whitoo-explore-profile-actions a:hover {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        flex-basis: 32px !important;
        border-radius: 10px !important;
    }

    body.incallx .whitoo-explore-profile-actions a i {
        font-size: 14px !important;
    }
}

/* Final chat attachment dropdown layer fix 202606170003 */
body.incallx #main-room .group-chat .room-editor,
body.incallx #main-private .private-editor {
    position: relative !important;
    z-index: 2147482000 !important;
    overflow: visible !important;
    isolation: isolate !important;
}

body.incallx #main-room .group-chat .room-editor .editor-wrap,
body.incallx #main-room .group-chat .room-editor .editor-container.editor-controller,
body.incallx #main-private .private-editor .editor-wrap,
body.incallx #main-private .private-editor .editor-container.editor-controller {
    position: relative !important;
    z-index: 2147482001 !important;
    overflow: visible !important;
}

body.incallx #main-room .group-chat .room-editor .attachment-col,
body.incallx #main-private .private-editor .attachment-col {
    position: relative !important;
    z-index: 2147482002 !important;
    overflow: visible !important;
}

body.incallx #main-room .group-chat .room-editor .attachment-col .dropdown-menu,
body.incallx #main-private .private-editor .attachment-col .dropdown-menu {
    position: absolute !important;
    inset: auto auto calc(100% + 12px) 0 !important;
    transform: none !important;
    z-index: 2147482003 !important;
    min-width: 230px;
    max-width: min(320px, calc(100vw - 28px));
}

body.incallx .whitoo-attach-trigger {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #20e0c4 !important;
    background: transparent !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

body.incallx .whitoo-attach-trigger svg {
    pointer-events: none !important;
}

body.incallx .attachment-col {
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

body.incallx .attachment-col .whitoo-attach-menu.show {
    display: block !important;
}

body.incallx .whitoo-attach-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2147482998;
    background: transparent;
}

body.incallx .whitoo-attach-portal {
    position: fixed;
    left: max(14px, env(safe-area-inset-left));
    bottom: calc(96px + env(safe-area-inset-bottom));
    z-index: 2147482999;
    width: min(360px, calc(100vw - 28px));
    padding: 12px;
    border: 1px solid rgba(32, 224, 196, .26);
    border-radius: 20px;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 51, 102, .18), transparent 30%),
        radial-gradient(circle at 90% 20%, rgba(32, 224, 196, .18), transparent 34%),
        rgba(7, 11, 22, .97);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .58);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

@media (min-width: 768px) {
    body.incallx .whitoo-attach-portal {
        bottom: auto;
    }
}

body.incallx .whitoo-attach-portal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    color: rgba(248, 250, 252, .94);
    font-size: 13px;
    font-weight: 900;
}

body.incallx .whitoo-attach-close {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 10px;
    color: #f8fbff;
    background: rgba(15, 23, 42, .72);
    cursor: pointer;
}

body.incallx .whitoo-attach-portal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

body.incallx .whitoo-attach-action {
    min-height: 76px;
    padding: 10px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 16px;
    color: #f8fbff;
    background: rgba(15, 23, 42, .72);
    font-size: 12px;
    font-weight: 850;
    text-align: center;
    cursor: pointer;
}

body.incallx .whitoo-attach-action i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #20e0c4;
    background: rgba(32, 224, 196, .12);
    font-size: 18px;
}

body.incallx .whitoo-attach-action:hover,
body.incallx .whitoo-attach-action:active {
    border-color: rgba(32, 224, 196, .36);
    background: rgba(32, 224, 196, .13);
}

/* Mobile composer safe area and modern attachment picker 202606170005 */
@media (max-width: 767.98px) {
    body.incallx #main-room .group-chat .main-panel,
    body.incallx #main-private .main-panel,
    body.incallx #main-private .private-chat .main-panel {
        height: calc(100dvh - 62px) !important;
        min-height: calc(100dvh - 62px) !important;
        padding-bottom: 8px !important;
    }

    body.incallx #main-room .group-chat .room-editor,
    body.incallx #main-private .private-editor,
    body.incallx #main-private .private-chat .private-editor {
        padding-bottom: max(6px, env(safe-area-inset-bottom)) !important;
    }

    body.incallx #main-room .group-chat .room-editor .editor-wrap,
    body.incallx #main-private .private-editor .editor-wrap,
    body.incallx #main-private .private-chat .private-editor .editor-wrap {
        border-radius: 18px !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
    }

    body.incallx .whitoo-attach-trigger {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 12px !important;
        color: #20e0c4 !important;
        background: transparent !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        touch-action: manipulation !important;
    }

    body.incallx .whitoo-attach-trigger svg {
        pointer-events: none !important;
    }

    body.incallx .attachment-col {
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }

    body.incallx .attachment-col .whitoo-attach-menu,
    body.incallx #main-room .group-chat .room-editor .attachment-col .whitoo-attach-menu,
    body.incallx #main-private .private-editor .attachment-col .whitoo-attach-menu {
        position: fixed !important;
        inset: auto 12px calc(84px + env(safe-area-inset-bottom)) 12px !important;
        display: none;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 12px !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        border: 1px solid rgba(32, 224, 196, .24) !important;
        border-radius: 20px !important;
        background:
            radial-gradient(circle at 12% 0%, rgba(255, 51, 102, .18), transparent 30%),
            radial-gradient(circle at 90% 20%, rgba(32, 224, 196, .18), transparent 34%),
            rgba(7, 11, 22, .96) !important;
        box-shadow: 0 26px 70px rgba(0, 0, 0, .56) !important;
        transform: none !important;
        z-index: 2147483000 !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    body.incallx .attachment-col .whitoo-attach-menu.show {
        display: grid !important;
    }

    body.incallx .attachment-col .whitoo-attach-menu::before {
        content: "Paylas";
        grid-column: 1 / -1;
        color: rgba(226, 232, 240, .92);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0;
    }

    html[lang="en"] body.incallx .attachment-col .whitoo-attach-menu::before {
        content: "Share";
    }

    body.incallx .attachment-col .whitoo-attach-menu .dropdown-header {
        display: none !important;
    }

    body.incallx .attachment-col .whitoo-attach-menu .dropdown-item {
        display: flex !important;
        min-height: 76px;
        padding: 10px 6px !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        border: 1px solid rgba(148, 163, 184, .14);
        border-radius: 16px;
        color: #f8fbff !important;
        background: rgba(15, 23, 42, .72);
        font-size: 12px;
        font-weight: 850;
        text-align: center;
        white-space: normal;
    }

    body.incallx .attachment-col .whitoo-attach-menu .dropdown-item i {
        width: 34px;
        height: 34px;
        margin: 0 !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        color: #20e0c4;
        background: rgba(32, 224, 196, .12);
        font-size: 18px;
    }

    body.incallx .attachment-col .whitoo-attach-menu .dropdown-item:active,
    body.incallx .attachment-col .whitoo-attach-menu .dropdown-item:hover {
        border-color: rgba(32, 224, 196, .36);
        background: rgba(32, 224, 196, .13);
    }

    body.incallx .whitoo-attach-portal {
        left: 12px !important;
        right: 12px !important;
        bottom: calc(96px + env(safe-area-inset-bottom)) !important;
        width: auto !important;
    }

    body.incallx .lt-voice-recorder.is-locked .lt-voice-cancel {
        display: inline-flex !important;
        order: 1;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 14px !important;
        background: rgba(255, 51, 71, .22) !important;
        color: #ff6d85 !important;
        box-shadow: inset 0 0 0 1px rgba(255, 51, 71, .28);
    }

    body.incallx .lt-voice-recorder.is-locked .lt-voice-pulse {
        display: none !important;
    }

    body.incallx .lt-voice-recorder.is-locked .lt-voice-lock {
        cursor: pointer;
        border-color: rgba(255, 51, 71, .48) !important;
        color: #fff !important;
        background: rgba(255, 51, 71, .20) !important;
    }
}

/* Mobile composer fixed rail and attachment event stabilization 202606170013 */
@media (max-width: 767.98px) {
    body.incallx #main-room .group-chat .messages.chats,
    body.incallx #main-private .messages.chats,
    body.incallx #main-private .private-chat .messages.chats {
        padding-bottom: 104px !important;
    }

    body.incallx #main-room .group-chat .room-editor,
    body.incallx #main-private .private-editor,
    body.incallx #main-private .private-chat .private-editor {
        position: fixed !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        bottom: calc(74px + env(safe-area-inset-bottom)) !important;
        z-index: 2147482500 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        pointer-events: auto !important;
        transform: translateZ(0);
    }

    body.incallx #main-room .group-chat .room-editor .editor-wrap,
    body.incallx #main-private .private-editor .editor-wrap,
    body.incallx #main-private .private-chat .private-editor .editor-wrap {
        overflow: visible !important;
    }

    body.incallx .whitoo-attach-portal {
        bottom: calc(154px + env(safe-area-inset-bottom)) !important;
    }
}

/* Mobile composer rollback to in-panel flow 202606170014 */
@media (max-width: 767.98px) {
    body.incallx #main-room .group-chat .main-panel,
    body.incallx #main-private .main-panel,
    body.incallx #main-private .private-chat .main-panel {
        padding-bottom: 0 !important;
    }

    body.incallx #main-room .group-chat .messages.chats,
    body.incallx #main-private .messages.chats,
    body.incallx #main-private .private-chat .messages.chats {
        padding-bottom: 22px !important;
    }

    body.incallx #main-room .group-chat .room-editor,
    body.incallx #main-private .private-editor,
    body.incallx #main-private .private-chat .private-editor {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 2147482000 !important;
        padding: 8px 0 max(8px, env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.incallx .whitoo-attach-portal,
    body.incallx .whitoo-attach-backdrop {
        display: none !important;
    }
}

/* Restore mobile private composer bottom position 202606170015 */
@media (max-width: 767.98px) {
    body.incallx #main-private .private-chat .chat-scroll {
        top: 8px !important;
        right: 8px !important;
        bottom: 86px !important;
        left: 8px !important;
    }

    body.incallx #main-private .private-chat .private-editor {
        position: absolute !important;
        left: 8px !important;
        right: 8px !important;
        bottom: max(8px, env(safe-area-inset-bottom)) !important;
        z-index: 2147482000 !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* Official Whitoo badges: large cards only in the full profile 202606180001 */
body.incallx .whitoo-official-badges {
    padding: 18px;
    border: 1px solid rgba(45, 212, 191, .18);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(12, 18, 32, .96), rgba(20, 27, 46, .92));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
}

body.incallx .whitoo-official-badges-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: #f8fafc;
    font-size: 16px;
    font-weight: 800;
}

body.incallx .whitoo-official-badges-title i { color: #2dd4bf; font-size: 21px; }

body.incallx .whitoo-official-badges-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.incallx .whitoo-official-badge {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 15px;
    background: rgba(255, 255, 255, .035);
}

body.incallx .whitoo-official-badge img {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    object-fit: contain;
    filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .3));
}

body.incallx .whitoo-official-badge strong { display: block; color: #f8fafc; font-size: 14px; }
body.incallx .whitoo-official-badge p { margin: 4px 0 0; color: #94a3b8; font-size: 12px; line-height: 1.4; }

@media (max-width: 767.98px) {
    body.incallx .whitoo-official-badges { padding: 13px; border-radius: 15px; }
    body.incallx .whitoo-official-badges-grid { grid-template-columns: 1fr; gap: 9px; }
    body.incallx .whitoo-official-badge { padding: 10px; }
    body.incallx .whitoo-official-badge img { width: 58px; height: 58px; flex-basis: 58px; }
}

/* Public full profile from member cards and DM options 202606180002 */
.popover.woo-profile-popover-v2 .woo-profile-v2-view-wrap { position: relative; z-index: 5; padding: 0 14px 14px; pointer-events: auto; }
.popover.woo-profile-popover-v2 .woo-profile-v2-btn-view { position: relative; z-index: 6; width: 100%; justify-content: center; border: 1px solid rgba(45,212,191,.25); background: rgba(45,212,191,.1); color: #99f6e4; pointer-events: auto; cursor: pointer; }
.dm-profile-options { display: none; }
body.incallx .private-list .user-row { position: relative; padding-right: 36px; }
body.incallx .private-list .dm-profile-options { display: block; position: absolute; top: 50%; right: 7px; z-index: 8; transform: translateY(-50%); }
body.incallx .private-list .dm-profile-options-toggle { display: grid; width: 28px; height: 28px; padding: 0; place-items: center; border: 0; border-radius: 9px; color: #94a3b8; background: transparent; }
body.incallx .private-list .dm-profile-options-toggle:hover,
body.incallx .private-list .dm-profile-options-toggle[aria-expanded="true"] { color: #e2e8f0; background: rgba(148,163,184,.13); }
body.incallx .private-list .dm-profile-options .dropdown-menu { min-width: 150px; padding: 6px; border: 1px solid rgba(45,212,191,.16); border-radius: 12px; background: #111827; box-shadow: 0 15px 34px rgba(0,0,0,.4); }
body.incallx .private-list .dm-profile-options .dropdown-item { display: flex; align-items: center; border-radius: 8px; color: #e2e8f0; font-size: 12px; }
body.incallx .private-list .dm-profile-options .dropdown-item:hover { color: #99f6e4; background: rgba(45,212,191,.1); }

body.incallx .whitoo-public-profile-modal { z-index: 2147483000; }
body.incallx .whitoo-public-profile-modal + .modal-backdrop { z-index: 2147482990; }
body.incallx .whitoo-public-profile-modal .modal-dialog { width: min(680px, calc(100vw - 24px)); max-width: 680px; }
body.incallx .whitoo-public-profile-modal .modal-content { position: relative; overflow: hidden; border: 1px solid rgba(45,212,191,.2); border-radius: 22px; color: #e2e8f0; background: linear-gradient(155deg,#0c1220,#151d31); box-shadow: 0 28px 80px rgba(0,0,0,.55); }
body.incallx .whitoo-public-profile-close { position: absolute; top: 13px; right: 13px; z-index: 4; padding: 9px; border-radius: 50%; background-color: rgba(255,255,255,.82); }
body.incallx .whitoo-public-profile-cover { height: 170px; background: #111827; }
body.incallx .whitoo-public-profile-cover img { width: 100%; height: 100%; object-fit: cover; }
body.incallx .whitoo-public-profile-head { display: flex; align-items: flex-end; gap: 16px; padding: 0 22px; margin-top: -42px; position: relative; z-index: 2; }
body.incallx .whitoo-public-profile-avatar { width: 94px; height: 94px; flex: 0 0 94px; object-fit: cover; border: 5px solid #11192a; border-radius: 26px; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
body.incallx .whitoo-public-profile-head h2 { margin: 0 0 2px; color: #fff; font-size: 24px; font-weight: 900; }
body.incallx .whitoo-public-profile-head span { color: #94a3b8; font-size: 13px; }
body.incallx .whitoo-public-profile-small-badges { display: flex; flex-wrap: wrap; gap: 7px; padding: 14px 22px 0; }
body.incallx .whitoo-public-profile-about { display: flex; gap: 10px; margin: 15px 22px 0; padding: 13px; border: 1px solid rgba(148,163,184,.13); border-radius: 14px; background: rgba(255,255,255,.035); }
body.incallx .whitoo-public-profile-about i { color: #2dd4bf; font-size: 19px; }
body.incallx .whitoo-public-profile-about p { margin: 0; color: #cbd5e1; font-size: 13px; line-height: 1.55; }
body.incallx .whitoo-public-profile-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; padding: 14px 22px 0; }
body.incallx .whitoo-public-profile-meta span { display: grid; grid-template-columns: auto 1fr; gap: 2px 7px; padding: 11px; border-radius: 13px; background: rgba(15,23,42,.68); color: #cbd5e1; font-size: 12px; }
body.incallx .whitoo-public-profile-meta i { grid-row: 1/3; color: #38bdf8; font-size: 18px; }
body.incallx .whitoo-public-profile-meta b { color: #f8fafc; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
body.incallx .whitoo-public-profile-badges { padding: 18px 22px 0; }
body.incallx .whitoo-public-profile-badges h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: #f8fafc; font-size: 15px; font-weight: 850; }
body.incallx .whitoo-public-profile-badges h3 i { color: #2dd4bf; font-size: 20px; }
body.incallx .whitoo-public-profile-badge-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
body.incallx .whitoo-public-profile-badge { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 10px; border: 1px solid rgba(148,163,184,.13); border-radius: 14px; background: rgba(255,255,255,.035); }
body.incallx .whitoo-public-profile-badge img { width: 54px; height: 54px; flex: 0 0 54px; object-fit: contain; }
body.incallx .whitoo-public-profile-badge strong { display: block; color: #f8fafc; font-size: 13px; }
body.incallx .whitoo-public-profile-badge p { margin: 3px 0 0; color: #94a3b8; font-size: 11px; line-height: 1.35; }
body.incallx .whitoo-public-profile-empty { grid-column: 1/-1; padding: 16px; border: 1px dashed rgba(148,163,184,.2); border-radius: 13px; color: #94a3b8; text-align: center; font-size: 12px; }
body.incallx .whitoo-public-profile-actions { padding: 18px 22px 22px; }
body.incallx .whitoo-public-profile-actions .btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; border: 0; border-radius: 13px; font-weight: 800; background: linear-gradient(135deg,#14b8a6,#0891b2); }

@media (max-width: 575.98px) {
    body.incallx .whitoo-public-profile-cover { height: 135px; }
    body.incallx .whitoo-public-profile-head { padding: 0 15px; margin-top: -34px; }
    body.incallx .whitoo-public-profile-avatar { width: 76px; height: 76px; flex-basis: 76px; border-radius: 21px; }
    body.incallx .whitoo-public-profile-head h2 { font-size: 19px; }
    body.incallx .whitoo-public-profile-small-badges { padding: 12px 15px 0; }
    body.incallx .whitoo-public-profile-about { margin: 12px 15px 0; }
    body.incallx .whitoo-public-profile-meta { grid-template-columns: 1fr; padding: 12px 15px 0; }
    body.incallx .whitoo-public-profile-badges { padding: 15px 15px 0; }
    body.incallx .whitoo-public-profile-badge-grid { grid-template-columns: 1fr; }
    body.incallx .whitoo-public-profile-actions { padding: 15px; }
}

/* Profile overlay stacking and click-safe portal 202606180003 */
body.incallx .popover.woo-profile-popover-v2,
.popover.woo-profile-popover-v2 {
    z-index: 2147483630 !important;
}

body.whitoo-public-profile-open { overflow: hidden !important; }
body.incallx .whitoo-public-profile-portal {
    position: fixed;
    inset: 0;
    z-index: 2147483640;
    display: grid;
    place-items: center;
    padding: 12px;
}

body.incallx .whitoo-public-profile-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(2, 6, 23, .78);
    backdrop-filter: blur(8px);
}

body.incallx .whitoo-public-profile-panel {
    position: relative;
    z-index: 1;
    width: min(680px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: auto;
    border: 1px solid rgba(45,212,191,.2);
    border-radius: 22px;
    color: #e2e8f0;
    background: linear-gradient(155deg,#0c1220,#151d31);
    box-shadow: 0 28px 80px rgba(0,0,0,.65);
    overscroll-behavior: contain;
}

body.incallx .whitoo-public-profile-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 180px;
    color: #cbd5e1;
    font-weight: 750;
}

body.incallx .whitoo-public-profile-loading > i {
    color: #2dd4bf;
    font-size: 25px;
    animation: whitoo-profile-spin .8s linear infinite;
}

body.incallx .whitoo-public-profile-loading > .ti-alert-circle {
    color: #fb7185;
    animation: none;
}

@keyframes whitoo-profile-spin { to { transform: rotate(360deg); } }

@media (max-width: 575.98px) {
    body.incallx .whitoo-public-profile-portal { padding: 7px; align-items: end; }
    body.incallx .whitoo-public-profile-panel { width: 100%; max-height: calc(100dvh - 14px); border-radius: 20px 20px 14px 14px; }
}
/* Compact modern radio station list 202606180010 */
body.incallx .radio-panel {
    bottom: 58px;
    left: 8px;
    width: calc(100% - 16px);
    max-height: min(66vh, 520px);
    overflow: hidden;
    border: 1px solid rgba(45,212,191,.18);
    border-radius: 16px;
    color: #dbe7f3;
    background: linear-gradient(160deg,rgba(10,18,31,.98),rgba(17,25,43,.98));
    box-shadow: 0 20px 55px rgba(0,0,0,.55);
    backdrop-filter: blur(16px);
}
body.incallx .radio-panel .radio-stations {
    display: flex;
    align-items: center;
    min-height: 43px;
    padding: 8px 10px 8px 13px;
    border: 0;
    border-bottom: 1px solid rgba(148,163,184,.11);
    background: rgba(255,255,255,.025);
}
body.incallx .radio-panel-title { display: flex; align-items: center; gap: 8px; min-width: 0; color: #f8fafc; font-size: 12.5px; font-weight: 850; }
body.incallx .radio-panel-title > i { color: #2dd4bf; font-size: 17px; }
body.incallx .radio-list-close { display: grid; width: 28px; height: 28px; margin-left: auto; padding: 0; flex: 0 0 28px; place-items: center; border: 0; border-radius: 9px; color: #94a3b8; background: rgba(148,163,184,.08); cursor: pointer; }
body.incallx .radio-list-close:hover { color: #fff; background: rgba(251,113,133,.18); }
body.incallx .radio-station-list { display: grid; gap: 3px; max-height: min(52vh, 410px); padding: 7px !important; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(45,212,191,.42) transparent; }
body.incallx .radio-station { display: flex; align-items: center; gap: 8px; min-height: 32px; margin: 0; padding: 6px 9px; border: 1px solid transparent; border-radius: 9px; color: #b8c5d5; font-size: 12px; font-weight: 650; line-height: 1.25; transition: background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; }
body.incallx .radio-station > i { flex: 0 0 16px; color: #64748b; font-size: 15px; }
body.incallx .radio-station-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.incallx .radio-station:hover { color: #edfdfb; font-weight: 700; border-color: rgba(45,212,191,.13); background: rgba(45,212,191,.075); transform: translateX(2px); }
body.incallx .radio-station.is-active { color: #ccfbf1; border-color: rgba(45,212,191,.22); background: linear-gradient(90deg,rgba(20,184,166,.16),rgba(14,165,233,.07)); }
body.incallx .radio-station.is-active > i { color: #2dd4bf; }
body.incallx .radio-panel .radio-volume { gap: 8px; padding: 8px 12px 10px; border-top: 1px solid rgba(148,163,184,.1); background: rgba(2,6,23,.24); }
body.incallx .radio-panel .radio-volume-control { margin-left: 0; }
body.incallx .radio-panel .radio-volume-display { color: #2dd4bf; }
@media (max-width: 575.98px) {
    body.incallx .radio-panel { bottom: 54px; left: 6px; width: calc(100% - 12px); border-radius: 15px; }
    body.incallx .radio-station-list { max-height: 48vh; }
}
/* Balanced single-row sidebar shortcuts 202606180012 */
body.incallx .lt-sidebar-shortcuts {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    padding: 7px;
    justify-items: center;
}
body.incallx .lt-sidebar-shortcut {
    width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    border-radius: 10px;
}
body.incallx .lt-sidebar-shortcut i,
body.incallx .lt-sidebar-shortcut .ti {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    border-radius: 7px;
    font-size: 11px;
}
/* User server folders 202606180013 */
body.incallx .room-folder { position: relative; display: grid; justify-items: center; margin: 0 0 8px; }
body.incallx .room-folder-toggle { position: relative; display: grid; width: 50px; height: 50px; padding: 6px; place-items: center; border: 1px solid color-mix(in srgb,var(--folder-color) 38%,transparent); border-radius: 17px; background: color-mix(in srgb,var(--folder-color) 13%,#0b1220); box-shadow: 0 12px 25px rgba(0,0,0,.3); cursor: pointer; transition: border-radius .18s ease,transform .18s ease,box-shadow .18s ease; }
body.incallx .room-folder-toggle:hover { transform: translateY(-1px); box-shadow: 0 14px 28px color-mix(in srgb,var(--folder-color) 18%,rgba(0,0,0,.4)); }
body.incallx .room-folder.is-open .room-folder-toggle { border-radius: 14px; box-shadow: 0 0 0 3px color-mix(in srgb,var(--folder-color) 12%,transparent),0 14px 28px rgba(0,0,0,.34); }
body.incallx .room-folder-preview { display: grid; width: 36px; height: 36px; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: 2px; overflow: hidden; border-radius: 10px; }
body.incallx .room-folder-preview img { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; border-radius: 4px; }
body.incallx .room-folder-preview img:only-child { grid-column: 1/-1; grid-row: 1/-1; border-radius: 9px; }
body.incallx .room-folder-count { position: absolute; right: -3px; bottom: -3px; display: grid; min-width: 18px; height: 18px; padding: 0 4px; place-items: center; border: 2px solid #080d18; border-radius: 999px; color: #fff; background: var(--folder-color); font-size: 9px; font-weight: 900; }
body.incallx .room-folder-unread { position: absolute; top: -3px; right: -3px; width: 10px; height: 10px; border: 2px solid #080d18; border-radius: 50%; background: #fb3958; box-shadow: 0 0 12px rgba(251,57,88,.7); }
body.incallx .room-folder-items { display: none; width: 100%; padding-top: 8px; }
body.incallx .room-folder.is-open .room-folder-items { display: grid; justify-items: center; gap: 8px; animation: whitoo-folder-open .18s ease; }
body.incallx .room-folder.is-open .room-folder-items .room-list-item { margin: 0; }
@keyframes whitoo-folder-open { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
body.incallx .room-folder-manager > i { color: #99f6e4 !important; }
body.room-folder-modal-open { overflow: hidden !important; }
body.incallx .room-folder-portal { position: fixed; inset: 0; z-index: 2147483642; display: none; padding: 18px; place-items: center; }
body.incallx .room-folder-portal.is-open { display: grid; }
body.incallx .room-folder-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(2,6,23,.82); backdrop-filter: blur(10px); }
body.incallx .room-folder-panel { position: relative; z-index: 1; width: min(650px,calc(100vw - 24px)); max-height: calc(100dvh - 28px); overflow: auto; border: 1px solid rgba(45,212,191,.22); border-radius: 24px; color: #e5eef8; background: radial-gradient(circle at 0 0,rgba(20,184,166,.12),transparent 30%),linear-gradient(155deg,#0b1220,#141d30); box-shadow: 0 32px 100px rgba(0,0,0,.68); }
body.incallx .room-folder-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 22px 16px; border-bottom: 1px solid rgba(148,163,184,.11); }
body.incallx .room-folder-kicker { color: #5eead4; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
body.incallx .room-folder-panel h2 { display: flex; align-items: center; gap: 9px; margin: 5px 0 0; color: #fff; font-size: 21px; font-weight: 900; }
body.incallx .room-folder-panel h2 i { color: #2dd4bf; }
body.incallx .room-folder-panel-close { display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid rgba(148,163,184,.13); border-radius: 11px; color: #94a3b8; background: rgba(255,255,255,.04); }
body.incallx .room-folder-overview,body.incallx .room-folder-editor { padding: 18px 22px 22px; }
body.incallx .room-folder-overview > p { margin: 0 0 15px; color: #94a3b8; font-size: 12px; line-height: 1.55; }
body.incallx .room-folder-manager-list { display: grid; gap: 8px; }
body.incallx .room-folder-manager-row { display: grid; grid-template-columns: 42px 1fr 32px 32px; gap: 9px; align-items: center; padding: 10px; border: 1px solid rgba(148,163,184,.12); border-radius: 14px; background: rgba(255,255,255,.03); }
body.incallx .room-folder-manager-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; color: var(--folder-color); background: color-mix(in srgb,var(--folder-color) 14%,transparent); font-size: 22px; }
body.incallx .room-folder-manager-row strong,body.incallx .room-folder-manager-row small { display: block; }
body.incallx .room-folder-manager-row strong { color: #f8fafc; font-size: 13px; }
body.incallx .room-folder-manager-row small { margin-top: 2px; color: #64748b; font-size: 10px; }
body.incallx .room-folder-manager-row button { display: grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 0; border-radius: 9px; color: #94a3b8; background: rgba(148,163,184,.08); }
body.incallx .room-folder-manager-row button:last-child:hover { color: #fecdd3; background: rgba(244,63,94,.12); }
body.incallx .room-folder-new { display: flex; width: 100%; min-height: 43px; margin-top: 12px; align-items: center; justify-content: center; gap: 8px; border: 1px dashed rgba(45,212,191,.3); border-radius: 13px; color: #99f6e4; background: rgba(45,212,191,.06); font-weight: 800; }
body.incallx .room-folder-empty { display: flex; min-height: 90px; align-items: center; justify-content: center; gap: 9px; border: 1px dashed rgba(148,163,184,.18); border-radius: 14px; color: #64748b; font-size: 12px; }
body.incallx .room-folder-field { margin-bottom: 15px; }
body.incallx .room-folder-field > label { display: block; margin-bottom: 7px; color: #cbd5e1; font-size: 11px; font-weight: 800; }
body.incallx .room-folder-editor input.form-control { border-color: rgba(148,163,184,.14); color: #fff; background: rgba(2,6,23,.45); }
body.incallx .room-folder-editor input[type=color] { width: 100%; height: 42px; padding: 4px; border: 1px solid rgba(148,163,184,.14); border-radius: 11px; background: rgba(2,6,23,.45); }
body.incallx .room-folder-room-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; max-height: 260px; overflow: auto; }
body.incallx .room-folder-room-choice { display: grid; grid-template-columns: 34px 1fr 20px; gap: 9px; align-items: center; padding: 8px; border: 1px solid rgba(148,163,184,.11); border-radius: 12px; color: #cbd5e1; background: rgba(255,255,255,.025); cursor: pointer; }
body.incallx .room-folder-room-choice:has(input:checked) { border-color: rgba(45,212,191,.35); color: #ecfeff; background: rgba(45,212,191,.1); }
body.incallx .room-folder-room-choice input { position: absolute; opacity: 0; pointer-events: none; }
body.incallx .room-folder-room-choice img { width: 34px; height: 34px; object-fit: cover; border-radius: 10px; }
body.incallx .room-folder-room-choice span { overflow: hidden; font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
body.incallx .room-folder-room-choice > i { color: #334155; }
body.incallx .room-folder-room-choice:has(input:checked) > i { color: #2dd4bf; }
body.incallx .room-folder-editor footer { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
body.incallx .room-folder-editor footer .btn { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; border-radius: 11px; font-weight: 800; }
@media (max-width:575.98px){body.incallx .room-folder-portal{padding:7px;align-items:end}body.incallx .room-folder-panel{width:100%;max-height:calc(100dvh - 14px);border-radius:22px 22px 14px 14px}body.incallx .room-folder-room-choices{grid-template-columns:1fr}body.incallx .room-folder-overview,body.incallx .room-folder-editor{padding:15px}}
/* Hold-and-drop server grouping 202606180014 */
body.incallx .room-list-item { -webkit-touch-callout: none; user-select: none; touch-action: pan-y; }
body.incallx .room-folder-menu { position: absolute; z-index: 4; top: -5px; left: 44px; display: grid; width: 20px; height: 20px; padding: 0; place-items: center; border: 1px solid rgba(148,163,184,.18); border-radius: 7px; color: #94a3b8; background: #111827; box-shadow: 0 6px 15px rgba(0,0,0,.35); font-size: 11px; opacity: 0; transform: scale(.85); transition: opacity .15s ease,transform .15s ease; }
body.incallx .room-folder:hover .room-folder-menu,body.incallx .room-folder.is-open .room-folder-menu { opacity: 1; transform: scale(1); }
body.incallx .room-folder-menu:hover { color: #fff; border-color: color-mix(in srgb,var(--folder-color) 45%,transparent); background: color-mix(in srgb,var(--folder-color) 18%,#111827); }
body.incallx .room-group-drag-ghost { position: fixed !important; z-index: 2147483646 !important; width: 52px !important; height: 52px !important; margin: 0 !important; border-radius: 17px !important; pointer-events: none !important; transform: translate(-50%,-50%) scale(1.08); box-shadow: 0 20px 45px rgba(0,0,0,.55),0 0 0 4px rgba(45,212,191,.22) !important; opacity: .94; }
body.incallx .room-list-item.is-group-drag-source { opacity: .28; transform: scale(.88); }
body.incallx .room-list-item.is-group-drop-target .chatroom-item,body.incallx .room-folder-toggle.is-group-drop-target { border-color: #5eead4 !important; box-shadow: 0 0 0 4px rgba(45,212,191,.2),0 16px 34px rgba(0,0,0,.42) !important; transform: scale(1.08); }
body.room-grouping-active,body.room-grouping-active * { cursor: grabbing !important; }
body.room-grouping-active .room-list { overflow: visible; }
body.incallx .room-folder-footer-spacer { flex: 1; }
body.incallx .room-folder-delete-current { color: #fecdd3; border: 1px solid rgba(244,63,94,.2); background: rgba(244,63,94,.1); }
body.incallx .room-folder-delete-current:hover { color: #fff; background: rgba(244,63,94,.2); }
@media (hover:none){body.incallx .room-folder-menu{opacity:1;transform:scale(1)}}
/* Collapsible game activity panel 202606190002 */
body.incallx.lt-game-active .lt-game-hub:not(.is-open) { padding: 10px 12px; }
body.incallx.lt-game-active .lt-game-hub-body { display: none; }
body.incallx.lt-game-active .lt-game-hub.is-open .lt-game-hub-body { display: block; animation: whitoo-game-activity-open .2s ease; }
body.incallx.lt-game-active .lt-game-hub-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
body.incallx.lt-game-active .lt-game-hub-toggle { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(148,163,184,.18); border-radius: 999px; color: #dbeafe; background: rgba(15,23,42,.72); font-size: 11px; font-weight: 850; white-space: nowrap; cursor: pointer; transition: border-color .16s ease,background .16s ease,color .16s ease; }
body.incallx.lt-game-active .lt-game-hub-toggle:hover { border-color: rgba(45,212,191,.34); color: #99f6e4; background: rgba(45,212,191,.1); }
body.incallx.lt-game-active .lt-game-hub-toggle > i { font-size: 15px; }
body.incallx.lt-game-active .lt-game-hub:not(.is-open) .lt-game-hub-head h3 { font-size: clamp(16px,1.5vw,20px); }
@keyframes whitoo-game-activity-open { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
@media (max-width:767.98px){
    body.incallx.lt-game-active .lt-game-hub-head { align-items: flex-start; }
    body.incallx.lt-game-active .lt-game-hub-head-actions { flex-direction: column; align-items: flex-end; gap: 5px; }
    body.incallx.lt-game-active .lt-game-hub-head b { min-height: 28px; font-size: 9px; }
    body.incallx.lt-game-active .lt-game-hub-toggle { min-height: 30px; padding: 0 9px; font-size: 10px; }
}
/* Game Room leave action 202606190003 */
body.incallx.lt-game-active .lt-game-leave {
    min-width: 128px;
    border: 1px solid rgba(251,113,133,.3);
    border-radius: 999px;
    color: #fecdd3;
    background: rgba(190,24,93,.14);
    box-shadow: none;
}
body.incallx.lt-game-active .lt-game-leave:hover {
    border-color: rgba(251,113,133,.52);
    color: #fff;
    background: rgba(225,29,72,.24);
}
@media (max-width:575.98px){
    body.incallx.lt-game-active .lt-game-leave { flex: 1; min-width: 0; }
}
/* Game Room membership-gated chat 202606190004 */
body.incallx.lt-game-active .lt-game-chat-locked {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid rgba(148,163,184,.14);
    color: #94a3b8;
    background: rgba(15,23,42,.62);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
    text-align: center;
}
body.incallx.lt-game-active .lt-game-chat-locked > i {
    flex: 0 0 auto;
    color: #fb7185;
    font-size: 17px;
}
/* Foreground overlays and direct server grouping 202606190005 */
body.incallx .toast-container {
    z-index: 2147483647 !important;
    pointer-events: none;
}
body.incallx .toast-container .toast { pointer-events: auto; }
body.incallx > .whitoo-toast-portal {
    position: fixed !important;
    z-index: 2147483647 !important;
    isolation: isolate;
    transform: none !important;
}
body.incallx .topbar:has(.lt-notification-dropdown .dropdown-menu.show) {
    position: relative !important;
    z-index: 2147483600 !important;
    overflow: visible !important;
}
body.incallx .lt-notification-dropdown,
body.incallx .lt-notification-dropdown .notifications-panel-card.show {
    z-index: 2147483601 !important;
}
body.incallx .dropdown-menu.show,
body.incallx .popover.show,
body.incallx .tooltip.show { z-index: 2147483500 !important; }
body.incallx .room-folder-menu { display: none !important; }
body.incallx .room-list-item[draggable="true"] { cursor: grab; }
body.incallx .room-list-item[draggable="true"]:active { cursor: grabbing; }
body.incallx .room-list-item[draggable="true"] .chatroom-item img { pointer-events: none; }

/* Whitoo Pulse 202606190010 */
body.incallx .whitoo-pulse-card {
    position: relative;
    display: grid;
    width: calc(100% - 20px);
    min-height: 72px;
    grid-template-columns: 42px minmax(0,1fr) auto 18px;
    gap: 9px;
    align-items: center;
    margin: 10px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(45,212,191,.18);
    border-radius: 16px;
    color: #e8f7ff;
    background: radial-gradient(circle at 0 0,rgba(45,212,191,.16),transparent 42%),linear-gradient(145deg,rgba(15,23,42,.96),rgba(8,14,28,.98));
    box-shadow: 0 14px 32px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.incallx .whitoo-pulse-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.045),transparent 70%); transform:translateX(-100%); transition:transform .55s ease; }
body.incallx .whitoo-pulse-card:hover { transform:translateY(-1px); border-color:rgba(45,212,191,.36); box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 3px rgba(45,212,191,.06); }
body.incallx .whitoo-pulse-card:hover::before { transform:translateX(100%); }
body.incallx .whitoo-pulse-icon { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(94,234,212,.26); border-radius:13px; color:#99f6e4; background:linear-gradient(145deg,rgba(20,184,166,.24),rgba(14,116,144,.14)); box-shadow:0 10px 22px rgba(13,148,136,.16); font-size:20px; }
body.incallx .whitoo-pulse-card-copy { min-width:0; }
body.incallx .whitoo-pulse-card-copy small,body.incallx .whitoo-pulse-card-copy strong,body.incallx .whitoo-pulse-card-copy em { display:block; }
body.incallx .whitoo-pulse-card-copy small { color:#5eead4; font-size:8px; font-weight:950; letter-spacing:.14em; }
body.incallx .whitoo-pulse-card-copy strong { margin-top:2px; color:#fff; font-size:13px; font-weight:950; }
body.incallx .whitoo-pulse-card-copy em { margin-top:2px; overflow:hidden; color:#8092aa; font-size:9px; font-style:normal; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
body.incallx .whitoo-pulse-card-count { display:grid; min-width:24px; height:24px; padding:0 6px; place-items:center; border:1px solid rgba(148,163,184,.14); border-radius:999px; color:#718096; background:rgba(15,23,42,.7); font-size:9px; font-weight:950; }
body.incallx .whitoo-pulse-card.has-news .whitoo-pulse-card-count { border-color:rgba(251,113,133,.28); color:#fff; background:linear-gradient(135deg,#f43f5e,#e11d48); box-shadow:0 7px 18px rgba(225,29,72,.28); }
body.incallx .whitoo-pulse-card-arrow { color:#526176; font-size:15px; transition:transform .18s ease,color .18s ease; }
body.incallx .whitoo-pulse-card:hover .whitoo-pulse-card-arrow { color:#5eead4; transform:translateX(2px); }

body.whitoo-pulse-open { overflow:hidden !important; }
body.incallx .whitoo-pulse-portal { position:fixed; inset:0; z-index:2147483400; visibility:hidden; pointer-events:none; }
body.incallx .whitoo-pulse-portal.is-open { visibility:visible; pointer-events:auto; }
body.incallx .whitoo-pulse-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; opacity:0; background:rgba(2,6,23,.7); backdrop-filter:blur(8px); transition:opacity .22s ease; }
body.incallx .whitoo-pulse-portal.is-open .whitoo-pulse-backdrop { opacity:1; }
body.incallx .whitoo-pulse-panel { position:absolute; top:10px; right:10px; bottom:10px; display:grid; width:min(560px,calc(100vw - 20px)); grid-template-rows:auto auto minmax(0,1fr); overflow:hidden; border:1px solid rgba(45,212,191,.2); border-radius:25px; color:#e5edf7; background:radial-gradient(circle at 100% 0,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at 0 0,rgba(20,184,166,.12),transparent 34%),#07101f; box-shadow:-28px 0 90px rgba(0,0,0,.52); opacity:0; transform:translateX(34px) scale(.985); transition:opacity .22s ease,transform .25s cubic-bezier(.2,.8,.2,1); }
body.incallx .whitoo-pulse-portal.is-open .whitoo-pulse-panel { opacity:1; transform:none; }
body.incallx .whitoo-pulse-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:19px 20px 15px; border-bottom:1px solid rgba(148,163,184,.1); }
body.incallx .whitoo-pulse-brand { display:flex; min-width:0; align-items:center; gap:12px; }
body.incallx .whitoo-pulse-brand>span { display:grid; width:43px; height:43px; flex:0 0 auto; place-items:center; border:1px solid rgba(94,234,212,.28); border-radius:14px; color:#99f6e4; background:linear-gradient(145deg,rgba(20,184,166,.24),rgba(14,116,144,.14)); font-size:21px; }
body.incallx .whitoo-pulse-brand small { display:block; color:#5eead4; font-size:8px; font-weight:950; letter-spacing:.17em; }
body.incallx .whitoo-pulse-brand h2 { margin:2px 0 0; color:#fff; font-size:20px; font-weight:950; letter-spacing:-.02em; }
body.incallx .whitoo-pulse-head-actions { display:flex; align-items:center; gap:8px; }
body.incallx .whitoo-pulse-mark-read { display:inline-flex; min-height:36px; align-items:center; gap:7px; padding:0 11px; border:1px solid rgba(45,212,191,.18); border-radius:11px; color:#99f6e4; background:rgba(20,184,166,.08); font-size:10px; font-weight:850; }
body.incallx .whitoo-pulse-mark-read:hover { border-color:rgba(45,212,191,.38); background:rgba(20,184,166,.15); }
body.incallx .whitoo-pulse-close { display:grid; width:36px; height:36px; padding:0; place-items:center; border:1px solid rgba(148,163,184,.13); border-radius:11px; color:#94a3b8; background:rgba(255,255,255,.035); font-size:18px; }
body.incallx .whitoo-pulse-close:hover { color:#fff; background:rgba(244,63,94,.13); }
body.incallx .whitoo-pulse-tabs { display:flex; gap:5px; padding:9px 13px; border-bottom:1px solid rgba(148,163,184,.09); background:rgba(2,6,23,.22); }
body.incallx .whitoo-pulse-tabs button { position:relative; display:inline-flex; min-height:36px; align-items:center; gap:7px; padding:0 12px; border:0; border-radius:10px; color:#718096; background:transparent; font-size:11px; font-weight:850; }
body.incallx .whitoo-pulse-tabs button:hover { color:#cbd5e1; background:rgba(148,163,184,.07); }
body.incallx .whitoo-pulse-tabs button.active { color:#ecfeff; background:rgba(20,184,166,.13); box-shadow:inset 0 0 0 1px rgba(45,212,191,.14); }
body.incallx .whitoo-pulse-tabs button b { display:grid; min-width:18px; height:18px; padding:0 5px; place-items:center; border-radius:999px; color:#fecdd3; background:rgba(244,63,94,.14); font-size:8px; }
body.incallx .whitoo-pulse-body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:15px; transition:opacity .15s ease; }
body.incallx .whitoo-pulse-body.is-refreshing { opacity:.55; pointer-events:none; }
body.incallx .whitoo-pulse-view { display:none; }
body.incallx .whitoo-pulse-view.active { display:block; animation:whitoo-pulse-view-in .2s ease; }
@keyframes whitoo-pulse-view-in { from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none} }
body.incallx .whitoo-pulse-loading { display:flex; min-height:360px; flex-direction:column; align-items:center; justify-content:center; color:#64748b; text-align:center; }
body.incallx .whitoo-pulse-loading i { color:#2dd4bf; font-size:29px; }
body.incallx .whitoo-pulse-loading strong { margin-top:14px; color:#dbeafe; font-size:14px; }
body.incallx .whitoo-pulse-loading span { margin-top:4px; font-size:11px; }
body.incallx .whitoo-pulse-hero { position:relative; display:flex; min-height:158px; align-items:center; justify-content:space-between; gap:20px; overflow:hidden; padding:22px; border:1px solid rgba(56,189,248,.17); border-radius:20px; background:radial-gradient(circle at 85% 20%,rgba(56,189,248,.22),transparent 30%),radial-gradient(circle at 0 100%,rgba(20,184,166,.17),transparent 38%),linear-gradient(145deg,#0f1b31,#0b1426); box-shadow:0 18px 38px rgba(0,0,0,.2); }
body.incallx .whitoo-pulse-hero>div { position:relative; z-index:1; max-width:360px; }
body.incallx .whitoo-pulse-hero span:not(.whitoo-pulse-orb) { color:#67e8f9; font-size:8px; font-weight:950; letter-spacing:.16em; }
body.incallx .whitoo-pulse-hero h3 { margin:6px 0 0; color:#fff; font-size:22px; font-weight:950; line-height:1.12; letter-spacing:-.025em; }
body.incallx .whitoo-pulse-hero p { margin:9px 0 0; color:#9fb0c6; font-size:11px; font-weight:650; line-height:1.55; }
body.incallx .whitoo-pulse-orb { display:grid; width:76px; height:76px; flex:0 0 auto; place-items:center; border:1px solid rgba(103,232,249,.25); border-radius:25px; color:#a5f3fc; background:linear-gradient(145deg,rgba(6,182,212,.28),rgba(20,184,166,.14)); box-shadow:0 20px 45px rgba(6,182,212,.16),inset 0 1px rgba(255,255,255,.12); font-size:34px; transform:rotate(5deg); }
body.incallx .whitoo-pulse-section { margin-top:15px; padding:15px; border:1px solid rgba(148,163,184,.1); border-radius:18px; background:rgba(15,23,42,.53); box-shadow:inset 0 1px rgba(255,255,255,.025); }
body.incallx .whitoo-pulse-section.is-first { margin-top:0; }
body.incallx .whitoo-pulse-section-title { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:11px; }
body.incallx .whitoo-pulse-section-title small { display:block; color:#2dd4bf; font-size:7px; font-weight:950; letter-spacing:.15em; }
body.incallx .whitoo-pulse-section-title h3 { margin:3px 0 0; color:#f8fafc; font-size:14px; font-weight:950; }
body.incallx .whitoo-pulse-section-title>span,body.incallx .whitoo-pulse-section-title>a,body.incallx .whitoo-pulse-section-title>button { padding:0; border:0; color:#718096; background:transparent; font-size:9px; font-weight:800; }
body.incallx .whitoo-pulse-section-title>a:hover,body.incallx .whitoo-pulse-section-title>button:hover { color:#5eead4; }
body.incallx .whitoo-pulse-topic-list,body.incallx .whitoo-pulse-message-list,body.incallx .whitoo-pulse-event-list { display:grid; gap:7px; }
body.incallx .whitoo-pulse-topic { display:grid; width:100%; grid-template-columns:38px minmax(0,1fr) auto 15px; gap:10px; align-items:center; padding:9px; border:1px solid rgba(148,163,184,.09); border-radius:13px; color:#e2e8f0; background:rgba(2,6,23,.28); text-align:left; transition:border-color .15s ease,background .15s ease,transform .15s ease; }
body.incallx .whitoo-pulse-topic:hover { transform:translateX(2px); border-color:rgba(45,212,191,.24); background:rgba(20,184,166,.07); }
body.incallx .whitoo-pulse-topic-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#67e8f9; background:rgba(14,165,233,.11); font-size:17px; }
body.incallx .whitoo-pulse-topic strong,body.incallx .whitoo-pulse-topic small { display:block; }
body.incallx .whitoo-pulse-topic strong { overflow:hidden; color:#f8fafc; font-size:11px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
body.incallx .whitoo-pulse-topic small { margin-top:3px; color:#64748b; font-size:8px; font-weight:700; }
body.incallx .whitoo-pulse-topic>b { display:grid; min-width:23px; height:23px; padding:0 6px; place-items:center; border-radius:999px; color:#fecdd3; background:rgba(244,63,94,.13); font-size:8px; }
body.incallx .whitoo-pulse-topic>i { color:#475569; }
body.incallx .whitoo-pulse-message { display:grid; width:100%; grid-template-columns:36px minmax(0,1fr) 15px; gap:10px; align-items:start; padding:10px; border:1px solid rgba(148,163,184,.085); border-radius:13px; color:#dbeafe; background:rgba(2,6,23,.26); text-align:left; transition:border-color .15s ease,background .15s ease; }
body.incallx .whitoo-pulse-message:hover { border-color:rgba(56,189,248,.22); background:rgba(14,165,233,.055); }
body.incallx .whitoo-pulse-message>img { width:36px; height:36px; object-fit:cover; border:2px solid rgba(94,234,212,.18); border-radius:11px; background:#111827; }
body.incallx .whitoo-pulse-message-meta { display:flex; min-width:0; align-items:center; gap:6px; }
body.incallx .whitoo-pulse-message-meta strong { overflow:hidden; max-width:145px; color:#f8fafc; font-size:10px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
body.incallx .whitoo-pulse-message-meta em { color:#2dd4bf; font-size:8px; font-style:normal; font-weight:800; }
body.incallx .whitoo-pulse-message-meta time { margin-left:auto; color:#526176; font-size:8px; white-space:nowrap; }
body.incallx .whitoo-pulse-message p { display:-webkit-box; margin:4px 0 0; overflow:hidden; color:#9fb0c6; font-size:10px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.incallx .whitoo-pulse-message>i { margin-top:10px; color:#475569; }
body.incallx .whitoo-pulse-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
body.incallx .whitoo-pulse-stat-grid article { display:flex; min-height:112px; flex-direction:column; align-items:flex-start; justify-content:center; padding:14px; border:1px solid rgba(148,163,184,.1); border-radius:16px; background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.42)); }
body.incallx .whitoo-pulse-stat-grid i { color:#2dd4bf; font-size:20px; }
body.incallx .whitoo-pulse-stat-grid strong { margin-top:8px; color:#fff; font-size:22px; font-weight:950; }
body.incallx .whitoo-pulse-stat-grid span { margin-top:2px; color:#718096; font-size:8px; font-weight:750; }
body.incallx .whitoo-pulse-event { display:grid; grid-template-columns:38px minmax(0,1fr) 16px; gap:10px; align-items:center; padding:10px; border:1px solid rgba(148,163,184,.09); border-radius:13px; color:#e2e8f0; background:rgba(2,6,23,.25); }
body.incallx .whitoo-pulse-event>span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#fbbf24; background:rgba(245,158,11,.1); font-size:17px; }
body.incallx .whitoo-pulse-event strong,body.incallx .whitoo-pulse-event small { display:block; }
body.incallx .whitoo-pulse-event strong { color:#f8fafc; font-size:10px; font-weight:900; }
body.incallx .whitoo-pulse-event small { margin-top:3px; color:#64748b; font-size:8px; }
body.incallx .whitoo-pulse-event>i { color:#526176; }
body.incallx .whitoo-pulse-empty { display:flex; min-height:120px; flex-direction:column; align-items:center; justify-content:center; padding:16px; border:1px dashed rgba(148,163,184,.13); border-radius:14px; color:#64748b; text-align:center; }
body.incallx .whitoo-pulse-empty.is-compact { min-height:85px; }
body.incallx .whitoo-pulse-empty>i { color:#2dd4bf; font-size:26px; }
body.incallx .whitoo-pulse-empty strong { margin-top:8px; color:#cbd5e1; font-size:11px; }
body.incallx .whitoo-pulse-empty span { margin-top:3px; font-size:9px; }
body.incallx .whitoo-pulse-error { display:flex; min-height:390px; flex-direction:column; align-items:center; justify-content:center; padding:30px; text-align:center; }
body.incallx .whitoo-pulse-error>span { display:grid; width:58px; height:58px; place-items:center; border:1px solid rgba(251,113,133,.22); border-radius:18px; color:#fb7185; background:rgba(190,24,93,.11); font-size:25px; }
body.incallx .whitoo-pulse-error>strong { margin-top:14px; color:#f8fafc; font-size:15px; font-weight:950; }
body.incallx .whitoo-pulse-error>p { max-width:320px; margin:6px 0 0; color:#718096; font-size:10px; line-height:1.5; }
body.incallx .whitoo-pulse-error>button { display:inline-flex; min-height:38px; margin-top:15px; align-items:center; gap:7px; padding:0 14px; border:1px solid rgba(45,212,191,.24); border-radius:11px; color:#99f6e4; background:rgba(20,184,166,.1); font-size:10px; font-weight:850; }
body.incallx .whitoo-pulse-ai { margin-top:12px; padding:16px; border:1px solid rgba(167,139,250,.2); border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(139,92,246,.16),transparent 35%),linear-gradient(145deg,rgba(30,27,75,.58),rgba(15,23,42,.72)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
body.incallx .whitoo-pulse-ai-head { display:flex; align-items:center; gap:10px; }
body.incallx .whitoo-pulse-ai-head>span { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border-radius:12px; color:#ddd6fe; background:rgba(139,92,246,.18); font-size:18px; }
body.incallx .whitoo-pulse-ai-head>div { min-width:0; flex:1; }
body.incallx .whitoo-pulse-ai-head small,body.incallx .whitoo-pulse-ai-head strong { display:block; }
body.incallx .whitoo-pulse-ai-head small { color:#a78bfa; font-size:7px; font-weight:950; letter-spacing:.15em; }
body.incallx .whitoo-pulse-ai-head strong { margin-top:3px; color:#f5f3ff; font-size:13px; font-weight:950; }
body.incallx .whitoo-pulse-ai-head>i { color:#a78bfa; font-size:17px; }
body.incallx .whitoo-pulse-ai>p { margin:11px 0 0; color:#b8b9d2; font-size:10px; line-height:1.55; }
body.incallx .whitoo-pulse-ai-topics { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
body.incallx .whitoo-pulse-ai-topics b { padding:5px 8px; border:1px solid rgba(167,139,250,.16); border-radius:999px; color:#c4b5fd; background:rgba(139,92,246,.09); font-size:8px; }
body.incallx .whitoo-pulse-ai-columns { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:11px; }
body.incallx .whitoo-pulse-ai-columns>div { padding:10px; border:1px solid rgba(167,139,250,.1); border-radius:12px; background:rgba(2,6,23,.2); }
body.incallx .whitoo-pulse-ai-columns h4 { margin:0 0 7px; color:#ddd6fe; font-size:9px; font-weight:900; }
body.incallx .whitoo-pulse-ai-columns ul { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
body.incallx .whitoo-pulse-ai-columns li { display:flex; gap:6px; color:#9fa4bc; font-size:8px; line-height:1.45; }
body.incallx .whitoo-pulse-ai-columns li i { flex:0 0 auto; margin-top:1px; color:#a78bfa; }
body.incallx .whitoo-pulse-action-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:12px; }
body.incallx .whitoo-pulse-action-grid article { display:grid; min-height:78px; padding:10px; align-content:center; border:1px solid rgba(148,163,184,.09); border-radius:14px; background:rgba(15,23,42,.48); }
body.incallx .whitoo-pulse-action-grid i { color:#2dd4bf; font-size:15px; }
body.incallx .whitoo-pulse-action-grid strong { margin-top:5px; color:#f8fafc; font-size:16px; font-weight:950; }
body.incallx .whitoo-pulse-action-grid span { color:#64748b; font-size:7px; font-weight:750; }
body.incallx .whitoo-pulse-message { grid-template-columns:36px minmax(0,1fr) 31px; }
body.incallx .whitoo-pulse-message-main { display:block; min-width:0; padding:0; border:0; color:inherit; background:transparent; text-align:left; }
body.incallx .whitoo-pulse-message-main p { display:-webkit-box; margin:4px 0 0; overflow:hidden; color:#9fb0c6; font-size:10px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.incallx .whitoo-pulse-save { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid rgba(148,163,184,.1); border-radius:9px; color:#526176; background:rgba(15,23,42,.52); }
body.incallx .whitoo-pulse-save:hover,body.incallx .whitoo-pulse-save.active { border-color:rgba(251,191,36,.25); color:#fbbf24; background:rgba(245,158,11,.1); }
body.incallx .whitoo-pulse-message-signals { display:flex; flex-wrap:wrap; gap:4px; margin-top:7px; }
body.incallx .whitoo-pulse-message-signals b { display:inline-flex; align-items:center; gap:3px; padding:3px 5px; border-radius:6px; color:#718096; background:rgba(148,163,184,.07); font-size:7px; font-weight:800; }
body.incallx .whitoo-pulse-message-signals b:first-child { color:#67e8f9; background:rgba(6,182,212,.09); }
body.incallx .whitoo-pulse-message-signals .is-decision { color:#c4b5fd; background:rgba(139,92,246,.1); }
body.incallx .whitoo-pulse-message-signals .is-announcement { color:#fbbf24; background:rgba(245,158,11,.1); }
body.incallx .whitoo-pulse-message-signals .is-action { color:#86efac; background:rgba(34,197,94,.09); }
body.incallx .whitoo-pulse-message-signals .is-question { color:#93c5fd; background:rgba(59,130,246,.09); }
body.incallx .whitoo-pulse-settings { display:grid; gap:9px; }
body.incallx .whitoo-pulse-settings>label { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:14px; align-items:center; padding:14px; border:1px solid rgba(148,163,184,.1); border-radius:15px; background:rgba(15,23,42,.5); }
body.incallx .whitoo-pulse-settings strong,body.incallx .whitoo-pulse-settings small { display:block; }
body.incallx .whitoo-pulse-settings strong { color:#f8fafc; font-size:11px; font-weight:900; }
body.incallx .whitoo-pulse-settings small { margin-top:3px; color:#64748b; font-size:8px; }
body.incallx .whitoo-pulse-settings select { height:38px; border:1px solid rgba(148,163,184,.14); border-radius:10px; color:#dbeafe; background:#0b1425; font-size:9px; font-weight:750; }
body.incallx .whitoo-pulse-settings .is-switch input { justify-self:end; width:42px; height:22px; accent-color:#14b8a6; }
body.incallx .whitoo-pulse-settings>button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(45,212,191,.28); border-radius:13px; color:#ecfeff; background:linear-gradient(135deg,rgba(20,184,166,.28),rgba(8,145,178,.2)); font-size:10px; font-weight:900; }
body.incallx .whitoo-pulse-topic { display:grid; grid-template-columns:minmax(0,1fr) 31px; gap:6px; }
body.incallx .whitoo-pulse-topic-main { display:grid; min-width:0; grid-template-columns:38px minmax(0,1fr) auto 15px; gap:10px; align-items:center; padding:0; border:0; color:inherit; background:transparent; text-align:left; }
body.incallx .whitoo-pulse-follow { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid rgba(148,163,184,.1); border-radius:9px; color:#526176; background:rgba(15,23,42,.52); }
body.incallx .whitoo-pulse-follow:hover,body.incallx .whitoo-pulse-follow.active { border-color:rgba(45,212,191,.25); color:#5eead4; background:rgba(20,184,166,.1); }
body.incallx .whitoo-pulse-topic-main>b { display:grid; min-width:23px; height:23px; padding:0 6px; place-items:center; border-radius:999px; color:#fecdd3; background:rgba(244,63,94,.13); font-size:8px; }
body.incallx .whitoo-pulse-topic-main>i { color:#475569; }
body.incallx .whitoo-pulse-ask { display:grid; grid-template-columns:17px minmax(0,1fr) 32px; gap:7px; align-items:center; margin-top:12px; padding:6px 6px 6px 10px; border:1px solid rgba(167,139,250,.18); border-radius:12px; background:rgba(2,6,23,.32); }
body.incallx .whitoo-pulse-ask>i { color:#a78bfa; }
body.incallx .whitoo-pulse-ask input { min-width:0; border:0; outline:0; color:#f5f3ff; background:transparent; font-size:9px; }
body.incallx .whitoo-pulse-ask button { display:grid; width:32px; height:32px; padding:0; place-items:center; border:0; border-radius:9px; color:#fff; background:linear-gradient(135deg,#8b5cf6,#6366f1); }
body.incallx .whitoo-pulse-answer { display:none; margin-top:9px; padding:10px; border-left:2px solid #8b5cf6; border-radius:0 10px 10px 0; color:#c4c7db; background:rgba(2,6,23,.26); font-size:9px; line-height:1.55; white-space:pre-wrap; }
body.incallx .whitoo-pulse-answer:not(:empty) { display:block; }
body.incallx .whitoo-pulse-answer.is-loading { color:#a78bfa; }
body.incallx .whitoo-pulse-manager { display:flex; gap:11px; align-items:center; margin-bottom:10px; padding:13px; border:1px solid rgba(251,191,36,.18); border-radius:15px; background:linear-gradient(145deg,rgba(120,53,15,.16),rgba(15,23,42,.55)); }
body.incallx .whitoo-pulse-manager>span { display:grid; width:40px; height:40px; flex:0 0 auto; place-items:center; border-radius:12px; color:#fbbf24; background:rgba(245,158,11,.11); font-size:19px; }
body.incallx .whitoo-pulse-manager small,body.incallx .whitoo-pulse-manager strong { display:block; }
body.incallx .whitoo-pulse-manager small { color:#f59e0b; font-size:7px; font-weight:950; letter-spacing:.14em; }
body.incallx .whitoo-pulse-manager strong { margin-top:2px; color:#fef3c7; font-size:11px; }
body.incallx .whitoo-pulse-manager p { margin:3px 0 0; color:#927f65; font-size:8px; }

/* Stable chat layout when notices close 202606190013 */
body.incallx:not(.lt-game-active) #main-room .group-chat .main-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
body.incallx:not(.lt-game-active) #main-room .group-chat .main-panel > .alert,
body.incallx:not(.lt-game-active) #main-room .group-chat .main-panel > .room-notice,
body.incallx:not(.lt-game-active) #main-room .group-chat .main-panel > .ad-space,
body.incallx:not(.lt-game-active) #main-room .group-chat .room-editor {
    flex: 0 0 auto !important;
}
body.incallx:not(.lt-game-active) #main-room .group-chat .chat-scroll {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
}
body.incallx #main-room .group-chat .room-notice:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Workspace must fully cover chat controls 202606190014 */
body.incallx .woo-chat-workspace {
    z-index: 2147483550 !important;
}
body.incallx.woo-chat-workspace-open #main-room .room-editor,
body.incallx.woo-chat-workspace-open #main-private .private-editor,
body.incallx.woo-chat-workspace-open .whitoo-attach-portal,
body.incallx.woo-chat-workspace-open .whitoo-attach-backdrop,
body.incallx.woo-chat-workspace-open .attachments-container,
body.incallx.woo-chat-workspace-open .gse-container {
    visibility: hidden !important;
    pointer-events: none !important;
}
body.incallx.woo-chat-workspace-open .woo-chat-workspace,
body.incallx.woo-chat-workspace-open .woo-chat-workspace * {
    visibility: visible;
    pointer-events: auto;
}
@media (max-width:575.98px){body.incallx .whitoo-pulse-ai-columns{grid-template-columns:1fr}body.incallx .whitoo-pulse-action-grid{grid-template-columns:1fr 1fr}body.incallx .whitoo-pulse-settings>label{grid-template-columns:1fr}body.incallx .whitoo-pulse-settings .is-switch input{justify-self:start}}
@media (max-width:767.98px){
    body.incallx .whitoo-pulse-panel { inset:0; width:100%; border:0; border-radius:0; }
    body.incallx .whitoo-pulse-head { padding:14px; }
    body.incallx .whitoo-pulse-brand h2 { font-size:18px; }
    body.incallx .whitoo-pulse-mark-read span { display:none; }
    body.incallx .whitoo-pulse-tabs { overflow-x:auto; padding:8px; }
    body.incallx .whitoo-pulse-tabs button { flex:1; justify-content:center; padding:0 8px; }
    body.incallx .whitoo-pulse-body { padding:10px; }
    body.incallx .whitoo-pulse-hero { min-height:145px; padding:18px; }
    body.incallx .whitoo-pulse-hero h3 { font-size:19px; }
    body.incallx .whitoo-pulse-orb { width:60px; height:60px; border-radius:20px; font-size:27px; }
    body.incallx .whitoo-pulse-stat-grid { grid-template-columns:1fr 1fr; }
    body.incallx .whitoo-pulse-stat-grid article:last-child { grid-column:1/-1; min-height:86px; }
}

/* Modern complete category panel 2026062002 */
body.incallx .whitoo-explore-v2 .whitoo-explore-category-deck{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 18px!important;padding:18px!important;overflow:visible!important;border:1px solid rgba(103,232,218,.18)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(13,25,43,.98),rgba(8,16,29,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 38px rgba(0,0,0,.18)!important
}
body.incallx .whitoo-explore-v2 .whitoo-explore-section-copy{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 14px!important;padding:0 2px 13px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-section-copy span{font-size:11px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-section-copy strong{margin:0!important;color:#afbdd0!important;font-size:12px!important;font-weight:500!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chips{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;gap:9px!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;padding:0!important;overflow:visible!important;scrollbar-width:none!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip{display:block!important;width:100%!important;min-width:0!important;margin:0!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip span{width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;justify-content:flex-start!important;gap:10px!important;padding:7px 11px!important;overflow:hidden!important;border:1px solid rgba(143,163,190,.13)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(18,31,51,.96),rgba(13,23,39,.96))!important;color:#c6d2e3!important;font-size:11px!important;font-weight:600!important;line-height:1.25!important;white-space:normal!important;text-overflow:ellipsis!important;box-shadow:none!important;transform:none!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip span i{width:32px!important;height:32px!important;min-width:32px!important;border:1px solid rgba(103,232,218,.13)!important;border-radius:10px!important;background:rgba(36,210,193,.08)!important;color:#65e8dd!important;font-size:15px!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip:hover span{border-color:rgba(103,232,218,.34)!important;background:linear-gradient(145deg,rgba(20,42,60,.98),rgba(13,28,44,.98))!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 9px 20px rgba(0,0,0,.18)!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip input:checked+span{border-color:rgba(255,76,109,.55)!important;background:linear-gradient(135deg,#f04467,#ff6b77)!important;color:#fff!important;box-shadow:0 9px 24px rgba(240,68,103,.22)!important;transform:none!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip input:checked+span i{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.15)!important;color:#fff!important}
@media(max-width:767.98px){body.incallx .whitoo-explore-v2 .whitoo-explore-category-deck{padding:13px!important;border-radius:16px!important}body.incallx .whitoo-explore-v2 .whitoo-explore-section-copy{align-items:flex-start!important;flex-direction:column!important;gap:4px!important;margin-bottom:10px!important;padding-bottom:10px!important}body.incallx .whitoo-explore-v2 .whitoo-explore-category-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip span{min-height:44px!important;padding:6px 8px!important;font-size:10px!important}body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip span i{width:28px!important;height:28px!important;min-width:28px!important}}
@media(max-width:380px){body.incallx .whitoo-explore-v2 .whitoo-explore-category-chips{grid-template-columns:1fr!important}}

/* Explore category strip: compact, single-row and scrollable like the homepage. */
body.incallx .whitoo-explore-v2 .whitoo-explore-category-deck{display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:66px!important;margin:0 0 14px!important;padding:8px!important;border-radius:17px!important;overflow:hidden!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-section-copy{min-width:0!important;padding:0 10px!important;border-right:1px solid rgba(255,255,255,.07)!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-section-copy strong{display:none!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;align-items:center!important;gap:6px!important;min-width:0!important;width:100%!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chips{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important;width:100%!important;height:44px!important;max-height:44px!important;padding:1px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chips::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip{display:block!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;scroll-snap-align:start!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip span{display:flex!important;width:auto!important;min-width:max-content!important;max-width:230px!important;height:40px!important;min-height:40px!important;padding:0 11px 0 7px!important;border-radius:11px!important;gap:7px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-chip span i{width:27px!important;height:27px!important;min-width:27px!important;border-radius:8px!important;font-size:13px!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-arrow{display:grid!important;place-items:center!important;width:34px!important;height:40px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,83,115,.2)!important;border-radius:10px!important;background:#101a2c!important;color:#aebed2!important;cursor:pointer!important}
body.incallx .whitoo-explore-v2 .whitoo-explore-category-arrow:hover{border-color:rgba(103,232,218,.4)!important;background:#15243a!important;color:#69e9df!important}
@media(max-width:767.98px){body.incallx .whitoo-explore-v2 .whitoo-explore-category-deck{grid-template-columns:1fr!important;min-height:56px!important;padding:7px!important}body.incallx .whitoo-explore-v2 .whitoo-explore-section-copy{display:none!important}body.incallx .whitoo-explore-v2 .whitoo-explore-category-row{grid-template-columns:32px minmax(0,1fr) 32px!important;gap:4px!important}body.incallx .whitoo-explore-v2 .whitoo-explore-category-arrow{width:32px!important;height:38px!important}}
.whitoo-room-invite-toggle .whitoo-invite-kind-icon,.whitoo-channel-invite-toggle .whitoo-invite-kind-icon{width:28px!important;height:28px!important;min-width:28px;display:inline-grid!important;place-items:center;border:1px solid rgba(45,212,191,.22);border-radius:9px;background:rgba(45,212,191,.1);color:#5eead4!important;font-size:16px}.whitoo-channel-invite-toggle .whitoo-invite-kind-icon{border-color:rgba(96,165,250,.24);background:rgba(59,130,246,.11);color:#93c5fd!important}.whitoo-room-invite-toggle span,.whitoo-channel-invite-toggle span{display:inline-block;vertical-align:middle}
.whitoo-room-invite-toggle .whitoo-invite-kind-icon,.whitoo-channel-invite-toggle .whitoo-invite-kind-icon{width:20px!important;height:20px!important;min-width:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fb526b!important;font-size:17px!important}.whitoo-channel-invite-toggle{display:flex!important;align-items:center!important;gap:8px!important}.whitoo-channel-invite-toggle .whitoo-channel-invite-label{margin:0!important;line-height:20px!important}.whitoo-room-invite-toggle{gap:10px!important}

/* Composer must never bleed through dialogs or inactive workspaces */
body.incallx.modal-open .room-editor,body.incallx.modal-open .private-editor,body.incallx:has(.modal.show) .room-editor,body.incallx:has(.modal.show) .private-editor{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.tab-pane:not(.active) .room-editor,.tab-pane:not(.active) .private-editor{display:none!important}

/* Professional server-setting controls */
body.incallx .lt-next-room-form .divide-y{gap:10px!important}body.incallx .lt-next-room-form .divide-y>div{padding:0!important;overflow:hidden;border-color:rgba(148,163,184,.13)!important;background:linear-gradient(145deg,rgba(10,18,32,.82),rgba(5,10,20,.72))!important;transition:border-color .18s ease,background .18s ease,transform .18s ease}body.incallx .lt-next-room-form .divide-y>div:hover{border-color:rgba(32,224,196,.28)!important;background:linear-gradient(145deg,rgba(12,24,38,.9),rgba(6,12,23,.82))!important}body.incallx .lt-next-room-form .divide-y>div>label.row,body.incallx .lt-next-room-form #room-manage-adv>.row>label.row{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;align-items:center!important;gap:14px!important;min-height:72px!important;width:100%!important;margin:0!important;padding:13px 14px!important;cursor:pointer}body.incallx .lt-next-room-form .divide-y label.row>[class*="col-"],body.incallx .lt-next-room-form #room-manage-adv>.row>label.row>[class*="col-"]{width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;flex:none!important}body.incallx .lt-next-room-form .divide-y label.row>.col-4,body.incallx .lt-next-room-form #room-manage-adv>.row>label.row>.col-4{grid-column:1}body.incallx .lt-next-room-form .divide-y label.row>.col-auto,body.incallx .lt-next-room-form #room-manage-adv>.row>label.row>.col-auto{grid-column:2;justify-self:end}body.incallx .lt-next-room-form .divide-y .form-label,body.incallx .lt-next-room-form #room-manage-adv>.row>label.row .form-label{margin:0 0 4px!important;color:#f5f9ff!important;font-size:12px!important;font-weight:900!important}body.incallx .lt-next-room-form .divide-y .lt-form-note{display:block!important;margin:0!important;color:rgba(203,213,225,.6)!important;font-size:10px!important;line-height:1.4!important}body.incallx .lt-next-room-form .form-switch{display:block!important;width:44px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0!important}body.incallx .lt-next-room-form .form-switch .form-check-input{position:relative!important;width:44px!important;height:24px!important;margin:0!important;float:none!important;cursor:pointer!important;border:1px solid rgba(148,163,184,.3)!important;border-radius:999px!important;background-color:#111c2e!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;transition:.2s ease!important}body.incallx .lt-next-room-form .form-switch .form-check-input:checked{border-color:#20e0c4!important;background-color:#20e0c4!important;box-shadow:0 0 0 3px rgba(32,224,196,.1),0 7px 18px rgba(32,224,196,.18)!important}body.incallx .lt-next-room-form .form-switch .form-check-input:disabled{cursor:not-allowed!important;opacity:.42!important;filter:saturate(.25)}body.incallx .lt-next-room-form .form-switch .slider{display:none!important}body.incallx .lt-next-room-form .lt-setting-warning{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 7px;border:1px solid rgba(251,191,36,.18);border-radius:8px;background:rgba(251,191,36,.07);color:#fcd98d;font-size:9px;font-weight:750}body.incallx .lt-next-room-form .user-list-auth-roles>.col-md>.row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body.incallx .lt-next-room-form .user-list-auth-roles .col-6{display:grid!important;width:auto!important;gap:8px!important;padding:0!important}body.incallx .lt-next-room-form .user-list-auth-roles label.form-switch{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;min-height:48px!important;padding:10px!important;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:rgba(3,8,18,.42)}body.incallx .lt-next-room-form .user-list-auth-roles .form-check-label{color:rgba(236,242,250,.8)!important;font-size:11px!important;font-weight:800!important}body.incallx .lt-next-room-form .pin-area.text-end{grid-column:1!important;justify-self:start!important;width:auto!important;max-width:none!important}body.incallx .lt-next-room-form .pin-area:not(.text-end){grid-column:1/-1!important;width:100%!important;max-width:none!important}body.incallx .lt-next-room-form .pin-area #pin{width:100%!important}body.incallx .lt-next-room-form .card-footer .btn,body.incallx .chat-room-update-area .card-footer .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;padding:0 14px!important;border-radius:11px!important}
@media(max-width:575.98px){body.incallx .lt-next-room-form .divide-y>div>label.row,body.incallx .lt-next-room-form #room-manage-adv>.row>label.row{min-height:66px!important;padding:11px 12px!important;gap:10px!important}body.incallx .lt-next-room-form .user-list-auth-roles>.col-md>.row{grid-template-columns:1fr!important}body.incallx .lt-next-room-form .card-footer,body.incallx .chat-room-update-area .card-footer{display:grid!important;grid-template-columns:1fr!important}body.incallx .lt-next-room-form .card-footer .btn,body.incallx .chat-room-update-area .card-footer .btn{width:100%!important}}

/* Official server verification */
body.incallx .room-verification-panel{padding:20px;border:1px solid rgba(255,52,76,.24);border-radius:18px;background:radial-gradient(circle at 92% 0,rgba(255,35,67,.13),transparent 34%),linear-gradient(145deg,rgba(13,19,30,.98),rgba(7,12,21,.96));box-shadow:0 18px 48px rgba(0,0,0,.2)}
body.incallx .room-verification-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center}
body.incallx .room-verification-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,68,88,.6);border-radius:16px;background:linear-gradient(145deg,#ef233c,#8d1021);color:#fff;box-shadow:0 10px 26px rgba(239,35,60,.22)}
body.incallx .room-verification-mark i{font-size:26px}body.incallx .room-verification-kicker{color:#ff465d;font-size:9px;font-weight:900;letter-spacing:.14em}
body.incallx .room-verification-head h2{margin:2px 0 3px!important;color:#fff!important;font-size:18px!important}body.incallx .room-verification-head p{margin:0;color:rgba(213,222,234,.68);font-size:11px;line-height:1.5}
body.incallx .room-verification-status{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#aeb8c7;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
body.incallx .room-verification-status.is-approved{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.1);color:#74e99a}body.incallx .room-verification-status.is-pending{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.1);color:#ffd879}body.incallx .room-verification-status.is-rejected{border-color:rgba(255,58,82,.35);background:rgba(255,58,82,.1);color:#ff8293}
body.incallx .room-verification-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}body.incallx .room-verification-rules span{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:rgba(3,8,18,.38);color:#cbd5e1;font-size:10px;font-weight:750}body.incallx .room-verification-rules i{color:#ff3c55;font-size:16px}
body.incallx .room-verification-form{display:grid;gap:12px}body.incallx .room-verification-form label{display:grid;gap:6px}body.incallx .room-verification-form label>span{color:#eff4fb;font-size:11px;font-weight:850}body.incallx .room-verification-form .form-control{border-color:rgba(148,163,184,.18)!important;border-radius:11px!important;background:#080e19!important;color:#edf3fa!important;font-size:11px!important}
body.incallx .room-verification-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.incallx .room-verification-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer}body.incallx .room-verification-consent input{flex:0 0 auto;width:17px;height:17px;margin-top:1px;accent-color:#ef233c}body.incallx .room-verification-consent span{color:rgba(213,222,234,.76)!important;font-size:10px!important;line-height:1.5}
body.incallx .room-verification-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:6px;border-bottom:1px solid rgba(148,163,184,.14)}body.incallx .room-verification-steps button{display:flex;align-items:center;gap:8px;padding:11px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:rgba(203,213,225,.52);font-size:10px;font-weight:850;text-align:left}body.incallx .room-verification-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#101a2a;color:#7f8b9b}body.incallx .room-verification-steps button.is-active{border-color:#ff304b;color:#fff}body.incallx .room-verification-steps button.is-active b{background:linear-gradient(145deg,#f12642,#a30f23);color:#fff;box-shadow:0 7px 16px rgba(239,35,60,.24)}body.incallx .room-verification-steps button.is-complete{color:#9ff5e9}body.incallx .room-verification-steps button.is-complete b{background:#0e524b;color:#b9fff7}
body.incallx .room-verification-step-page{display:none;gap:13px}body.incallx .room-verification-step-page.is-active{display:grid}body.incallx .room-verification-section-title{display:flex;align-items:center;gap:11px;margin:2px 0 4px}body.incallx .room-verification-section-title>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,55,80,.35);border-radius:12px;background:rgba(239,35,60,.1);color:#ff4a62}body.incallx .room-verification-section-title>span i{font-size:20px}body.incallx .room-verification-section-title>div{display:grid;gap:1px}body.incallx .room-verification-section-title small{color:#ff5268;font-size:8px;font-weight:900;letter-spacing:.12em}body.incallx .room-verification-section-title strong{color:#fff;font-size:14px;font-weight:900}
body.incallx .room-verification-proof-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}body.incallx .room-verification-proof-types button{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px;border:1px solid rgba(148,163,184,.15);border-radius:11px;background:rgba(3,8,18,.42);color:#cbd5e1;font-size:10px}body.incallx .room-verification-proof-types button i{color:#ff4259;font-size:17px}body.incallx .room-verification-proof-types button.is-active{border-color:rgba(255,57,81,.55);background:rgba(239,35,60,.1);color:#fff}
body.incallx .room-verification-review{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.incallx .room-verification-review span{display:flex;align-items:center;gap:7px;padding:11px;border:1px solid rgba(42,210,184,.18);border-radius:10px;background:rgba(42,210,184,.06);color:#c8fff7;font-size:10px;font-weight:800}body.incallx .room-verification-review i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#159584;color:#fff}
body.incallx .room-verification-wizard-actions{display:flex;align-items:center;gap:8px;padding-top:6px;border-top:1px solid rgba(148,163,184,.12)}body.incallx .room-verification-wizard-actions>span{flex:1}body.incallx .room-verification-draft,body.incallx .room-verification-prev,body.incallx .room-verification-next{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#0a1220;color:#dce5ef;font-size:10px;font-weight:850}body.incallx .room-verification-next{border-color:#ff3f56;background:linear-gradient(135deg,#e7203a,#991022);color:#fff}body.incallx .room-verification-wizard-actions button:disabled{opacity:.38}
body.incallx .room-verification-note,body.incallx .room-verification-approved{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(255,255,255,.025);color:#cbd5e1;font-size:11px}body.incallx .room-verification-approved i{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e9213b;color:#fff}body.incallx .room-verification-approved div{display:grid;gap:3px}body.incallx .room-verification-approved strong{color:#fff}body.incallx .room-verification-approved span{color:#9eabba}
body.incallx .room-verification-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:end;min-height:40px;padding:0 16px;border:1px solid #ff4058;border-radius:11px;background:linear-gradient(135deg,#ec1f38,#a91025);color:#fff;font-size:11px;font-weight:900;box-shadow:0 10px 26px rgba(239,35,60,.18)}body.incallx .room-verification-submit:disabled{opacity:.65}
@media(max-width:700px){body.incallx .room-verification-panel{padding:14px}body.incallx .room-verification-head{grid-template-columns:46px minmax(0,1fr)}body.incallx .room-verification-mark{width:46px;height:46px}body.incallx .room-verification-status{grid-column:1/-1;justify-self:start}body.incallx .room-verification-rules,body.incallx .room-verification-field-grid,body.incallx .room-verification-proof-types,body.incallx .room-verification-review{grid-template-columns:1fr}body.incallx .room-verification-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body.incallx .room-verification-wizard-actions{flex-wrap:wrap}body.incallx .room-verification-wizard-actions>span{display:none}body.incallx .room-verification-submit,body.incallx .room-verification-draft{width:100%}}

/* Woo room badge - rendered after dynamic room cards load */
body.incallx #chat-room-loop .room-owner-meta{position:relative!important;display:flex!important;align-items:center!important;padding-right:70px!important;overflow:visible!important}
body.incallx #chat-room-loop .woo-server-member-badge{position:absolute!important;right:4px!important;top:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:60px!important;height:21px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;transform:translateY(-50%)!important;z-index:20!important}
body.incallx #chat-room-loop .woo-server-member-badge img{display:block!important;width:60px!important;height:21px!important;max-width:none!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
/* Professional channel category management */
.whitoo-room-menu .whitoo-room-menu-divider{padding:0 10px}.whitoo-room-menu .whitoo-room-menu-divider hr{margin:5px 0;border-color:rgba(148,163,184,.14)}
.whitoo-category-modal .modal-content{overflow:hidden;border:1px solid rgba(45,212,191,.2);border-radius:20px;background:linear-gradient(155deg,#0b1220 0%,#111a2d 100%);box-shadow:0 28px 90px rgba(0,0,0,.58)}
.whitoo-category-modal .modal-header{padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.12);background:linear-gradient(100deg,rgba(244,63,94,.09),rgba(34,211,238,.08))}
.whitoo-category-modal-heading{display:flex;align-items:center;gap:13px}.whitoo-category-modal-heading h5{margin:0;color:#f8fafc;font-size:17px}.whitoo-category-modal-heading small{display:block;margin-top:3px;color:#94a3b8;font-size:12px}
.whitoo-category-modal-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(45,212,191,.3);border-radius:13px;color:#2dd4bf;background:rgba(13,148,136,.13);font-size:21px}
.whitoo-category-modal .modal-body{padding:22px}.whitoo-category-modal .form-label{color:#e2e8f0;font-weight:750}.whitoo-category-modal .form-control{min-height:46px;border-color:rgba(148,163,184,.18);border-radius:12px;color:#f8fafc;background:#090f1d}.whitoo-category-modal .form-control:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.1)}
.whitoo-category-modal .modal-footer{gap:8px;padding:15px 22px;border-top:1px solid rgba(148,163,184,.12)}
.channel-cat-actions>span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;transition:.18s ease}.channel-cat-actions>span:hover{color:#2dd4bf;background:rgba(45,212,191,.12);transform:translateY(-1px)}
@media(max-width:575.98px){.whitoo-category-modal .modal-dialog{margin:12px}.whitoo-category-modal .modal-footer{display:grid;grid-template-columns:1fr 1fr}.whitoo-category-modal .delete-channel-category{grid-column:1/-1;order:3}.whitoo-category-modal .modal-footer .btn{margin:0!important}}

/* Game room + voice sidebar hard layout fix 20260623 */
body.incallx .sidebar-room{display:flex!important;flex-direction:column!important;height:calc((var(--vh,1vh)*100) - 48px)!important;max-height:calc((var(--vh,1vh)*100) - 48px)!important;overflow:hidden!important}
body.incallx .sidebar-room .topbar-channels,body.incallx .sidebar-room .voice-channel-container,body.incallx .sidebar-room .lt-account-dock{flex:0 0 auto!important}
body.incallx .sidebar-room .channel-container{flex:1 1 0!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:12px!important}
body.incallx .sidebar-room .voice-channel-container{width:100%!important;min-height:70px!important;height:auto!important;padding:9px 10px!important;border-top:1px solid rgba(32,224,196,.18)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:radial-gradient(circle at 12% 20%,rgba(32,224,196,.18),transparent 34%),linear-gradient(135deg,rgba(8,14,28,.96),rgba(10,19,34,.98))!important}
body.incallx .sidebar-room .voice-channel-info{min-width:0!important}
body.incallx .sidebar-room .voice-name{width:auto!important;max-width:124px!important}
body.incallx .sidebar-room{position:relative!important;padding-bottom:62px!important}
body.incallx .sidebar-room .topbar-channels{position:absolute!important;inset:0 0 auto 0!important;height:58px!important}
body.incallx .sidebar-room .channel-container{position:absolute!important;inset:58px 0 62px 0!important;margin-top:0!important;width:100%!important}
body.incallx.in-voice .sidebar-room .channel-container,body.voice-active.incallx .sidebar-room .channel-container{bottom:132px!important}
body.incallx .sidebar-room .voice-channel-container{position:absolute!important;left:0!important;right:0!important;bottom:62px!important;z-index:45!important}
body.incallx .sidebar-room .lt-account-dock.channel-list-bottom{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:50!important}
body.incallx.voice-active .sidebar-height-fix,body.incallx.voice-active .sidebar-height-fix-mt48{height:auto!important}
body.incallx.lt-game-active .chat-scroll,body.incallx.lt-game-active .group-chat,body.incallx.lt-game-active .chat-content{overflow:hidden!important}
body.incallx.lt-game-active .chats{height:100%!important;min-height:0!important;overflow:hidden!important}
body.incallx.lt-game-active .lt-game-room-shell{width:min(100% - 18px,1360px)!important;height:calc((var(--vh,1vh)*100) - 132px)!important;min-height:520px!important;margin:8px auto!important;padding:16px 18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid rgba(32,224,196,.22)!important;border-radius:18px!important;background:radial-gradient(circle at 12% 4%,rgba(255,51,71,.16),transparent 34%),radial-gradient(circle at 88% 12%,rgba(32,224,196,.14),transparent 34%),rgba(6,10,20,.94)!important;box-shadow:0 24px 74px rgba(0,0,0,.34)!important}
body.incallx.lt-game-active .lt-game-layout{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
body.incallx.lt-game-active .lt-game-main{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px!important}
body.incallx.lt-game-active .lt-game-chat-panel{min-height:0!important;height:100%!important;max-height:none!important;overflow:hidden!important}
body.incallx.lt-game-active .lt-game-chat-list{min-height:0!important;overflow-y:auto!important}
body.incallx.lt-game-active .lt-game-actions{margin-top:auto!important;padding-top:14px!important}
body.incallx.lt-game-active .lt-game-room-shell::-webkit-scrollbar,body.incallx.lt-game-active .chats::-webkit-scrollbar{width:0!important;height:0!important}
@media(max-width:991.98px){body.incallx.lt-game-active .lt-game-room-shell{height:auto!important;min-height:calc((var(--vh,1vh)*100) - 112px)!important;overflow-y:auto!important}body.incallx.lt-game-active .lt-game-layout{overflow:visible!important}body.incallx.lt-game-active .lt-game-chat-panel{min-height:280px!important}}

/* Channel options dropdown (mute/invite/edit) must paint above sibling channel rows below it, not behind them.
   Scoped with :has() to ONLY the row whose menu is open, so we don't force position/stacking-context on every
   channel row (that blanket change fought the theme's backdrop-filter blur and hazed the whole list) (2026070102) */
.channel-item:has(> .channel-actions .dropdown-menu.show){position:relative!important;z-index:2147483000!important}
.channel-actions .dropdown-menu.show{position:absolute!important;opacity:1!important}

/* Theme motion: spark/aurora/wave had no real visual effect before (enum existed, CSS didn't) -
   add a real flowing accent-color gradient on server/channel/category names, mirrored 1:1 on mobile (2026070105) */
body.woo-room-themed[data-wts-motion=spark] .room-name .btn,
body.woo-room-themed[data-wts-motion=aurora] .room-name .btn,
body.woo-room-themed[data-wts-motion=wave] .room-name .btn,
body.woo-room-themed[data-wts-motion=spark] .channel-name,
body.woo-room-themed[data-wts-motion=aurora] .channel-name,
body.woo-room-themed[data-wts-motion=wave] .channel-name,
body.woo-room-themed[data-wts-motion=spark] .cat-name,
body.woo-room-themed[data-wts-motion=aurora] .cat-name,
body.woo-room-themed[data-wts-motion=wave] .cat-name{background-image:linear-gradient(90deg,var(--wts-accent),var(--wts-accent2),var(--wts-accent))!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:wtsFlow 2.6s linear infinite!important}
@keyframes wtsFlow{to{background-position:-200% center}}
body.woo-room-themed[data-wts-motion=calm] .room-name .btn,
body.woo-room-themed[data-wts-motion=calm] .channel-name,
body.woo-room-themed[data-wts-motion=calm] .cat-name{background-image:linear-gradient(90deg,var(--wts-accent),var(--wts-accent2),var(--wts-accent))!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:wtsFlow 5.5s linear infinite!important}

/* Premium video/voice call panel redesign (2026070302) */
.video-call-container{border:1px solid rgba(230,18,43,.28)!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(28,10,16,.97),rgba(10,10,14,.97))!important;box-shadow:0 30px 80px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.03),0 0 60px rgba(230,18,43,.12)!important;backdrop-filter:blur(18px)!important;padding:14px!important;overflow:hidden!important}
.video-call-container .call-msg{color:#fff!important;font-weight:800!important;font-size:13px!important;letter-spacing:.2px;padding:2px 6px 10px!important}
.video-call-container #media-div{gap:10px!important;border-radius:16px!important;overflow:hidden}
.video-call-container .local-video,.video-call-container [id^="remote-player"],.video-call-container .remote-video{border-radius:16px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;background:#0a0a10!important;box-shadow:0 10px 26px rgba(0,0,0,.45)!important}
.video-call-container .video-caller-name{top:8px!important;left:8px!important;padding:3px 10px!important;border-radius:999px!important;background:rgba(0,0,0,.55)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:10.5px!important;font-weight:700!important;backdrop-filter:blur(8px)}
.video-call-container .call-controllers{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:12px!important;padding:8px!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.07)!important;width:max-content;margin-left:auto;margin-right:auto}
.video-call-container .call-controll{width:44px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.08)!important;color:#e8ecf3!important;transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important}
.video-call-container .call-controll:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.16)!important}
.video-call-container .call-controll.hangup{background:linear-gradient(135deg,#ff3b52,#b10e22)!important;border-color:rgba(255,59,82,.55)!important;color:#fff!important;box-shadow:0 8px 22px rgba(230,18,43,.45)!important}
.video-call-container .call-controll.hangup:hover{box-shadow:0 12px 28px rgba(230,18,43,.6)!important}
.video-call-container .call-controll.call-toggle-cam,.video-call-container .call-controll.call-toggle-mic,.video-call-container .call-controll.call-toggle-screen{background:rgba(230,18,43,.16)!important;border-color:rgba(230,18,43,.35)!important;color:#ff98a5!important}
.video-call-container .call-controll.call-toggle-screen{background:rgba(32,224,196,.14)!important;border-color:rgba(32,224,196,.4)!important;color:#5df0dd!important}
.video-call-container .call-controll.call-size-preset,.video-call-container .call-controll.call-toggle-fc{background:rgba(255,255,255,.06)!important;color:#aeb6c4!important}
.video-call-container .call-controll.call-toggle-fc{background:rgba(46,213,115,.15)!important;border-color:rgba(46,213,115,.4)!important;color:#7bf0a8!important}
.video-call-container .call-controll i{font-size:19px!important}

/* ==== Manage Rooms paneli: "Baglanti ile katil" karti (acilir/kapanir) ==== */
.sidebar-manage .wjoin{margin-top:10px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(8,14,28,.52);overflow:hidden}
.sidebar-manage .wjoin.is-open{border-color:rgba(56,189,248,.34);background:rgba(8,16,32,.72)}
.sidebar-manage .wjoin-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;background:transparent;color:#f8fbff;text-align:left;cursor:pointer;transition:background .18s ease}
.sidebar-manage .wjoin-toggle:hover{background:rgba(56,189,248,.06)}
.sidebar-manage .wjoin-ico{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(56,189,248,.22);border-radius:11px;background:rgba(56,189,248,.10);color:#7dd3fc;font-size:17px}
.sidebar-manage .wjoin.is-open .wjoin-ico{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.18);color:#bae6fd}
.sidebar-manage .wjoin-txt{min-width:0;flex:1 1 auto}
.sidebar-manage .wjoin-txt span{display:block;color:rgba(125,211,252,.85);font-size:9px;font-weight:950;letter-spacing:.4px;text-transform:uppercase}
.sidebar-manage .wjoin-txt strong{display:block;margin-top:2px;color:#fff;font-size:13px;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-manage .wjoin-caret{flex:0 0 auto;color:rgba(203,213,225,.55);font-size:16px;transition:transform .2s ease,color .2s ease}
.sidebar-manage .wjoin.is-open .wjoin-caret{transform:rotate(180deg);color:#7dd3fc}
/* Govde: kapaliyken yukseklik 0, acilinca yumusak acilir */
.sidebar-manage .wjoin-body{display:grid;grid-template-rows:0fr;opacity:0;padding:0 12px;transition:grid-template-rows .22s ease,opacity .18s ease,padding .22s ease}
.sidebar-manage .wjoin-body>*{min-height:0;overflow:hidden}
.sidebar-manage .wjoin.is-open .wjoin-body{grid-template-rows:1fr;opacity:1;padding:0 12px 12px}
.sidebar-manage .wjoin-hint{display:block;margin-bottom:8px;color:rgba(203,213,225,.6);font-size:10.5px;font-weight:700;line-height:1.35}
/* Dar kolonda alt alta: input tam genislik, buton altinda */
.sidebar-manage .wjoin-form{display:grid;grid-template-columns:1fr;gap:8px}
.sidebar-manage .wjoin-form .lt-join-link-input{min-height:42px;border-radius:12px}
.sidebar-manage .wjoin-form .lt-join-link-input i{font-size:16px}
.sidebar-manage .wjoin-form .lt-join-link-input input{font-size:13px}
.sidebar-manage .wjoin-form button{min-height:42px;border-radius:12px;font-size:13px;box-shadow:0 10px 22px rgba(37,99,235,.2)}
.sidebar-manage .wjoin-form button.is-loading{opacity:.65;pointer-events:none}
.sidebar-manage .wjoin-error{grid-column:auto;margin-top:8px;font-size:11px;line-height:1.35}

/* ==== Rail: "Baglanti ile katil" (sunucu kur/yonet ikonunun hemen altinda) ==== */
html body.incallx .room-bar .wjoin-rail{position:relative;cursor:pointer;background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(37,99,235,.20))!important;border:1px solid rgba(56,189,248,.28)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
html body.incallx .room-bar .wjoin-rail i{color:#7dd3fc!important}
html body.incallx .room-bar .wjoin-rail:hover{border-color:rgba(56,189,248,.62)!important;box-shadow:0 0 0 3px rgba(56,189,248,.12);transform:translateY(-1px)}
html body.incallx .room-bar .wjoin-rail:hover i{color:#bae6fd!important}

/* Explore ic sayfalari: sabit sol ray gorunur kalir, icerik yumusakca yukari yerlesir. */
body.incallx .woo-chat-workspace{
    inset:0 0 0 72px!important;
    display:flex!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .24s ease,visibility 0s linear .3s!important;
}
body.incallx .woo-chat-workspace.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s!important;
}
body.incallx .woo-chat-workspace .woo-chat-workspace-backdrop{
    opacity:0;
    transition:opacity .28s ease!important;
}
body.incallx .woo-chat-workspace.is-open .woo-chat-workspace-backdrop{opacity:1}
body.incallx .woo-chat-workspace .woo-chat-workspace-card{
    width:min(1320px,calc(100vw - 112px))!important;
    height:min(920px,calc(100vh - 34px))!important;
    transform:translateY(42px) scale(.986);
    opacity:0;
    transition:transform .44s cubic-bezier(.22,1,.36,1),opacity .25s ease!important;
    will-change:transform,opacity;
}
body.incallx .woo-chat-workspace.is-open .woo-chat-workspace-card{
    transform:translateY(0) scale(1);
    opacity:1;
}
@media(max-width:650px){
    body.incallx .woo-chat-workspace{inset:0 0 0 64px!important;padding:0!important}
    body.incallx .woo-chat-workspace .woo-chat-workspace-card{width:calc(100vw - 64px)!important;height:100vh!important;max-height:none!important;border-radius:0!important}
}
@media(prefers-reduced-motion:reduce){
    body.incallx .woo-chat-workspace,
    body.incallx .woo-chat-workspace .woo-chat-workspace-backdrop,
    body.incallx .woo-chat-workspace .woo-chat-workspace-card{transition-duration:.01ms!important}
}
/* Compact server controls + reliable chat media viewer (2026-07-24) */
body.incallx .whitoo-room-menu{
    width:272px!important;min-width:272px!important;padding:8px!important;
    border:1px solid rgba(73,219,205,.22)!important;border-radius:16px!important;
    background:linear-gradient(155deg,#0b1322 0%,#080d18 100%)!important;
    box-shadow:0 24px 64px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-head{
    display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;
    gap:10px!important;width:100%!important;margin:0 0 7px!important;padding:7px 8px 10px!important;
    border-bottom:1px solid rgba(148,163,184,.12)!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-head>span:last-child{
    display:flex!important;min-width:0!important;max-width:100%!important;flex-direction:column!important;
    align-items:flex-start!important;gap:2px!important;overflow:hidden!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-head strong{
    display:block!important;width:100%!important;overflow:hidden!important;color:#f8fafc!important;
    font-size:12px!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-head small{
    display:block!important;width:100%!important;overflow:hidden!important;color:#718096!important;
    font-size:8.5px!important;font-weight:750!important;line-height:1.2!important;text-overflow:ellipsis!important;
    text-transform:uppercase!important;letter-spacing:.07em!important;white-space:nowrap!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-mark{
    display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin:0!important;
    border:1px solid rgba(45,212,191,.24)!important;border-radius:9px!important;
    background:rgba(45,212,191,.1)!important;color:#5eead4!important;font-size:16px!important
}
body.incallx .whitoo-room-menu .dropdown-item{
    min-height:36px!important;margin:0!important;padding:8px 10px!important;
    border-radius:8px!important;gap:9px!important;font-size:12.5px!important;font-weight:700!important
}
body.incallx .whitoo-room-menu .dropdown-item .ti{width:18px!important;height:18px!important;font-size:16px!important}
body.incallx .whitoo-room-menu li+li{margin-top:2px!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-divider{margin:5px 2px!important;padding:0!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-divider hr{margin:0!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-danger{color:#fda4af!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-danger:hover{background:rgba(244,63,94,.11)!important;color:#fff!important}
body.incallx .whitoo-room-invite-modal .modal-dialog{max-width:520px!important}
body.incallx .whitoo-room-invite-modal .modal-content{
    border:1px solid rgba(45,212,191,.24)!important;border-radius:20px!important;
    background:radial-gradient(circle at 100% 0,rgba(45,212,191,.11),transparent 32%),linear-gradient(155deg,#091525,#070d18)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04)!important
}
body.incallx .whitoo-room-invite-modal .modal-header{min-height:58px!important;padding:13px 18px!important}
body.incallx .whitoo-room-invite-modal .modal-title{font-size:16px!important}
body.incallx .whitoo-room-invite-modal .modal-body{padding:16px 18px 18px!important}
.whitoo-invite-modal-heading,.whitoo-channel-modal-heading{display:flex;align-items:center;gap:11px}
.whitoo-invite-modal-heading>span:last-child,.whitoo-channel-modal-heading>span:last-child{display:flex;flex-direction:column}
.whitoo-invite-modal-icon,.whitoo-channel-modal-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(45,212,191,.28);border-radius:12px;background:linear-gradient(145deg,rgba(244,63,94,.18),rgba(45,212,191,.13));color:#67e8f9;font-size:19px}
body.incallx .whitoo-invite-head{margin-bottom:8px!important}
body.incallx .whitoo-invite-head>.ti{width:34px!important;height:34px!important;border-radius:10px!important}
body.incallx .whitoo-invite-section{margin-top:9px!important}
body.incallx .whitoo-invite-person,body.incallx .whitoo-invite-stat{padding:7px 9px!important;border-radius:9px!important}
body.incallx .whitoo-compact-channel-modal .modal-dialog{width:min(760px,calc(100vw - 28px))!important;max-width:760px!important}
body.incallx .whitoo-compact-channel-modal .modal-content{max-height:calc(100vh - 30px)!important;border:1px solid rgba(45,212,191,.25)!important;border-radius:20px!important;background:radial-gradient(circle at 100% 0,rgba(45,212,191,.1),transparent 30%),linear-gradient(155deg,#0a1424,#070d18)!important;box-shadow:0 34px 100px rgba(0,0,0,.62)!important}
body.incallx .whitoo-compact-channel-modal .modal-header{min-height:54px!important;padding:12px 16px!important}
body.incallx .whitoo-compact-channel-modal .modal-title{font-size:16px!important}
.whitoo-channel-modal-heading small{margin-top:2px;color:#7f8da3;font-size:10px;font-weight:650}
body.incallx .whitoo-compact-channel-modal .modal-body{padding:14px 16px!important;overflow-y:auto!important}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder{margin-bottom:12px!important;padding:11px!important;border-radius:12px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder-head{margin-bottom:8px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder-head small{font-size:10px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder-grid{grid-template-columns:minmax(0,1fr) 148px!important;gap:8px!important}
body.incallx .whitoo-compact-channel-modal #looai_builder_prompt{min-height:42px!important;height:42px!important;padding:9px 11px!important}
body.incallx .whitoo-compact-channel-modal .form-label{margin-bottom:4px!important;font-size:11px!important}
body.incallx .whitoo-compact-channel-modal .lt-form-note{display:none!important}
body.incallx .whitoo-compact-channel-modal .mb-3{margin-bottom:10px!important}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-boxes{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important
}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-boxes>[class*="col-"]{
    width:auto!important;max-width:none!important;margin:0!important;padding:0!important
}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-label{
    justify-content:center!important;min-height:52px!important;padding:8px!important;border-radius:10px!important;text-align:center!important
}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-label>.me-3{display:none!important}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-title{margin:0!important;font-size:11px!important;white-space:nowrap!important}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-label-content>.text-muted{display:none!important}
body.incallx .whitoo-compact-channel-modal .form-control,body.incallx .whitoo-compact-channel-modal .form-select{min-height:36px!important;height:36px!important;border-radius:9px!important;font-size:12px!important}
body.incallx .whitoo-compact-channel-modal .modal-footer{padding:10px 16px!important}
.whitoo-media-open{overflow:hidden!important}
.whitoo-media-viewer{
    position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;
    padding:28px;background:rgba(1,4,10,.92);backdrop-filter:blur(12px)
}
.whitoo-media-viewer.is-open{display:flex}
.whitoo-media-viewer[aria-hidden="false"]{display:flex!important}
.cht .message-data img,.cht .message-html img,.cht video,.chat-img img,.chat-video-block,.chat-video-block *{
    pointer-events:auto!important;cursor:zoom-in!important
}
.whitoo-media-stage{
    display:flex;align-items:center;justify-content:center;width:min(1120px,100%);height:min(760px,calc(100vh - 56px));
    overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#02050a;
    box-shadow:0 30px 90px rgba(0,0,0,.65)
}
.whitoo-media-stage img,.whitoo-media-stage video{display:block;max-width:100%;max-height:100%;object-fit:contain}
.whitoo-media-stage video{width:100%;height:100%;background:#000}
.whitoo-media-close{
    position:fixed;top:18px;right:18px;z-index:2;display:grid;place-items:center;width:40px;height:40px;
    border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#111827;color:#fff;font-size:20px;cursor:pointer
}
.chat-gallery,.chat-gallery figure,.chat-gallery a,.chat-gallery img,.chat-video-block,.chat-video-block .video-section,.chat-video-block .video-link,.chat-video-block img{position:relative!important;z-index:4!important;pointer-events:auto!important;cursor:zoom-in!important}
@media(max-width:767.98px){
    body.incallx .whitoo-compact-channel-modal .form-selectgroup-boxes{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder-grid{grid-template-columns:1fr!important}
    .whitoo-media-viewer{padding:0}.whitoo-media-stage{width:100%;height:100%;border:0;border-radius:0}
}

/* Reference-matched expanded server actions menu (2026-07-24) */
body.incallx .whitoo-room-menu{
    width:min(620px,calc(100vw - 24px))!important;min-width:min(620px,calc(100vw - 24px))!important;
    padding:18px!important;border:1px solid rgba(71,85,105,.62)!important;border-radius:24px!important;
    background:radial-gradient(circle at 90% 8%,rgba(30,41,59,.24),transparent 34%),linear-gradient(150deg,#0c121c,#080d14)!important;
    box-shadow:0 34px 90px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.035)!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-head{
    grid-template-columns:66px minmax(0,1fr) 28px!important;gap:18px!important;min-height:110px!important;
    margin:0 0 14px!important;padding:16px 20px!important;border:1px solid rgba(255,43,72,.68)!important;border-radius:22px!important;
    background:radial-gradient(circle at 12% 50%,rgba(239,35,60,.2),transparent 32%),linear-gradient(100deg,rgba(239,35,60,.08),rgba(25,25,31,.82))!important;
    box-shadow:inset 0 0 40px rgba(239,35,60,.06),0 12px 28px rgba(0,0,0,.25)!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-mark{
    width:64px!important;height:64px!important;border-color:rgba(255,52,81,.7)!important;border-radius:18px!important;
    background:linear-gradient(145deg,rgba(239,35,60,.56),rgba(86,22,35,.58))!important;color:#fff!important;
    font-size:30px!important;box-shadow:0 12px 28px rgba(239,35,60,.18)!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-head strong{font-size:21px!important;font-weight:950!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-head small{
    margin-top:7px!important;color:#9ca3af!important;font-size:13px!important;font-weight:700!important;letter-spacing:.18em!important
}
body.incallx .whitoo-room-menu .dropdown-item{
    display:grid!important;grid-template-columns:64px minmax(0,1fr) 28px!important;align-items:center!important;
    gap:18px!important;min-height:88px!important;margin:0!important;padding:10px 20px!important;border-radius:17px!important;
    color:#f3f4f6!important;font-size:21px!important;font-weight:850!important
}
body.incallx .whitoo-room-menu .dropdown-item:hover{
    background:linear-gradient(90deg,rgba(239,35,60,.1),rgba(255,255,255,.025))!important
}
body.incallx .whitoo-room-menu .dropdown-item>i:first-child{
    display:grid!important;place-items:center!important;width:64px!important;height:64px!important;
    border:1px solid rgba(71,85,105,.42)!important;border-radius:17px!important;background:#0d1520!important;
    color:#ff3d59!important;font-size:29px!important
}
body.incallx .whitoo-room-menu .dropdown-item .whitoo-invite-kind-icon{
    width:64px!important;height:64px!important;min-width:64px!important;border:1px solid rgba(71,85,105,.42)!important;
    border-radius:17px!important;background:#0d1520!important;color:#ff3d59!important;font-size:29px!important
}
body.incallx .whitoo-room-menu .dropdown-item span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-arrow{
    display:block!important;width:auto!important;height:auto!important;margin-left:auto!important;border:0!important;
    background:transparent!important;color:#9ca3af!important;font-size:26px!important
}
body.incallx .whitoo-room-menu .whitoo-room-menu-head>.whitoo-room-menu-arrow{justify-self:end!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-divider{margin:6px 4px!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-divider hr{border-color:rgba(71,85,105,.4)!important}
body.incallx .whitoo-room-menu .whitoo-room-menu-danger{color:#f3f4f6!important}
@media(max-width:700px){
    body.incallx .whitoo-room-menu{width:calc(100vw - 20px)!important;min-width:0!important;padding:12px!important;border-radius:18px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-head{grid-template-columns:48px minmax(0,1fr) 20px!important;min-height:78px!important;padding:12px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-mark,
    body.incallx .whitoo-room-menu .dropdown-item>i:first-child,
    body.incallx .whitoo-room-menu .dropdown-item .whitoo-invite-kind-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important;font-size:22px!important}
    body.incallx .whitoo-room-menu .dropdown-item{grid-template-columns:48px minmax(0,1fr) 20px!important;min-height:62px!important;padding:8px 12px!important;font-size:15px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-head strong{font-size:16px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-head small{font-size:9px!important}
}

/* Server actions menu final desktop proportions */
@media(min-width:701px){
    body.incallx .whitoo-room-menu{
        width:440px!important;min-width:440px!important;padding:12px!important;border-radius:20px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-head{
        grid-template-columns:50px minmax(0,1fr) 20px!important;gap:13px!important;
        min-height:82px!important;margin-bottom:8px!important;padding:12px 14px!important;border-radius:17px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-mark{
        width:48px!important;height:48px!important;border-radius:14px!important;font-size:22px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-head strong{font-size:17px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-head small{
        margin-top:4px!important;font-size:9px!important;letter-spacing:.15em!important
    }
    body.incallx .whitoo-room-menu .dropdown-item{
        grid-template-columns:50px minmax(0,1fr) 20px!important;gap:13px!important;
        min-height:66px!important;padding:7px 14px!important;border-radius:13px!important;
        font-size:16px!important
    }
    body.incallx .whitoo-room-menu .dropdown-item>i:first-child,
    body.incallx .whitoo-room-menu .dropdown-item .whitoo-invite-kind-icon{
        width:48px!important;height:48px!important;min-width:48px!important;border-radius:13px!important;font-size:22px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-arrow{font-size:19px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-divider{margin:4px 3px!important}
}

/* Final small server menu without the repeated server-name card */
@media(min-width:701px){
    body.incallx .whitoo-room-menu{
        width:244px!important;min-width:244px!important;padding:6px!important;border-radius:12px!important
    }
    body.incallx .whitoo-room-menu .dropdown-item{
        grid-template-columns:32px minmax(0,1fr) 13px!important;gap:8px!important;
        min-height:39px!important;padding:4px 8px!important;border-radius:8px!important;font-size:11px!important
    }
    body.incallx .whitoo-room-menu .dropdown-item>i:first-child,
    body.incallx .whitoo-room-menu .dropdown-item .whitoo-invite-kind-icon{
        width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;font-size:15px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-arrow{font-size:12px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-divider{margin:2px 3px!important}
}

/* Compact menu centered inside the channel sidebar */
@media(min-width:701px){
    body.incallx .whitoo-room-menu{
        width:268px!important;min-width:268px!important;padding:6px!important;border-radius:13px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-head{
        grid-template-columns:34px minmax(0,1fr) 14px!important;gap:8px!important;
        min-height:52px!important;margin-bottom:4px!important;padding:7px 9px!important;border-radius:10px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-mark{
        width:32px!important;height:32px!important;border-radius:9px!important;font-size:15px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-head strong{font-size:12px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-head small{font-size:6.5px!important}
    body.incallx .whitoo-room-menu .dropdown-item{
        grid-template-columns:34px minmax(0,1fr) 14px!important;gap:8px!important;
        min-height:42px!important;padding:4px 9px!important;border-radius:8px!important;font-size:11.5px!important
    }
    body.incallx .whitoo-room-menu .dropdown-item>i:first-child,
    body.incallx .whitoo-room-menu .dropdown-item .whitoo-invite-kind-icon{
        width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;font-size:16px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-arrow{font-size:13px!important}
}

/* Restore the original compact dropdown footprint */
@media(min-width:701px){
    body.incallx .whitoo-room-menu{
        width:286px!important;min-width:286px!important;padding:7px!important;border-radius:14px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-head{
        grid-template-columns:36px minmax(0,1fr) 16px!important;gap:9px!important;
        min-height:56px!important;margin-bottom:5px!important;padding:8px 10px!important;border-radius:11px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-mark{
        width:34px!important;height:34px!important;border-radius:10px!important;font-size:16px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-head strong{font-size:13px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-head small{
        margin-top:2px!important;font-size:7px!important;letter-spacing:.12em!important
    }
    body.incallx .whitoo-room-menu .dropdown-item{
        grid-template-columns:36px minmax(0,1fr) 16px!important;gap:9px!important;
        min-height:46px!important;padding:5px 10px!important;border-radius:9px!important;
        font-size:12.5px!important
    }
    body.incallx .whitoo-room-menu .dropdown-item>i:first-child,
    body.incallx .whitoo-room-menu .dropdown-item .whitoo-invite-kind-icon{
        width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:17px!important
    }
    body.incallx .whitoo-room-menu .whitoo-room-menu-arrow{font-size:14px!important}
    body.incallx .whitoo-room-menu .whitoo-room-menu-divider{margin:3px!important}
}

/* Reference-matched channel + invite dialogs (2026-07-24) */
body.incallx .whitoo-compact-channel-modal .modal-dialog{
    width:min(980px,calc(100vw - 36px))!important;max-width:980px!important
}
body.incallx .whitoo-compact-channel-modal .modal-content{
    border-color:rgba(244,63,94,.34)!important;border-radius:24px!important;
    background:radial-gradient(circle at 4% 0,rgba(225,29,72,.13),transparent 24%),linear-gradient(145deg,#10131a,#090d14)!important
}
body.incallx .whitoo-compact-channel-modal .modal-header{min-height:82px!important;padding:16px 22px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-modal-icon{
    width:48px!important;height:48px!important;border-color:rgba(251,45,73,.52)!important;border-radius:14px!important;
    background:linear-gradient(135deg,#ef233c,#7e1826)!important;color:#fff!important;box-shadow:0 10px 25px rgba(239,35,60,.24)!important
}
body.incallx .whitoo-compact-channel-modal .modal-title{font-size:20px!important;font-weight:900!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-modal-heading small{font-size:13px!important}
body.incallx .whitoo-compact-channel-modal .modal-body{padding:16px 20px 12px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder{
    margin-bottom:15px!important;padding:13px!important;border:1px solid rgba(244,63,94,.42)!important;border-radius:17px!important;
    background:radial-gradient(circle at 100% 50%,rgba(225,29,72,.11),transparent 30%),rgba(5,9,15,.48)!important
}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder-kicker{color:#ff3654!important;font-size:12px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder-grid{grid-template-columns:minmax(0,1fr) 180px!important;gap:12px!important}
body.incallx .whitoo-compact-channel-modal #looai_builder_prompt{height:58px!important;min-height:58px!important;padding:11px 14px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-ai-builder-generate{
    min-height:58px!important;border:1px solid #ff304f!important;border-radius:13px!important;
    background:linear-gradient(135deg,#ef233c,#7b1d29)!important;color:#fff!important;box-shadow:0 9px 24px rgba(239,35,60,.25)!important
}
body.incallx .whitoo-compact-channel-modal #channel-form{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important
}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-category-field,
body.incallx .whitoo-compact-channel-modal .whitoo-channel-type-label,
body.incallx .whitoo-compact-channel-modal .whitoo-channel-type-note,
body.incallx .whitoo-compact-channel-modal .form-selectgroup-boxes,
body.incallx .whitoo-compact-channel-modal .game-room-settings,
body.incallx .whitoo-compact-channel-modal .whitoo-channel-private-field,
body.incallx .whitoo-compact-channel-modal .channel-users{grid-column:1/-1!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-category-field{max-width:470px!important}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-boxes{gap:10px!important}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-label{
    min-height:82px!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:15px!important;background:rgba(8,12,20,.72)!important
}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-title{display:flex!important;align-items:center!important;flex-direction:column!important;gap:8px!important;font-size:13px!important}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-title i{margin:0!important;color:#e5e7eb!important;font-size:22px!important}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-input:checked+.form-selectgroup-label{
    border-color:#ff2948!important;background:radial-gradient(circle at 50% 100%,rgba(239,35,60,.15),transparent 58%),#0b1018!important;
    box-shadow:0 0 0 1px rgba(255,41,72,.16),0 10px 24px rgba(0,0,0,.24)!important
}
body.incallx .whitoo-compact-channel-modal .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title i{color:#ff2948!important}
body.incallx .whitoo-compact-channel-modal .form-control,
body.incallx .whitoo-compact-channel-modal .form-select{height:44px!important;min-height:44px!important;border-color:rgba(148,163,184,.2)!important;border-radius:12px!important;background:#0b1018!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-private-field{margin:0!important;padding-top:2px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions{
    grid-column:1/-1!important;min-width:0!important;margin:4px 0 12px!important;padding:0!important;
    border:1px solid rgba(244,63,94,.24)!important;border-radius:17px!important;
    background:linear-gradient(135deg,rgba(239,35,60,.07),rgba(255,255,255,.018))!important;
    overflow:hidden!important
}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions-body{padding:15px 17px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions .avatar{
    width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;
    background:rgba(239,35,60,.12)!important;color:#ff3654!important
}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions strong{color:#f5f7fb!important;font-size:13px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions .text-muted{color:#8e99aa!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-staff-switch{
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
    margin:13px 0!important;padding:11px 13px!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:13px!important;background:rgba(4,8,14,.42)!important
}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-staff-switch .form-check-input{margin:0!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions .row{margin:0!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions .row>[class*="col-"]{min-width:0!important;padding:0 6px!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions .input-group{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-width:0!important}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions .input-group-text{
    min-width:72px!important;justify-content:center!important;border-color:rgba(148,163,184,.2)!important;background:#151b25!important;color:#b8c0ce!important;font-size:12px!important
}
body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions input{min-width:0!important;width:100%!important}
/* Channel action popover: compact version of the server action menu. */
body.incallx .channel-actions .whitoo-channel-menu{
    width:244px!important;min-width:244px!important;margin-top:8px!important;padding:9px!important;
    border:1px solid rgba(244,63,94,.25)!important;border-radius:18px!important;
    background:radial-gradient(circle at 100% 0,rgba(225,29,72,.11),transparent 38%),linear-gradient(145deg,#0d131d,#080d14)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.025) inset!important;
    overflow:hidden!important
}
body.incallx .channel-actions .whitoo-channel-menu li+li{margin-top:4px!important}
body.incallx .channel-actions .whitoo-channel-menu .dropdown-item{
    display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;
    min-height:52px!important;padding:6px 10px!important;border:1px solid transparent!important;border-radius:13px!important;
    color:#eef2f7!important;background:transparent!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important
}
body.incallx .channel-actions .whitoo-channel-menu .dropdown-item:hover,
body.incallx .channel-actions .whitoo-channel-menu .dropdown-item:focus{
    border-color:rgba(244,63,94,.28)!important;background:linear-gradient(90deg,rgba(225,29,72,.13),rgba(255,255,255,.025))!important;
    color:#fff!important;transform:translateX(2px)!important
}
body.incallx .channel-actions .whitoo-channel-menu .dropdown-item>i:first-child{
    display:grid!important;place-items:center!important;width:40px!important;height:40px!important;margin:0!important;
    border:1px solid rgba(244,63,94,.24)!important;border-radius:11px!important;background:rgba(225,29,72,.09)!important;
    color:#ff3654!important;font-size:19px!important
}
body.incallx .channel-actions .whitoo-channel-menu .dropdown-item span{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
body.incallx .channel-actions .whitoo-channel-menu .whitoo-channel-menu-arrow{
    margin:0!important;color:#778397!important;font-size:15px!important;transition:color .18s ease,transform .18s ease!important
}
body.incallx .channel-actions .whitoo-channel-menu .dropdown-item:hover .whitoo-channel-menu-arrow{
    color:#ff5b70!important;transform:translateX(2px)!important
}
@media(max-width:420px){
    body.incallx .channel-actions .whitoo-channel-menu{width:220px!important;min-width:220px!important;padding:8px!important}
    body.incallx .channel-actions .whitoo-channel-menu .dropdown-item{grid-template-columns:36px minmax(0,1fr) 16px!important;min-height:48px!important;gap:9px!important;padding:5px 8px!important}
    body.incallx .channel-actions .whitoo-channel-menu .dropdown-item>i:first-child{width:36px!important;height:36px!important;font-size:17px!important}
}
body.incallx .whitoo-compact-channel-modal .modal-footer{min-height:72px!important;padding:13px 20px!important}
body.incallx .whitoo-compact-channel-modal .modal-footer .btn{min-height:44px!important;padding:0 18px!important;border-radius:13px!important}
body.incallx .whitoo-compact-channel-modal .submit-channel{
    border:1px solid #ff2948!important;background:linear-gradient(135deg,#ef233c,#841929)!important;color:#fff!important;
    box-shadow:0 10px 25px rgba(239,35,60,.22)!important
}
body.incallx .whitoo-room-invite-modal .modal-dialog{width:min(980px,calc(100vw - 36px))!important;max-width:980px!important}
body.incallx .whitoo-room-invite-modal .modal-content{
    border-color:rgba(244,63,94,.34)!important;border-radius:24px!important;
    background:radial-gradient(circle at 5% 0,rgba(225,29,72,.13),transparent 24%),linear-gradient(145deg,#0e1219,#090d13)!important
}
body.incallx .whitoo-room-invite-modal .modal-header{min-height:108px!important;padding:20px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-modal-icon{
    width:64px!important;height:64px!important;border-color:rgba(251,45,73,.5)!important;border-radius:16px!important;
    background:linear-gradient(135deg,#ef233c,#681824)!important;color:#fff!important;font-size:30px!important
}
body.incallx .whitoo-room-invite-modal .whitoo-invite-modal-kicker{color:#ff3654!important;font-size:12px!important}
body.incallx .whitoo-room-invite-modal .modal-title{font-size:25px!important;font-weight:950!important}
body.incallx .whitoo-room-invite-modal .modal-body{padding:20px 30px 32px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-head{
    padding:15px!important;border:1px solid rgba(244,63,94,.4)!important;border-bottom:0!important;border-radius:17px 17px 0 0!important;
    background:radial-gradient(circle at 100% 50%,rgba(225,29,72,.12),transparent 34%),rgba(7,11,17,.56)!important
}
body.incallx .whitoo-room-invite-modal .whitoo-invite-head>.ti{
    width:58px!important;height:58px!important;border-radius:15px!important;background:linear-gradient(135deg,#ef233c,#8e1d2d)!important;font-size:28px!important
}
body.incallx .whitoo-room-invite-modal .whitoo-invite-head strong{font-size:20px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-head small{font-size:13px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-copy-row{
    grid-template-columns:minmax(0,1fr) 58px!important;gap:14px!important;margin-top:-1px!important;padding:0 15px 15px!important;
    border:1px solid rgba(244,63,94,.4)!important;border-top:0!important;border-radius:0 0 17px 17px!important;background:rgba(7,11,17,.56)!important
}
body.incallx .whitoo-room-invite-modal .whitoo-invite-copy-row input{height:58px!important;padding:0 18px!important;border-radius:13px!important;font-size:17px!important}
body.incallx .whitoo-room-invite-modal .whitoo-copy-room-invite{border-radius:13px!important;background:linear-gradient(135deg,#ff2948,#bd1f36)!important;font-size:20px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-section{margin-top:18px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-title{margin-bottom:10px!important;color:#e5e7eb!important;font-size:15px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-title i{color:#ff2948!important;font-size:21px!important}
body.incallx .whitoo-room-invite-modal .whitoo-invite-empty{
    display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;
    min-height:106px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:15px!important;background:#0a0f17!important;font-size:14px!important
}
body.incallx .whitoo-room-invite-modal .whitoo-invite-empty i{color:#aeb6c4!important;font-size:34px!important}
@media(max-width:767.98px){
    body.incallx .whitoo-compact-channel-modal #channel-form{grid-template-columns:1fr!important}
    body.incallx .whitoo-compact-channel-modal .whitoo-channel-name-field,
    body.incallx .whitoo-compact-channel-modal .whitoo-channel-order-field{grid-column:1!important}
    body.incallx .whitoo-compact-channel-modal .whitoo-channel-message-permissions .row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
    body.incallx .whitoo-room-invite-modal .modal-header{min-height:78px!important}
    body.incallx .whitoo-room-invite-modal .whitoo-invite-modal-icon{width:44px!important;height:44px!important;font-size:21px!important}
    body.incallx .whitoo-room-invite-modal .modal-title{font-size:19px!important}
    body.incallx .whitoo-room-invite-modal .modal-body{padding:14px!important}
}