:root {
    --ltx-bg: #070b16;
    --ltx-panel: #0d1424;
    --ltx-panel-2: #111827;
    --ltx-card: rgba(17, 24, 39, .82);
    --ltx-line: rgba(148, 163, 184, .16);
    --ltx-text: #eef6ff;
    --ltx-muted: #94a3b8;
    --ltx-cyan: #22d3ee;
    --ltx-teal: #14b8a6;
    --ltx-blue: #2563eb;
    --ltx-gold: #facc15;
}

body {
    background: radial-gradient(circle at top left, rgba(34, 211, 238, .10), transparent 34%),
        radial-gradient(circle at bottom right, rgba(37, 99, 235, .12), transparent 34%),
        var(--ltx-bg) !important;
}

.room-bar {
    width: 76px;
    padding: 8px 0;
    background: linear-gradient(180deg, #080d19 0%, #0b1221 100%) !important;
    border-right: 1px solid rgba(34, 211, 238, .12);
    box-shadow: inset -1px 0 0 rgba(255,255,255,.03);
}

.mini-brand img {
    filter: drop-shadow(0 8px 18px rgba(34, 211, 238, .28));
}

.mini-brand-seperator {
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .55), transparent) !important;
    width: 42px;
    height: 1px;
}

.room-list {
    padding: 4px 0 8px;
    scrollbar-width: thin;
}

.room-list .room-list-item,
.private-messages,
.action-item {
    transform: translateZ(0);
}

.chatroom-item,
.private-messages .private-item,
.action-item {
    width: 50px;
    height: 50px;
    border-radius: 17px !important;
    background: linear-gradient(145deg, rgba(30, 41, 59, .96), rgba(15, 23, 42, .96)) !important;
    border: 1px solid rgba(148, 163, 184, .14);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .20);
}

.chatroom-item:hover,
.private-messages .private-item:hover,
.action-item:hover {
    border-color: rgba(34, 211, 238, .45);
    box-shadow: 0 14px 28px rgba(34, 211, 238, .12);
    transform: translateY(-1px);
}

.room-list-item.active .chatroom-item,
.private-messages.active .private-item,
.action-item.active {
    border-color: rgba(34, 211, 238, .72);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .12), 0 14px 30px rgba(37, 99, 235, .20);
}

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

.sidebar-wrapper,
.channel-bar,
.channel-list,
.rightbar-wrapper {
    background: rgba(13, 20, 36, .92) !important;
    border-color: var(--ltx-line) !important;
}

.topbar,
.topbar-channels,
.topbar-private,
.navbar.topbar {
    background: rgba(7, 11, 22, .78) !important;
    border-bottom: 1px solid var(--ltx-line) !important;
    backdrop-filter: blur(16px);
}

.room-name,
.room-title,
.top-channel-name,
.channel-cat-name,
.channel-name {
    color: var(--ltx-text) !important;
}

.channel-container,
.height-scroll,
.height-scroll-rpanel,
.messages {
    scrollbar-width: thin;
    scrollbar-color: rgba(34, 211, 238, .35) transparent;
}

.channel-cat {
    color: var(--ltx-muted) !important;
    letter-spacing: .02em;
}

.channel-item,
.channel-cat,
.user-row,
.room-manage-row {
    border-radius: 10px;
    margin: 2px 8px;
}

.channel-item:hover,
.channel-item.active,
.channel-cat:hover,
.user-row:hover,
.room-manage-row:hover {
    background: rgba(34, 211, 238, .10) !important;
    color: var(--ltx-text) !important;
}

.messages {
    background: linear-gradient(180deg, rgba(7, 11, 22, .72), rgba(9, 14, 27, .96)) !important;
    padding: 18px;
}

.cht .message-data {
    border-radius: 16px !important;
    border: 1px solid rgba(148, 163, 184, .12);
    box-shadow: 0 10px 24px rgba(0,0,0,.16);
}

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

.cht.sent .message-data {
    background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
}

.editor-container {
    min-height: 52px;
    margin: 12px 16px 16px;
    border-radius: 18px !important;
    border: 1px solid rgba(34, 211, 238, .22);
    background: rgba(7, 11, 22, .90) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22);
}

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

.editor-icon:hover,
.attachment-col.dropup:hover {
    color: var(--ltx-cyan) !important;
}

.form-control,
.form-select,
.note-editor.note-frame {
    border-radius: 10px !important;
}


.lt-next-room-form.card,
.lt-next-channel-modal .modal-content {
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(8, 13, 25, .96));
    box-shadow: 0 24px 60px rgba(0,0,0,.28);
    overflow: hidden;
}

.lt-next-room-form .card-header,
.lt-next-channel-modal .modal-header {
    background: linear-gradient(135deg, rgba(20, 184, 166, .14), rgba(37, 99, 235, .16));
    border-bottom: 1px solid rgba(34, 211, 238, .14);
}

.lt-next-room-form .nav-tabs .nav-link {
    border: 0;
    border-radius: 10px;
    color: var(--ltx-muted);
    font-weight: 700;
}

.lt-next-room-form .nav-tabs .nav-link.active {
    background: rgba(34, 211, 238, .14);
    color: var(--ltx-text);
}

.lt-next-room-form h2,
.lt-next-channel-modal .modal-title {
    color: var(--ltx-text);
}

.lt-form-note {
    display: block;
    margin-top: 5px;
    color: var(--ltx-muted);
    font-size: 12px;
    line-height: 1.45;
}

.lt-next-room-form .form-label,
.lt-next-channel-modal .form-label {
    color: #dbeafe;
    font-weight: 700;
}

.lt-next-room-form .form-control,
.lt-next-room-form .form-select,
.lt-next-channel-modal .form-control,
.lt-next-channel-modal .form-select {
    min-height: 42px;
    border: 1px solid rgba(148, 163, 184, .14) !important;
    background: rgba(2, 6, 23, .42) !important;
    color: var(--ltx-text) !important;
}

.lt-next-room-form textarea.form-control {
    min-height: 112px;
}

.lt-next-channel-modal .form-selectgroup-label {
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, .14);
    background: rgba(15, 23, 42, .58);
}

.lt-next-channel-modal .form-selectgroup-input:checked + .form-selectgroup-label {
    border-color: rgba(34, 211, 238, .55);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .10);
}

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

    .chatroom-item,
    .private-messages .private-item,
    .action-item {
        width: 44px;
        height: 44px;
        border-radius: 14px !important;
    }

    .messages {
        padding: 12px;
        min-width: 0;
    }

    .editor-container {
        margin: 10px;
        border-radius: 14px !important;
    }
}

/* Theme guard: keep the modern layer from forcing dark colors in light mode. */
html.light {
    --ltx-bg: #f4f7fb;
    --ltx-panel: #ffffff;
    --ltx-panel-2: #f8fafc;
    --ltx-card: rgba(255, 255, 255, .92);
    --ltx-line: rgba(15, 23, 42, .10);
    --ltx-text: #0f172a;
    --ltx-muted: #64748b;
}

html.light body {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%) !important;
    color: #0f172a !important;
}

html.light .room-bar {
    background: linear-gradient(180deg, #f8fafc 0%, #edf3fb 100%) !important;
    border-right-color: rgba(15, 23, 42, .10) !important;
}

html.light .sidebar-wrapper,
html.light .channel-bar,
html.light .channel-list,
html.light .rightbar-wrapper {
    background: rgba(255, 255, 255, .94) !important;
    border-color: rgba(15, 23, 42, .10) !important;
    color: #0f172a !important;
}

html.light .topbar,
html.light .topbar-channels,
html.light .topbar-private,
html.light .navbar.topbar {
    background: rgba(255, 255, 255, .88) !important;
    border-bottom-color: rgba(15, 23, 42, .10) !important;
}

html.light .room-name,
html.light .room-title,
html.light .top-channel-name,
html.light .channel-cat-name,
html.light .channel-name {
    color: #0f172a !important;
}

html.light .chatroom-item,
html.light .private-messages .private-item,
html.light .action-item {
    background: linear-gradient(145deg, #ffffff, #eef4fb) !important;
    border-color: rgba(15, 23, 42, .10) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
    color: #334155 !important;
}

html.light .room-bar .ti,
html.light .room-bar .action-item i,
html.light .private-messages .private-item i,
html.light .manage-room i,
html.light .explore-room i,
html.light .radio-container i,
html.light .mini-brand i {
    color: #334155 !important;
    opacity: 1 !important;
}

html.light .chatroom-item:hover,
html.light .private-messages .private-item:hover,
html.light .action-item:hover {
    color: #0f172a !important;
}

html.light .chatroom-item:hover i,
html.light .private-messages .private-item:hover i,
html.light .action-item:hover i {
    color: #0f172a !important;
}

html.light .room-list-item.active .chatroom-item i,
html.light .private-messages.active .private-item i,
html.light .action-item.active i {
    color: #0891b2 !important;
}

html.light .topbar i,
html.light .topbar .ti,
html.light .navbar.topbar i,
html.light .navbar.topbar .ti,
html.light .topbar .nav-link,
html.light .topbar .link-dark,
html.light .topbar .btn,
html.light .btn-ghost-dark,
html.light .rightbarToggle i {
    color: #475569 !important;
    opacity: 1 !important;
}

html.light .topbar a:hover i,
html.light .topbar button:hover i,
html.light .topbar .nav-link:hover,
html.light .btn-ghost-dark:hover {
    color: #0f172a !important;
}

html.light .join-voice i,
html.light .join-voice .ti {
    color: #16a34a !important;
}

html.light .messages {
    background: linear-gradient(180deg, #f8fbff, #edf3fb) !important;
}

html.light .cht.replies .message-data {
    background: rgba(255, 255, 255, .96) !important;
    color: #0f172a !important;
}

html.light .editor-container {
    background: rgba(255, 255, 255, .96) !important;
    border-color: rgba(15, 23, 42, .12) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08);
}

html.light .editor-icon,
html.light .attachment-col.dropup {
    color: #64748b !important;
}

html.light .editor-container i,
html.light .editor-icon i,
html.light .attachment-col i,
html.light .message-editor-buttons i {
    color: #64748b !important;
    opacity: 1 !important;
}

html.light .editor-icon:hover,
html.light .attachment-col.dropup:hover,
html.light .message-editor-buttons button:hover i {
    color: #0f172a !important;
}

html.light .send-message i,
html.light .send-msg i,
html.light .chat-send-button i,
html.light button[type="submit"].btn-primary i,
html.light .btn-primary i {
    color: #ffffff !important;
}

html.light .lt-next-room-form h2,
html.light .lt-next-channel-modal .modal-title,
html.light .lt-next-room-form .nav-tabs .nav-link.active {
    color: #0f172a !important;
}

html.light .lt-next-room-form .form-label,
html.light .lt-next-channel-modal .form-label {
    color: #334155 !important;
}

html.light .lt-next-room-form .form-control,
html.light .lt-next-room-form .form-select,
html.light .lt-next-channel-modal .form-control,
html.light .lt-next-channel-modal .form-select,
html.light .form-control,
html.light .form-select {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(15, 23, 42, .14) !important;
}

html.light .lt-next-channel-modal .form-selectgroup-label {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .12) !important;
    color: #0f172a !important;
}

html.light .card,
html.light .modal-content,
html.light .dropdown-menu,
html.light .ltplus-checkout-card,
html.light .ltplus-benefit-panel,
html.light .ltplus-referral-card,
html.light .Whitoo AI-panel {
    background: rgba(255, 255, 255, .96) !important;
    color: #0f172a !important;
    border-color: rgba(15, 23, 42, .10) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .10) !important;
}

html.light .card-header,
html.light .modal-header {
    background: rgba(248, 250, 252, .92) !important;
    border-bottom-color: rgba(15, 23, 42, .10) !important;
}

html.light .navbar.navbar-scroll,
html.light header .navbar {
    background: rgba(255, 255, 255, .88) !important;
    border-bottom-color: rgba(15, 23, 42, .10) !important;
    box-shadow: 0 12px 38px rgba(15, 23, 42, .08);
}

html.light .navbar .nav-link {
    color: rgba(15, 23, 42, .78) !important;
}

html.light .navbar .nav-link:hover,
html.light .navbar .nav-link.active {
    background: rgba(20, 184, 166, .10) !important;
    color: #0f172a !important;
}

html.light .footer {
    background: rgba(255, 255, 255, .74) !important;
    border-top-color: rgba(15, 23, 42, .10) !important;
    color: #64748b !important;
}

html.light .room-loop,
html.light .room-item,
html.light .chat-room-card,
html.light .room-card {
    background: rgba(255, 255, 255, .92) !important;
    border-color: rgba(15, 23, 42, .10) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .10) !important;
}

html.light ::placeholder {
    color: rgba(100, 116, 139, .70) !important;
}

/* Whitoo manage studio final layer */
.lt-manage-room-list .room-manage-row {
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)),
        rgba(12, 16, 29, .72) !important;
}

.lt-manage-room-list .room-manage-row:hover,
.lt-manage-room-list .form-selectgroup-input:checked + .room-manage-label {
    border-color: rgba(255, 49, 88, .54) !important;
    background:
        linear-gradient(135deg, rgba(255, 49, 88, .26), rgba(22, 199, 215, .14)),
        rgba(17, 24, 39, .96) !important;
}

.lt-next-room-form.card {
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 49, 88, .14), transparent 36%),
        linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(8, 12, 23, .98)) !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.lt-next-room-form .card-header {
    /* Baslik SOLDA, sekmeler SAGDA - tek satir. */
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 14px;
    background:
        radial-gradient(circle at 82% 0%, rgba(22, 199, 215, .14), transparent 42%),
        radial-gradient(circle at 12% 0%, rgba(255, 49, 88, .22), transparent 46%),
        rgba(255, 255, 255, .035) !important;
    border-bottom: 1px solid rgba(255, 49, 88, .20) !important;
}

.lt-next-room-form #room-manage-tab .nav-link {
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 999px !important;
    color: rgba(226, 232, 240, .72) !important;
    background: rgba(255, 255, 255, .045) !important;
}

.lt-next-room-form #room-manage-tab .nav-link.active {
    color: #fff !important;
    border-color: rgba(255, 45, 85, .62) !important;
    background: linear-gradient(135deg, #ff2d55, #d01d3d) !important;
    box-shadow: 0 10px 24px rgba(255, 49, 88, .26) !important;
}

.lt-next-room-form .form-control,
.lt-next-room-form .form-select,
.lt-next-room-form textarea,
.lt-next-room-form select {
    border-radius: 14px !important;
    border-color: rgba(255, 255, 255, .12) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .028)),
        rgba(4, 8, 18, .72) !important;
}

/* Whitoo Refresh 2026051902 */

: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);
}

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 .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 .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 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
}

body.incallx .lt-sidebar-shortcut {
    min-height: 66px;
    border-radius: var(--woo-radius);
    border: 1px solid rgba(148, 163, 184, .14);
    background: linear-gradient(145deg, rgba(20, 30, 48, .88), rgba(10, 15, 27, .92));
    box-shadow: none;
}

body.incallx .lt-sidebar-shortcut:hover {
    border-color: var(--woo-line-strong);
    transform: translateY(-1px);
}

body.incallx .lt-plus-link i {
    color: var(--woo-gold) !important;
}

body.incallx .lt-cinema-link i,
body.incallx .lt-market-link i {
    color: var(--woo-teal) !important;
}

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(2, 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 .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 .room-img {
    display: none !important;
}

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



/* Whitoo presence override 2026051906 */
body.incallx .woo-room-hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));}


/* Whitoo room card readability pass 2026051907 */

body.incallx .woo-room-hero-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(32, 224, 196, .30);
    background: #06101a;
}

body.incallx .woo-room-hero-cover {
    min-height: 104px;
    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, .30) 0%, rgba(5, 8, 17, .72) 58%, rgba(5, 8, 17, .98) 100%),
        linear-gradient(90deg, rgba(255, 51, 71, .16), rgba(32, 224, 196, .12));
}

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, .94), rgba(4, 8, 18, .98));
}

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 room cover blend 2026051909 */
body.incallx .woo-room-hero-card{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{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-body{background:linear-gradient(180deg,rgba(6,16,26,.76),rgba(4,8,18,.92));backdrop-filter:blur(8px);}

/* 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 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{margin-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;position:relative}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::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-heading{min-height:34px;padding:0 10px;border-radius:10px;box-shadow:inset 3px 0 0 var(--role-color,#20e0c4)}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 .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 .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}

/* Whitoo member click popover polish 2026051927 */
body.incallx .lt-member-popover{--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:#fff;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-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}

/* 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 .lt-member-popover-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.incallx .lt-member-popover-actions{padding:10px}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}

/* 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}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:#fff;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}

/* 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:#fff!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-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 #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 .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:#fff!important}body.incallx .toast-body{padding:11px 13px;color:rgba(226,232,240,.90);font-size:13px;line-height:1.45}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}

/* 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:#fff;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 #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:#fff;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)}

/* 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:#fff;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 .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 #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 .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 .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}
/* Whitoo profile edit soft compact 2026051939 */
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);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;text-transform:none;letter-spacing:0}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-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-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,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 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-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-ai-effect-controls{grid-template-columns:minmax(0,1fr) 84px;width:100%}body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls input{min-width:0}body.incallx #main-profile #v-profile-settings .woo-ai-effect-controls button{min-width:0;padding-left:6px;padding-right:6px}body.incallx #main-profile #v-profile-settings .woo-effect-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;overflow:visible;padding-bottom:0}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:1fr}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:#fff;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:#fff;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:1240px}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{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(255,49,88,.20)!important;background:radial-gradient(circle at 82% 0%,rgba(22,199,215,.13),transparent 42%),radial-gradient(circle at 12% 0%,rgba(255,49,88,.20),transparent 46%),rgba(3,7,18,.34)!important}body.incallx .lt-next-room-form #room-manage-tab{display:flex;flex:0 0 auto;margin-left:auto;flex-wrap:nowrap;justify-content:flex-end;gap:4px;padding:4px;overflow:visible;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.035)}body.incallx .lt-next-room-form #room-manage-tab .nav-link{flex:0 0 auto;min-height:30px;padding:5px 10px;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;color:rgba(226,232,240,.72)!important;font-size:11.5px;font-weight:850}body.incallx .lt-next-room-form #room-manage-tab .nav-link.active{border-color:rgba(255,45,85,.62)!important;background:linear-gradient(135deg,#ff2d55,#d01d3d)!important;color:#fff!important;box-shadow:0 10px 24px rgba(255,49,88,.26)!important}body.incallx .lt-next-room-form .lt-panel-title{flex:0 1 auto;min-width:0;max-width:330px}body.incallx .lt-next-room-form .lt-panel-title h1{margin:2px 0 1px!important;color:#fff;font-size:20px!important;line-height:1.1;font-weight:950;letter-spacing:0}body.incallx .lt-next-room-form .lt-panel-title p{max-width:330px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(226,232,240,.62);font-size:11.5px;font-weight:700;line-height:1.3}@media(max-width:1100px){body.incallx .lt-next-room-form .lt-panel-title p{display:none}}@media(max-width:1240px){body.incallx .lt-next-room-form>.card-header{flex-wrap:wrap}body.incallx .lt-next-room-form #room-manage-tab{flex-wrap:wrap;justify-content:flex-start}}body.incallx .lt-next-room-form .lt-panel-kicker{font-size:10px;letter-spacing:.14em}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 h2{margin:0 0 4px!important;color:#fff;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 STUDIO PANEL BASLIGI - referans tasarimin birebir karsiligi.
   Dosyanin EN SONUNDA duruyor ki yukaridaki body.incallx kurallarini ezsin.
   Yapi: baslik BAGIMSIZ yuvarlak bir kutu, altinda bosluk, sonra icerik kutusu.
   ============================================================ */

/* Kart artik kendi cercevesini cizmez; bolumler ayri kutular halinde durur. */
body.incallx .lt-next-room-form.card,
.lt-next-room-form.card {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* --- Baslik kutusu --- */
body.incallx .lt-next-room-form > .card-header,
.lt-next-room-form > .card-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin: 0 0 14px !important;
    padding: 15px 20px !important;
    border: 1px solid rgba(255, 255, 255, .085) !important;
    border-radius: 15px !important;
    background:
        radial-gradient(130% 190% at 0% 50%, rgba(255, 45, 85, .20), transparent 56%),
        linear-gradient(90deg, rgba(43, 13, 24, .92), rgba(11, 14, 23, .96) 46%, rgba(8, 11, 19, .98)) !important;
}

body.incallx .lt-next-room-form .lt-panel-title,
.lt-next-room-form .lt-panel-title {
    flex: 1 1 300px;
    /* min-width sart: yoksa baslik harf harf kirilana kadar sikisir ve
       sekmeler alt satira gecmez. Bu deger sarmalamayi zorunlu kilar. */
    min-width: 280px;
    max-width: 100%;
}

body.incallx .lt-next-room-form .lt-panel-kicker,
.lt-next-room-form .lt-panel-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ff3158;
    font-size: 10px !important;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.incallx .lt-next-room-form .lt-panel-title h1,
.lt-next-room-form .lt-panel-title h1 {
    margin: 5px 0 0 !important;
    color: #fff;
    font-size: 27px !important;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

body.incallx .lt-next-room-form .lt-panel-title p,
.lt-next-room-form .lt-panel-title p {
    max-width: 100%;
    margin: 6px 0 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(226, 232, 240, .56);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.3;
}

/* --- Sekme grubu: tek yuvarlak kutu, KAYDIRMA YOK --- */
body.incallx .lt-next-room-form #room-manage-tab,
.lt-next-room-form #room-manage-tab {
    display: flex;
    flex: 0 0 auto;
    margin-left: auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 2px;
    padding: 4px !important;
    overflow: visible;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, .03);
}

body.incallx .lt-next-room-form #room-manage-tab .nav-link,
.lt-next-room-form #room-manage-tab .nav-link {
    flex: 0 0 auto;
    min-height: 0 !important;
    padding: 6px 10px !important;
    display: inline-flex;
    align-items: center;
    border: 0 !important;
    border-radius: 999px !important;
    color: rgba(226, 232, 240, .75) !important;
    background: transparent !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

body.incallx .lt-next-room-form #room-manage-tab .nav-link:hover,
.lt-next-room-form #room-manage-tab .nav-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .06) !important;
}

body.incallx .lt-next-room-form #room-manage-tab .nav-link.active,
.lt-next-room-form #room-manage-tab .nav-link.active {
    color: #fff !important;
    background: #ff2d55 !important;
    box-shadow: 0 4px 14px rgba(255, 45, 85, .34) !important;
}

body.incallx .lt-next-room-form > .card-header #room-manage-tab .nav-link:focus,
body.incallx .lt-next-room-form > .card-header #room-manage-tab .nav-link:focus-visible,
.lt-next-room-form > .card-header #room-manage-tab .nav-link:focus,
.lt-next-room-form > .card-header #room-manage-tab .nav-link:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

/* Aktif sekme: hicbir tema kurali ezemesin diye en yuksek ozgullukte. */
body.incallx .lt-next-room-form > .card-header #room-manage-tab .nav-link.active,
body.incallx .lt-next-room-form > .card-header #room-manage-tab .nav-link.active:focus,
.lt-next-room-form > .card-header #room-manage-tab .nav-link.active {
    border-color: transparent !important;
    background: #ff2d55 !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(255, 45, 85, .34) !important;
}

body.incallx .lt-next-room-form .room-manage-tab-item,
.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,
.lt-next-room-form .room-manage-tab-item i {
    margin-right: 0 !important;
    color: inherit !important;
    font-size: 14px;
}

/* "Woo" rozeti */
body.incallx .lt-next-room-form .room-manage-tab-item b,
.lt-next-room-form .room-manage-tab-item b {
    padding: 2px 6px;
    border-radius: 999px;
    background: #ff2d55;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
}

/* --- Icerik ve alt bar: baslikla ayni dilde ikinci kutu --- */
body.incallx .lt-next-room-form > .card-body,
.lt-next-room-form > .card-body {
    border: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(8, 12, 23, .98));
}

body.incallx .lt-next-room-form > .card-footer,
.lt-next-room-form > .card-footer {
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 0 0 16px 16px;
    background: rgba(8, 12, 23, .98) !important;
}

/* Dar ekran: kaydirma yerine alt satira gecer. */
@media (max-width: 760px) {
    body.incallx .lt-next-room-form #room-manage-tab,
    .lt-next-room-form #room-manage-tab {
        margin-left: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
        border-radius: 18px;
    }
}

@media (max-width: 640px) {
    body.incallx .lt-next-room-form .lt-panel-title h1,
    .lt-next-room-form .lt-panel-title h1 {
        font-size: 21px !important;
    }
}


/* ============================================================
   ROL YONETIMI (.wr-*) - referans tasarimin karsiligi.
   Ust: 3 ozet karti. Alt: solda rol listesi, sagda secili rolun detayi.
   ============================================================ */

.wr-roles { display: flex; flex-direction: column; gap: 14px; }

/* --- ust ozet kartlari --- */
.wr-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.wr-stat {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 255, 255, .07); border-radius: 14px;
    background: rgba(255, 255, 255, .022);
}
.wr-stat > div { min-width: 0; }
.wr-stat small { display: block; color: rgba(226, 232, 240, .55); font-size: 11px; font-weight: 750; }
.wr-stat b {
    display: block; margin: 1px 0 3px; color: #fff;
    font-size: 19px; font-weight: 900; line-height: 1.15;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.wr-stat > div > span { display: block; color: rgba(226, 232, 240, .42); font-size: 11px; font-weight: 650; }

.wr-stat-icon {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 11px; font-size: 18px;
}
.wr-stat-icon.sm { width: 26px; height: 26px; border-radius: 8px; font-size: 13px; }
.wr-stat-icon.c-red  { background: rgba(255, 49, 88, .13);  color: #ff6b85; }
.wr-stat-icon.c-blue { background: rgba(59, 130, 246, .15); color: #7aa7ff; }
.wr-stat-icon.c-rose { background: rgba(244, 63, 94, .13);  color: #fb7185; }

/* --- iki sutunlu govde --- */
.wr-body { display: grid; grid-template-columns: 296px minmax(0, 1fr); gap: 12px; align-items: start; }

.wr-side {
    border: 1px solid rgba(255, 255, 255, .07); border-radius: 16px;
    background: rgba(255, 255, 255, .022); overflow: hidden;
}
.wr-side-head {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 12px 12px 10px;
}
.wr-side-head > span {
    color: rgba(226, 232, 240, .5); font-size: 11px; font-weight: 900; letter-spacing: .12em;
}
.wr-add {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 6px 11px; border: 0; border-radius: 9px;
    background: #ff2d55; color: #fff; font-size: 12px; font-weight: 800;
}
.wr-add:hover { background: #ff4467; }

.wr-side-list { display: flex; flex-direction: column; gap: 5px; padding: 0 10px 12px; }
.wr-role {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 9px 10px; text-align: left;
    border: 1px solid transparent; border-radius: 12px;
    background: rgba(255, 255, 255, .028); color: inherit;
}
.wr-role:hover { background: rgba(255, 255, 255, .055); }
.wr-role.is-active { border-color: rgba(255, 45, 85, .55); background: rgba(255, 45, 85, .10); }
.wr-dot {
    flex: 0 0 auto; width: 22px; height: 22px; border-radius: 7px;
    background: var(--c, #ff3158); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}
.wr-role-main { min-width: 0; flex: 1 1 auto; }
.wr-role-main strong {
    display: block; color: #fff; font-size: 12.5px; font-weight: 800;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.wr-role-main small { display: block; color: rgba(226, 232, 240, .45); font-size: 11px; font-weight: 650; }
.wr-role-flag { color: #7aa7ff; font-size: 12px; }

.wr-empty {
    display: flex; flex-direction: column; align-items: center; gap: 5px;
    padding: 26px 12px; text-align: center;
}
.wr-empty i { color: rgba(255, 45, 85, .7); font-size: 26px; }
.wr-empty strong { color: #fff; font-size: 13px; font-weight: 850; }
.wr-empty span { color: rgba(226, 232, 240, .45); font-size: 11.5px; }

/* --- sag: secili rolun detayi --- */
.wr-detail {
    padding: 14px 16px 16px;
    border: 1px solid rgba(255, 255, 255, .07); border-radius: 16px;
    background: rgba(255, 255, 255, .022);
}
.wr-detail-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.wr-detail-icon {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 12px; font-size: 19px;
    background: rgba(255, 255, 255, .05); color: #fff;
}
.wr-detail-title { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.wr-detail-title h3 { margin: 0; color: #fff; font-size: 19px; font-weight: 900; letter-spacing: 0; }
.wr-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; border-radius: 999px;
    background: rgba(255, 255, 255, .06); color: rgba(226, 232, 240, .72);
    font-size: 9.5px; font-weight: 900; letter-spacing: .08em;
}
.wr-detail-actions { display: flex; gap: 8px; margin-left: auto; }

.wr-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 8px 14px; border-radius: 10px; border: 1px solid transparent;
    font-size: 12.5px; font-weight: 800; white-space: nowrap;
}
.wr-btn.sm { padding: 6px 11px; font-size: 12px; }
.wr-btn.w-100 { width: 100%; }
.wr-btn.ghost { border-color: rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .045); color: rgba(226, 232, 240, .85); }
.wr-btn.ghost:hover { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .085); color: #fff; }
.wr-btn.primary { background: #ff2d55; color: #fff; box-shadow: 0 4px 14px rgba(255, 45, 85, .28); }
.wr-btn.primary:hover { background: #ff4467; }

.wr-subtabs {
    display: flex; gap: 4px; flex-wrap: wrap;
    margin: 14px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.wr-subtabs button {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 9px 12px; border: 0; border-bottom: 2px solid transparent;
    background: transparent; color: rgba(226, 232, 240, .6);
    font-size: 12.5px; font-weight: 800;
}
.wr-subtabs button:hover { color: #fff; }
.wr-subtabs button.is-active { border-bottom-color: #ff2d55; color: #ff5c79; }

.wr-pane { display: none; padding-top: 16px; }
.wr-pane.is-active { display: block; }

.wr-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.wr-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.wr-field label {
    display: block; margin-bottom: 6px;
    color: rgba(226, 232, 240, .8); font-size: 12px; font-weight: 800;
}
.wr-input-wrap { position: relative; }
.wr-input-wrap .form-control { padding-right: 56px !important; }
.wr-input-wrap em {
    position: absolute; right: 11px; bottom: 9px;
    color: rgba(226, 232, 240, .4); font-size: 11px; font-style: normal; font-weight: 700;
    pointer-events: none;
}
.wr-input-wrap input.form-control ~ em { top: 50%; bottom: auto; transform: translateY(-50%); }

.wr-swatches { display: flex; flex-wrap: wrap; gap: 7px; }
.wr-swatch {
    position: relative; width: 30px; height: 30px; padding: 0;
    border: 0; border-radius: 9px; background: var(--c, #ff3158);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
.wr-swatch.is-active { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(255, 255, 255, .18); }
.wr-swatch-more {
    display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
    background: rgba(255, 255, 255, .06); color: rgba(226, 232, 240, .8);
}
.wr-swatch-more input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

.wr-icon-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.wr-icon-box {
    display: inline-flex; align-items: center; justify-content: center;
    width: 46px; height: 46px; border-radius: 13px; font-size: 21px;
    border: 1px solid rgba(255, 255, 255, .10); background: rgba(255, 255, 255, .05); color: #fff;
}
.wr-icon-picker {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); gap: 6px;
    margin-top: 9px; padding: 9px;
    border: 1px solid rgba(255, 255, 255, .09); border-radius: 12px; background: rgba(0, 0, 0, .22);
}
.wr-icon-picker button {
    display: inline-flex; align-items: center; justify-content: center;
    height: 38px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px;
    background: rgba(255, 255, 255, .04); color: rgba(226, 232, 240, .85); font-size: 17px;
}
.wr-icon-picker button:hover { border-color: rgba(255, 45, 85, .5); color: #fff; }

.wr-card {
    padding: 14px; border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 14px; background: rgba(255, 255, 255, .022);
}
.wr-card + .wr-card { margin-top: 14px; }
.wr-card-head { display: flex; align-items: center; gap: 8px; }
.wr-card-head strong { color: #fff; font-size: 11.5px; font-weight: 900; letter-spacing: .09em; }
.wr-card > p { margin: 9px 0 12px; color: rgba(226, 232, 240, .5); font-size: 11.5px; font-weight: 650; line-height: 1.45; }
.wr-card .form-select { margin-bottom: 9px; }

.wr-switch { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; cursor: pointer; }
.wr-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.wr-switch-ui {
    flex: 0 0 auto; position: relative; width: 38px; height: 21px; margin-top: 1px;
    border-radius: 999px; background: rgba(255, 255, 255, .14); transition: background .16s;
}
.wr-switch-ui::after {
    content: ""; position: absolute; top: 3px; left: 3px; width: 15px; height: 15px;
    border-radius: 50%; background: #fff; transition: transform .16s;
}
.wr-switch input:checked + .wr-switch-ui { background: #ff2d55; }
.wr-switch input:checked + .wr-switch-ui::after { transform: translateX(17px); }
.wr-switch-text b { display: block; color: #fff; font-size: 12.5px; font-weight: 800; }
.wr-switch-text small { display: block; color: rgba(226, 232, 240, .45); font-size: 11px; }

.wr-stepper { display: flex; align-items: center; gap: 9px; }
.wr-stepper-btns { display: flex; flex-direction: column; gap: 2px; }
.wr-stepper-btns button {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 17px; padding: 0;
    border: 1px solid rgba(255, 255, 255, .10); border-radius: 6px;
    background: rgba(255, 255, 255, .05); color: rgba(226, 232, 240, .8); font-size: 12px;
}
.wr-stepper-btns button:hover { border-color: rgba(255, 45, 85, .5); color: #fff; }
.wr-stepper input {
    width: 74px; height: 38px; text-align: center;
    border: 1px solid rgba(255, 255, 255, .10); border-radius: 10px;
    background: rgba(0, 0, 0, .28); color: #fff; font-size: 14px; font-weight: 800;
}
.wr-stepper em { color: rgba(226, 232, 240, .45); font-size: 12.5px; font-style: normal; font-weight: 750; }

.wr-members-note {
    display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px;
    padding: 13px 14px; border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 13px; background: rgba(255, 255, 255, .025);
}
.wr-members-note i { color: #7aa7ff; font-size: 18px; }
.wr-members-note strong { display: block; color: #fff; font-size: 12.5px; font-weight: 800; }
.wr-members-note span { display: block; margin-top: 3px; color: rgba(226, 232, 240, .5); font-size: 11.5px; line-height: 1.45; }

@media (max-width: 1100px) {
    .wr-stats { grid-template-columns: 1fr; }
    .wr-body { grid-template-columns: 1fr; }
    .wr-grid { grid-template-columns: 1fr; }
}


/* --- Role toplu uye atama --- */
.wr-assign-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; margin-bottom: 12px;
}
.wr-search { position: relative; flex: 1 1 240px; min-width: 0; max-width: 380px; }
.wr-search i {
    position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
    color: rgba(226, 232, 240, .4); font-size: 15px;
}
.wr-search input {
    width: 100%; height: 38px; padding: 0 12px 0 33px;
    border: 1px solid rgba(255, 255, 255, .10); border-radius: 10px;
    background: rgba(0, 0, 0, .28); color: #fff; font-size: 12.5px; font-weight: 650;
}
.wr-search input::placeholder { color: rgba(226, 232, 240, .35); }
.wr-search input:focus { outline: 0; border-color: rgba(255, 45, 85, .45); }

.wr-assign-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wr-assign-count { color: rgba(226, 232, 240, .55); font-size: 12px; font-weight: 700; }
.wr-assign-count b { color: #fff; font-weight: 900; }
.wr-assign-count em { color: #ff6b85; font-style: normal; font-weight: 800; }
.wr-btn[disabled] { opacity: .45; pointer-events: none; }

.wr-userlist {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 7px;
    max-height: 340px; overflow-y: auto; padding-right: 3px;
}
.wr-user {
    position: relative; display: flex; align-items: center; gap: 9px; margin: 0;
    padding: 8px 10px; cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .07); border-radius: 12px;
    background: rgba(255, 255, 255, .025);
}
.wr-user:hover { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); }
.wr-user.is-on { border-color: rgba(255, 45, 85, .5); background: rgba(255, 45, 85, .10); }
.wr-user-check { position: absolute; opacity: 0; width: 0; height: 0; }

.wr-user-tick {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    width: 19px; height: 19px; border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .18); background: rgba(0, 0, 0, .3);
    color: transparent; font-size: 12px;
}
.wr-user.is-on .wr-user-tick { border-color: #ff2d55; background: #ff2d55; color: #fff; }

.wr-user-avatar {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    width: 27px; height: 27px; border-radius: 9px;
    background: rgba(255, 255, 255, .07); color: #fff; font-size: 12px; font-weight: 900;
}
.wr-user-main { min-width: 0; flex: 1 1 auto; }
.wr-user-main strong {
    display: block; color: #fff; font-size: 12.5px; font-weight: 800;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.wr-user-main small { display: block; color: rgba(226, 232, 240, .42); font-size: 10.5px; font-weight: 700; }

.wr-userlist-empty {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 26px 12px; color: rgba(226, 232, 240, .45); font-size: 12.5px;
}
.wr-userlist-empty i { font-size: 18px; }

.wr-assign-note {
    display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0;
    color: rgba(226, 232, 240, .45); font-size: 11.5px; font-weight: 650; line-height: 1.5;
}
.wr-assign-note i { color: #7aa7ff; font-size: 15px; }


/* --- Kategorili yetki ekrani --- */
.wr-permgroup { margin-bottom: 18px; }
.wr-permgroup-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; margin-bottom: 9px; padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.wr-permgroup-head h4 {
    margin: 0; color: rgba(226, 232, 240, .82);
    font-size: 11.5px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase;
}
.wr-permgroup-all {
    display: inline-flex; align-items: center; gap: 6px; margin: 0; cursor: pointer;
    color: rgba(226, 232, 240, .5); font-size: 11.5px; font-weight: 700;
}
.wr-permgroup-all input { accent-color: #ff2d55; }
.lt-permission-card.is-danger {
    border-color: rgba(255, 45, 85, .35) !important;
    background: rgba(255, 45, 85, .07) !important;
}

/* --- Yetki ekrani KOMPAKT gorunum ---
   37 yetki 78px yuksekliginde kartlarla ~1000px'lik bir kaydirma yapiyordu.
   Kartlar tek satirlik sikisik satirlara donusturuldu; kisalan metnin tamami
   fare uzerine gelince ipucunda gorunur. */
.wr-permgroup .lt-permission-grid {
    grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
    gap: 6px;
}

.wr-permgroup .lt-permission-card {
    align-items: center;
    gap: 9px;
    min-height: 0;
    padding: 7px 10px;
    border-radius: 10px;
}

.wr-permgroup .lt-permission-card > span {
    min-width: 0;
    flex: 1 1 auto;
}

.wr-permgroup .lt-permission-card input {
    margin-top: 0;
    flex: 0 0 auto;
    accent-color: #ff2d55;
}

.wr-permgroup .lt-permission-card strong {
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wr-permgroup .lt-permission-card small {
    font-size: 10.5px;
    line-height: 1.3;
    opacity: .5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wr-permgroup { margin-bottom: 13px; }

.wr-permgroup-head {
    margin-bottom: 7px;
    padding-bottom: 5px;
}

.wr-permgroup-head h4 { font-size: 10.5px; }

/* Yonetici kartinin tam genislikte ve belirgin kalmasi */
.wr-permgroup .lt-permission-card.is-danger { grid-column: 1 / -1; }

/* --- Yetki ekrani: modern kart + gecis anahtari gorunumu ---
   Her kategori TEK kart; satirlarin kendi cercevesi yok. Kutucuk yerine
   anahtar kullanildi (panelin geri kalaniyla ayni dil). */
.wr-permgroup {
    margin-bottom: 10px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 13px;
    background: rgba(255, 255, 255, .022);
    overflow: hidden;
}

.wr-permgroup-head {
    margin: 0;
    padding: 9px 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .022);
}

.wr-permgroup-head h4 { font-size: 10.5px; letter-spacing: .1em; }

.wr-permcount {
    margin-right: auto;
    margin-left: 9px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: rgba(226, 232, 240, .5);
    font-size: 10px;
    font-weight: 800;
}
.wr-permcount.is-on { background: rgba(255, 45, 85, .16); color: #ff8098; }

.wr-permgroup .lt-permission-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0;
    padding: 4px;
}

.wr-permgroup .lt-permission-card {
    align-items: center;
    gap: 10px;
    min-height: 0;
    margin: 0;
    padding: 8px 9px;
    border: 0 !important;
    border-radius: 9px;
    background: transparent !important;
}
.wr-permgroup .lt-permission-card:hover { background: rgba(255, 255, 255, .045) !important; }

.wr-permgroup .lt-permission-card > span {
    order: 1;
    min-width: 0;
    flex: 1 1 auto;
}

.wr-permgroup .lt-permission-card strong {
    font-size: 11.5px;
    font-weight: 750;
    line-height: 1.25;
    color: rgba(248, 250, 252, .92);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wr-permgroup .lt-permission-card small {
    font-size: 10.5px;
    line-height: 1.3;
    color: rgba(226, 232, 240, .38);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Kutucuk -> anahtar */
.wr-permgroup .lt-permission-card input[type="checkbox"] {
    order: 2;
    flex: 0 0 auto;
    position: relative;
    width: 30px;
    height: 17px;
    margin: 0;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .13);
    cursor: pointer;
    transition: background .15s;
}
.wr-permgroup .lt-permission-card input[type="checkbox"]::after {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    transition: transform .15s;
}
.wr-permgroup .lt-permission-card input[type="checkbox"]:checked { background: #ff2d55; }
.wr-permgroup .lt-permission-card input[type="checkbox"]:checked::after { transform: translateX(13px); }

/* Yonetici: tam genislik, belirgin uyari */
.wr-permgroup .lt-permission-card.is-danger {
    grid-column: 1 / -1;
    background: rgba(255, 45, 85, .07) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 45, 85, .28);
}
.wr-permgroup .lt-permission-card.is-danger strong { color: #ff8098; }

.wr-permgroup-all { font-size: 10.5px; }

/* Rol panelinin baslik satiri (Sil / Kaydet) kaydirirken de gorunur kalsin.
   37 yetki asagi kaydirilinca Kaydet ekrandan cikiyordu; kullanici altta kalan
   "Update" dugmesini basiyor, o ise sunucu ayarlari formunu gonderiyordu ve
   yetki degisiklikleri kaydedilmiyordu. */
.wr-detail-head {
    position: sticky;
    top: -1px;
    z-index: 5;
    margin: -14px -16px 0;
    padding: 12px 16px;
    background: rgba(10, 14, 26, .96);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    border-radius: 16px 16px 0 0;
}

.wr-subtabs {
    position: sticky;
    top: 62px;
    z-index: 4;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    background: rgba(10, 14, 26, .96);
    backdrop-filter: blur(6px);
}

/* Roller panosunun kendi alt cubugu. Oda formunun alt cubugu bu sekmede
   gizlenir (o dugme oda ayarlarini kaydeder ve can_manage_room ister). */
.wr-footer {
    position: sticky;
    bottom: -1px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 14px -16px -16px;
    padding: 12px 16px;
    border-top: 1px solid rgba(255, 255, 255, .07);
    background: rgba(10, 14, 26, .96);
    backdrop-filter: blur(6px);
    border-radius: 0 0 16px 16px;
}
.wr-footer-note {
    color: rgba(226, 232, 240, .45);
    font-size: 11.5px;
    font-weight: 650;
}

/* Sunucu secimi satiri: ad tasmasin, simge kutusunu doldursun.
   Simge artik <img> ile ciziliyor (background-image yerine); bu, sohbet
   kenar cubugundaki calisan yontemle ayni. */
.lt-manage-room-list .room-manage-row { min-width: 0; }
.lt-manage-room-list .room-manage-row > .col,
.lt-manage-room-list .room-manage-row > .col-auto { min-width: 0; }

.lt-manage-room-list .room-manage-image { overflow: hidden; }
.lt-manage-room-list .room-manage-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    display: block;
}

.lt-manage-room-list .room-manage-name {
    max-width: 100% !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.lt-manage-room-list .lt-manage-room-meta {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}