:root{--sent-background:#475569;--sent-color:#eee;--received-background:#4d5560;--received-color:#eee;--default-text-color:#d1d1d1;--dark-bg:#232428;--darker-bg:#1e1e1e;--input-bg:#464952;color-scheme:light dark;--oc-body-color-rgb:150,150,150}body{background-color:#313338;color:var(--default-text-color) !important;font-family: 'Poppins',sans-serif}a{color:#00bcd4}a:hover{color:#2196f3}*::-webkit-scrollbar-thumb{background:rgba(var(--oc-body-color-rgb),0.16)}*::-webkit-scrollbar-track{background:rgba(var(--oc-body-color-rgb),0.06)}*:hover::-webkit-scrollbar-thumb{background:rgba(var(--oc-body-color-rgb),0.32)}.auth-body{background-color:#313338}.sent .message-data:before{border-color:#263238 transparent transparent transparent}.sent .message-data:before{border-color:var(--sent-background) transparent transparent transparent}.replies .message-data:after{border-color:var(--received-background) transparent transparent transparent}.sent .chat-img-sgl,.sent .chat-img-duo,.sent .chat-img-grp,.sent .chat-gif,.sent .chat-txt,.sent .chat-code,.chat-fwd,.sent .link-meta,.sent .file-section,.sent .video-section,.sent .chat-replied-bubble,.sent .chat-audio{background:var(--sent-background)}.replies .chat-img-sgl,.replies .chat-img-duo,.replies .chat-img-grp,.replies .chat-gif,.replies .chat-txt,.replies .chat-code,.replies .message-data small,.replies .chat-fwd,.replies .link-meta,.replies .file-section,.replies .video-section,.replies .chat-replied-bubble,.replies .chat-audio{background:var(--received-background)}.cht.replies .message-data,.replies a.file-header{color:var(--received-color);background:var(--received-background)}.cht.sent .message-data,.sent a.file-header{color:var(--sent-color)}.cht.replies .message-data{color:var(--received-color);background:var(--received-background);box-shadow:2px 2px 4px -3px rgb(0 0 0 / 75%)}.cht.sent .message-data{color:var(--sent-color);background:var(--sent-background);box-shadow:-2px 2px 4px -3px rgb(0 0 0 / 75%)}div[data-msg-type="5"].cht.replies .chat-txt,div[data-msg-type="5"].cht.replies .link-preview{box-shadow:2px 2px 4px -3px rgb(0 0 0 / 75%)}div[data-msg-type="5"].cht.sent .chat-txt,div[data-msg-type="5"].cht.sent .link-preview{box-shadow:-2px 2px 4px -3px rgb(0 0 0 / 75%)}.room-bar{background-color:var(--dark-bg);border-right:1px solid #393c42}.main-panel{border-right:1px solid #393c42}.sidebar-wrapper,.channel-list{background-color:#2b2d31;color:var(--default-text-color)}.cn-tab .pill{background-color:#eee}.cn-tab .pill.active{background-color:#8bc34a}.unread-indicator{background-color:#d63939}.channel-cat:hover,.channel-item:hover,.channel-item.active{background-color:#626976}.username-bottom{color:var(--default-text-color)}.dropdown-menu{background:#232428;color:var(--default-text-color)}.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{color:var(--default-text-color);background-color:#626976}.link-dark{color:var(--default-text-color)}.link-dark:hover,.link-dark:focus{color:#8bc34a}.navbar{color:var(--default-text-color)}.btn-dark,.btn-outline-dark,.btn-ghost-dark{border:0;--oc-btn-color:var(--default-text-color);--oc-btn-color-interactive:var(--default-text-color);--oc-btn-color-text:#fafbfc}.btn-ghost-dark:active,.btn-ghost-dark:hover{background-color:var(--dark-bg)}.editor-container{background-color:var(--input-bg)}.editor-icon{color:var(--default-text-color)}.editor-icon:hover,.attachment-col.dropup:hover{color:#8bc34a}.rightbar-wrapper{background-color:var(--dark-bg)}.user-row:hover{color:var(--default-text-color);background-color:#626976}#rpanel-tab{background-color:#2b2d31}.right-panel .nav-pills .nav-link.active,.right-panel .nav-pills .show>.nav-link{color:var(--default-text-color);background-color:var(--dark-bg)}.private-messages .private-item,.action-item{background-color:var(--input-bg)}.attachments-container{border-color:var(--input-bg)}.form-control,.form-select{background-color:var(--input-bg);border-color:transparent;border:0}.form-check-input{background-color:var(--input-bg)}.form-control:focus{color:var(--default-text-color);background-color:var(--input-bg);border-color:transparent;outline:0;box-shadow:0}.form-hint{color:#ccc}.btn-upload{background-color:var(--input-bg);color:var(--default-text-color);border-color:transparent}.input-group-flat .input-group-text{background:var(--input-bg);border-color:transparent}.input-group-flat:focus-within .form-control,.input-group-flat:focus-within .input-group-text{border-color:transparent !important}.link-secondary:hover,.link-secondary:focus{color:var(--default-text-color)}#cnemoji-leftlist,.cnemoji-categname,#cnemoji-info{background-color:#313338 !important}#cnemoji-leftlist>svg{fill:#eee !important}.nav-link:hover,.nav-link:focus{color:#8bc34a}.current-reacts{background:#232428}.channel-list-bottom{background:#232428}.non-login-message,.non-join-message,.non-chat-select,.user-restricted,.permission-denied-editor,.muted-channel-notice,.vip-channel-notice,.muted-user-notice,.muted-room-user-notice,.forward-selection{background-color:var(--input-bg)}.disc-cat-row{color:var(--default-text-color)}.disc-cat-row:hover{color:var(--default-text-color);background-color:#626976}.card{background-color:var(--dark-bg);transition:0.3s}.card-header{color:var(--default-text-color)}.card-footer{background-color:var(--dark-bg)}a .card:hover{background-color:var(--darker-bg)}.room-image{border-color:var(--dark-bg)}.room-list-row a:hover{color:var(--default-text-color);text-decoration:none}.profile-header{border:0}.profile-header .profile-header-info{color:var(--default-text-color);background-color:var(--dark-bg)}.profile-header-user-avatar{border-color:var(--dark-bg)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--default-text-color);background-color:var(--dark-bg)}.sidebar-profile .nav-link{color:var(--default-text-color)}.sidebar-profile .nav-link:hover{color:var(--default-text-color);background-color:#626976}.topbar-private{background-color:#2b2d31}.search_chatroom{border:none !important}.modal-header,.modal-content{background-color:var(--dark-bg);border-color:var(--input-bg)}.media-tab .file-section{background-color:var(--received-background)}.media-tab .file-header{color:var(--received-color)}.radio-station,.radio-volume-display{color:var(--default-text-color)}.radio-station:hover{color:var(--default-text-color)}.navbar-scrolled{background-color:var(--dark-bg) !important;color:var(--default-text-color)}.navbar-scrolled,.navbar-scrolled .nav-link{color:var(--default-text-color) !important}.navbar-scrolled .nav-link.active,.navbar-scrolled .nav-link:hover{color:#8bc34a !important}.btn-outline-dark:hover{background-color:#8bc34a !important}.form-selectgroup-label{background:var(--input-bg);border:0;color:#fff}.form-selectgroup-input:checked + .form-selectgroup-label{color:#fff;background:#009688;border-color:#206bc4}.form-selectgroup-label:hover{color:#fff}.footer{border-color:var(--input-bg);background-color:var(--dark-bg)}.form-selectgroup-label:hover{background:#009688}.text-muted{color:var(--default-text-color) !important}#main-login{background:#009688}.btn-dark{background:#009688}.btn-dark:hover{background:#007a6e}.select2-container--bootstrap4 .select2-selection{background-color:var(--input-bg);border:0}.select2-dropdown{background-color:var(--dark-bg)}.select2-container--bootstrap4 .select2-dropdown,.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above{border:none}.select2-search--dropdown .select2-search__field{background:var(--input-bg);border:0;color:var(--default-text-color)}.login-selector .nav-link{background:#232428}.login-selector .nav-link.active{color:#fff !important;background-color:#009688 !important}.replied-content,.replies .replied-to{background:#404C5E;color:var(--default-text-color)}.reply-msg-row .replied-to{background-color:#363636}.mini-brand-seperator{background-color:var(--input-bg)}.is-typing{background-color:var(--input-bg);color:var(--default-text-color)}.reply-msg-row{background-color:var(--input-bg)}.reply-msg-row .replied-content,.reply-msg-row .replied-to{background:#363636;color:var(--default-text-color)}.chat-actions i{color:var(--default-text-color)}.chat-actions i:hover{color:#fff}.popover{background-color:#232428;color:var(--default-text-color);border:0}.popover-body{color:var(--default-text-color)}.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{border-top-color:#232428}.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{border-bottom-color:#232428}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{border-left-color:#232428}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{border-right-color:#232428}.user-image{border-color:#232428}.navbar.topbar{background-color:var(--dark-bg)}.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-title{color:#ffffff}.ms-container .ms-selectable,.ms-container .ms-selection{background:var(--dark-bg);color:var(--default-text-color)}.ms-list{border-color:#464952 !important}.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{border-color:#464952 !important;color:var(--default-text-color)}.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled{background-color:#323232}.room-manage-row{color:var(--default-text-color)}.room-manage-row:hover{background-color:#626976}.card-header-tabs .nav-link.active,.card-header-tabs .nav-link:hover{background-color:#232428;border-bottom-color:#232428;color:#4caf50;border-color:#2d2f35 #2d2f35 #f5f7fb00}.toast{background:#475569;color:#fff}.card-header{background-color:var(--darker-bg)}.online-status .ti{background:rgb(35 36 40)}.user-row:hover .online-status .ti{background:#626976}.social-seperator div{background:#313338}#auth-modal .social-seperator div{background:#232428}.is-typing:before{border-left-color:#464952;border-top-color:#464952}.noti-content{color:var(--default-text-color)}.noti-item.noti-read{background:#313338}.noti-item{background:#475569}.noti-time{color:#2fb344}.noti-item:hover{background:#313338}.offcanvas{background:#232428}.offcanvas.offcanvas-end{border-color:#2d2f35}.offcanvas-header .btn-close{filter:invert(1)}.chat-search-results{color:var(--default-text-color)}.chat-search-result{background:#3b414a}.chat-search-result:hover{background-color:#626976}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px var(--input-bg) inset}#pills-guest .input-group-text{color:var(--default-text-color)}.channel-list-bottom .dropdown-toggle:hover{background-color:#464952}.green-audio-player{background-color:#2b2d31}.icon-lock{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23d1d1d1" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 330 330" xml:space="preserve"><g id="XMLID_518_"><path id="XMLID_519_" d="M65,330h200c8.284,0,15-6.716,15-15V145c0-8.284-6.716-15-15-15h-15V85c0-46.869-38.131-85-85-85 S80.001,38.131,80.001,85v45H65c-8.284,0-15,6.716-15,15v170C50,323.284,56.716,330,65,330z M110.001,85 c0-30.327,24.673-55,54.999-55c30.327,0,55,24.673,55,55v45H110.001V85z"/></g></svg>')}.pvt-cnl{background:#2b2d31}.active .pvt-cnl,.channel-item:hover .pvt-cnl{background:#626976}.top-channel-icon .pvt-cnl{background:var(--dark-bg)}.forwarding .cht:hover,.forwarding .selected{background:#232428 !important}.voice-channel-container{background:#232428;border-top:none} /* codex production ui polish 20260513 start */:root{--dark-bg:#11151d;--darker-bg:#0b0f16;--sent-background:#25635d;--sent-color:#f5fffb;--received-background:#272f3b;--received-color:#edf3fb;--default-text-color:#dce4ee;--input-bg:#1d2530;--kol-surface-0:#0b0f16;--kol-surface-1:#11151d;--kol-surface-2:#171d27;--kol-surface-3:#202938;--kol-border:rgba(148,163,184,0.16);--kol-border-strong:rgba(148,163,184,0.26);--kol-text:#e8eef7;--kol-muted:#97a4b5;--kol-muted-2:#6f7b8c;--kol-accent:#38bdf8;--kol-accent-2:#6aa7ff;--kol-danger:#ff6b6b;--kol-warn:#f6c95f;--kol-success:#41d391;--kol-radius-sm:8px;--kol-radius-md:12px;--kol-radius-lg:18px;--kol-shadow-soft:0 18px 45px rgba(0,0,0,0.24)}body{background:radial-gradient(circle at 18% 0%,rgba(56,189,248,0.08),transparent 28rem),radial-gradient(circle at 80% 12%,rgba(106,167,255,0.08),transparent 32rem),var(--kol-surface-0);color:var(--kol-text) !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#wrapper,.wrapper,.main-tab-content,.page-content-wrapper,.main-container{background:transparent}.room-bar{background:linear-gradient(180deg,rgba(56,189,248,0.08),transparent 18rem),linear-gradient(180deg,#0c1119 0%,#090d13 100%);border-right:1px solid rgba(148,163,184,0.12);box-shadow:inset -1px 0 rgba(255,255,255,0.03)}.mini-brand{padding-top:12px}.mini-brand img{width:42px;height:42px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,0.06);box-shadow:0 12px 28px rgba(0,0,0,0.32)}.mini-brand-seperator{background:linear-gradient(90deg,transparent,rgba(56,189,248,0.55),transparent);opacity:0.9}.chatroom-item,.private-messages .private-item,.action-item,.radio-thumb{background:linear-gradient(145deg,#1c2532,#121923);border:1px solid rgba(255,255,255,0.08);color:var(--kol-text);box-shadow:0 10px 22px rgba(0,0,0,0.28);transition:border-radius 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease,background 180ms ease}.chatroom-item:hover,.private-messages .private-item:hover,.action-item:hover,.radio-container:hover .radio-thumb{border-radius:17px;border-color:rgba(56,189,248,0.5);background:linear-gradient(145deg,#263446,#172231);transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,0.36),0 0 0 3px rgba(56,189,248,0.08)}.room-list-item .pill.active,.private-item .pill.active,.explore-room .pill.active,.manage-room .pill.active,.room-list-item:hover .pill,.private-item:hover .pill,.explore-room:hover .pill,.manage-room:hover .pill,.radio-container:hover .pill{width:10px;background:linear-gradient(180deg,var(--kol-accent),var(--kol-accent-2));box-shadow:0 0 18px rgba(56,189,248,0.52)}.unread-indicator.active{background:var(--kol-danger);box-shadow:0 0 0 3px rgba(255,107,107,0.18),0 0 18px rgba(255,107,107,0.38)}.sidebar-wrapper,.channel-list,.channel-bar{background:linear-gradient(180deg,#161c26 0%,#121821 100%);color:var(--kol-text)}.sidebar-wrapper{border-right-color:var(--kol-border) !important;box-shadow:inset -1px 0 rgba(255,255,255,0.03)}.topbar,.navbar.topbar,.topbar-private{background:rgba(17,21,29,0.88);border-bottom:1px solid var(--kol-border);color:var(--kol-text);backdrop-filter:blur(14px)}.topbar-private{box-shadow:0 12px 30px rgba(0,0,0,0.28)}.topbar .nav-item,.topbar .nav-link,.topbar .btn-ghost-dark,.editor-icon,.attachment-col svg,.room-name .dropdown-toggle{color:var(--kol-muted);transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.topbar .nav-item:hover,.topbar .nav-link:hover,.topbar .btn-ghost-dark:hover,.room-name .dropdown-toggle:hover,.editor-icon:hover,.attachment-col.dropup:hover{color:var(--kol-accent)}.btn-sm-round{background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.08)}.btn-sm-round:hover{background:rgba(56,189,248,0.11);border-color:rgba(56,189,248,0.32)}.room-name{letter-spacing:0.02em}.room-title,.top-channel-name{color:var(--kol-text)}.channel-list{padding-top:12px}.channel-cat{color:var(--kol-muted-2);font-size:11px;letter-spacing:0.09em;font-weight:800;border-radius:var(--kol-radius-sm)}.channel-cat:hover{color:var(--kol-text);background:rgba(255,255,255,0.055)}.channel-item{color:#aeb8c7;border-radius:var(--kol-radius-md);margin-right:8px;margin-left:8px;height:36px;border:1px solid transparent}.channel-item:hover{color:var(--kol-text);background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.06)}.channel-item.active{color:#f5fffb;background:linear-gradient(90deg,rgba(56,189,248,0.2),rgba(106,167,255,0.12));border-color:rgba(56,189,248,0.28);box-shadow:inset 3px 0 0 var(--kol-accent),0 10px 24px rgba(0,0,0,0.12)}.channel-name{font-weight:600}.channel-options .ti-dots-vertical{color:var(--kol-muted)}.pvt-cnl,.active .pvt-cnl,.channel-item:hover .pvt-cnl,.top-channel-icon .pvt-cnl{background:#11151d;border:1px solid rgba(255,255,255,0.08)}.channel-list-bottom{background:linear-gradient(180deg,rgba(17,21,29,0.7),#0f141d);border-top-color:var(--kol-border) !important}.channel-list-bottom .dropdown-toggle{color:var(--kol-text);border:1px solid transparent}.channel-list-bottom .dropdown-toggle:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08)}.main-panel{background:radial-gradient(circle at 20% 10%,rgba(56,189,248,0.05),transparent 28rem),linear-gradient(180deg,#151a23 0%,#10151e 100%);border-right-color:var(--kol-border)}.chat-scroll{background:linear-gradient(rgba(255,255,255,0.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.014) 1px,transparent 1px);background-size:28px 28px}.messages{padding:20px 22px 18px;scrollbar-color:rgba(148,163,184,0.26) transparent}.cht{margin-bottom:28px}.cht .avatar{width:34px;height:34px;border:2px solid rgba(255,255,255,0.08);box-shadow:0 8px 18px rgba(0,0,0,0.28)}.cht .message-data{max-width:min(680px,calc(100% - 64px));border-radius:16px;line-height:1.45;box-shadow:0 14px 28px rgba(0,0,0,0.2)}.cht.replies .message-data,.replies a.file-header{background:var(--received-background);color:var(--received-color)}.cht.sent .message-data,.sent a.file-header{background:linear-gradient(145deg,#28746b,#1f5f59);color:var(--sent-color)}.sent .message-data:before{border-color:#28746b transparent transparent transparent}.replies .message-data:after{border-color:var(--received-background) transparent transparent transparent}.chat-txt{padding:8px 12px;border-radius:16px}.cht .message-data small{color:#7edbc9 !important;letter-spacing:0.01em;padding:9px 12px 3px}.cht.replies .message-data small{color:#8bbcff !important}.message-time,.message-status{color:var(--kol-muted-2)}.message-status.read{color:var(--kol-accent-2)}.chat-img-sgl,.chat-img-duo,.chat-img-grp,.chat-gif,.file-section,.video-section,.link-meta,.chat-audio,.chat-code,.chat-fwd,.chat-replied-bubble{border-radius:16px}.chat-img-sgl img,.chat-img-duo img,.chat-img-grp .chat-img img,.video-section video,.recent-link-preview{border-radius:12px}.editor-container{margin:14px 18px 16px;min-height:48px;background:rgba(29,37,48,0.94);border:1px solid var(--kol-border);border-radius:18px;box-shadow:0 16px 36px rgba(0,0,0,0.22)}.editor-container:focus-within{border-color:rgba(56,189,248,0.42);box-shadow:0 18px 42px rgba(0,0,0,0.28),0 0 0 3px rgba(56,189,248,0.09)}.editor-container .note-editor.note-frame{background:transparent !important;color:var(--kol-text)}.editor-container .note-editor.note-frame .note-editing-area .note-editable,.editor-container .note-editor.note-airframe .note-editing-area .note-editable{background:transparent !important;color:var(--kol-text) !important}.attachments-container,.non-login-message,.non-join-message,.non-chat-select,.user-restricted,.permission-denied-editor,.muted-channel-notice,.vip-channel-notice,.muted-user-notice,.muted-room-user-notice,.forward-selection{background:rgba(29,37,48,0.94);border:1px solid var(--kol-border);color:var(--kol-muted);border-radius:18px}.rightbar-wrapper{background:linear-gradient(180deg,#141a23 0%,#10151d 100%);border-left-color:var(--kol-border) !important;box-shadow:inset 1px 0 rgba(255,255,255,0.03)}#rpanel-tab{background:rgba(10,14,20,0.66);border-bottom:1px solid var(--kol-border);padding:5px;gap:4px}#rpanel-tab .nav-link{color:var(--kol-muted);border-radius:10px;min-height:34px}#rpanel-tab .nav-link:hover{color:var(--kol-text);background:rgba(255,255,255,0.055)}.right-panel .nav-pills .nav-link.active,.right-panel .nav-pills .show>.nav-link{color:#08110f;background:linear-gradient(135deg,var(--kol-accent),#8ee8d5);box-shadow:0 10px 24px rgba(56,189,248,0.18)}.room-user-search,.group-user-search,.form-control{background-color:rgba(10,14,20,0.72);border-color:var(--kol-border);color:var(--kol-text)}.room-user-search:focus,.group-user-search:focus,.form-control:focus{background-color:rgba(10,14,20,0.88);border-color:rgba(56,189,248,0.42);box-shadow:0 0 0 3px rgba(56,189,248,0.09);color:var(--kol-text)}.input-icon-addon{color:var(--kol-muted-2)}.user-row{margin:2px 6px;padding:7px 8px;border-radius:var(--kol-radius-md);border:1px solid transparent;color:var(--kol-text)}.user-row:hover,.user-row:focus{color:var(--kol-text);background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.07);outline:none}.channel-user-name{color:var(--kol-text);font-weight:650}.user-status{color:var(--kol-muted-2)}img.img-profile,.user-image,.card-img-user img{border:2px solid rgba(255,255,255,0.08);box-shadow:0 8px 18px rgba(0,0,0,0.26)}.online-status .ti{background:#11151d;border:1px solid rgba(255,255,255,0.12)}.user-row:hover .online-status .ti{background:#18202b}.online{color:var(--kol-success)}.away{color:var(--kol-warn)}.busy{color:var(--kol-danger)}.offline{color:#6c7788}.user-type-badge{border-radius:999px;padding:2px 5px;font-size:7px;letter-spacing:0.06em;font-weight:800}.user-type-badge.admin,.badge.bg-red{background:linear-gradient(135deg,#ff6b6b,#c74343) !important}.user-type-badge.mod{background:linear-gradient(135deg,#ffb35c,#d76f2c)}.user-type-badge.creator{background:linear-gradient(135deg,#6aa7ff,#446fe8)}.user-type-badge.room-mod{background:linear-gradient(135deg,#41d391,#209a6e)}.dropdown-menu,.modal-content,.popover,.user-card{background:#151b25;border-color:var(--kol-border);color:var(--kol-text);box-shadow:var(--kol-shadow-soft)}.dropdown-item{color:var(--kol-text)}.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{color:var(--kol-text);background:rgba(56,189,248,0.12)}.alert{border-radius:12px;border:1px solid var(--kol-border)}.room-manage-row,.disc-cat-row{color:var(--kol-text);border-radius:var(--kol-radius-md)}.room-manage-row:hover,.disc-cat-row:hover,.disc-cat-row.active{background:rgba(255,255,255,0.06);color:var(--kol-text)}*::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.2);border-radius:999px}*:hover::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.38)}.ti,.icon{line-height:1}@media (max-width:768px){.messages{padding:16px 14px}.editor-container{margin:10px 10px 12px;border-radius:15px}.cht .message-data{max-width:calc(100% - 52px)}.channel-item{margin-right:6px;margin-left:6px}}@media (prefers-reduced-motion:reduce){.chatroom-item,.private-messages .private-item,.action-item,.radio-thumb,.channel-item,.topbar .nav-item,.topbar .nav-link,.topbar .btn-ghost-dark,.editor-icon,.attachment-col svg{transition:none}.chatroom-item:hover,.private-messages .private-item:hover,.action-item:hover,.radio-container:hover .radio-thumb{transform:none}} /* codex production ui polish 20260513 end */ /* codex production ui system v2 20260513 start */ .codex-top-context{min-width:0;gap:10px}.codex-channel-icon{width:32px;height:32px;flex:0 0 32px;justify-content:center;border-radius:11px;color:var(--kol-accent);background:linear-gradient(145deg,rgba(56,189,248,0.16),rgba(106,167,255,0.08));border:1px solid rgba(56,189,248,0.18)}.codex-channel-icon .ti{margin:0 !important}.codex-channel-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.codex-channel-copy .top-channel-name{max-width:min(42vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;letter-spacing:0.01em;line-height:1.15}.codex-channel-meta{display:flex;align-items:center;gap:6px;min-height:16px}.codex-context-chip{display:inline-flex;align-items:center;gap:4px;height:16px;padding:0 7px;border-radius:999px;color:#9fb0c3;background:rgba(255,255,255,0.045);border:1px solid rgba(148,163,184,0.13);font-size:10px;font-weight:750;line-height:1;letter-spacing:0.04em}.codex-live-chip{color:#adf7e5;background:rgba(56,189,248,0.11);border-color:rgba(56,189,248,0.24)}.codex-chip-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--kol-accent);box-shadow:0 0 0 3px rgba(56,189,248,0.12)}.codex-live-chip .codex-chip-dot,.codex-empty-kicker .codex-chip-dot{animation:codexLivePulse 2.4s ease-in-out infinite}.page-content-wrapper.codex-chat-scrolled .topbar{box-shadow:0 14px 34px rgba(0,0,0,0.28)}.main-panel{position:relative}.chat-scroll{position:relative}.messages{position:relative;z-index:2}.codex-chat-empty-state{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:34px;pointer-events:none;opacity:1;transform:translateY(0);transition:opacity 220ms ease,transform 220ms ease}.main-panel.codex-has-content .codex-chat-empty-state{opacity:0;transform:translateY(8px)}.codex-empty-card{width:min(420px,88%);padding:26px 28px;border-radius:24px;color:var(--kol-text);background:linear-gradient(145deg,rgba(23,29,39,0.88),rgba(11,15,22,0.72)),radial-gradient(circle at 20% 0%,rgba(56,189,248,0.18),transparent 16rem);border:1px solid rgba(148,163,184,0.16);box-shadow:0 24px 70px rgba(0,0,0,0.28),inset 0 1px rgba(255,255,255,0.04);text-align:center}.codex-empty-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:18px;color:#08110f;background:linear-gradient(135deg,var(--kol-accent),#8ee8d5);box-shadow:0 16px 36px rgba(56,189,248,0.18)}.codex-empty-icon .ti{font-size:25px}.codex-empty-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#8ee8d5;font-size:11px;font-weight:850;letter-spacing:0.13em;text-transform:uppercase}.codex-empty-title{color:var(--kol-text);font-size:20px;line-height:1.25;font-weight:850}.codex-empty-copy{max-width:310px;margin:8px auto 0;color:var(--kol-muted);font-size:13px;line-height:1.6}.codex-rpanel-section-label{display:flex;align-items:center;justify-content:space-between;margin:10px 10px 7px;color:var(--kol-muted-2);font-size:10px;font-weight:850;letter-spacing:0.12em;text-transform:uppercase}.codex-rpanel-section-label .ti{color:var(--kol-accent);font-size:13px}#rpanel-tab .nav-link{position:relative}#rpanel-tab .nav-link.active::after{content: "";position:absolute;left:50%;bottom:-5px;width:18px;height:2px;border-radius:999px;background:var(--kol-accent);transform:translateX(-50%);box-shadow:0 0 16px rgba(56,189,248,0.45)}.channel-item{position:relative}.channel-item.active::after{content: "";position:absolute;right:8px;width:5px;height:5px;border-radius:50%;background:var(--kol-accent);box-shadow:0 0 12px rgba(56,189,248,0.52)}.rightbar-wrapper .input-icon{border-radius:12px}.more-actions{padding:8px 10px 14px}.more-actions .btn{border-radius:999px}.room-editor,.private-editor{position:relative;z-index:3}@keyframes codexLivePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 3px rgba(56,189,248,0.11)}50%{transform:scale(0.72);box-shadow:0 0 0 6px rgba(56,189,248,0.03)}}@media (max-width:768px){.codex-channel-meta{display:none}.codex-channel-copy .top-channel-name{max-width:48vw}.codex-chat-empty-state{padding:20px}.codex-empty-card{padding:22px 20px}}@media (prefers-reduced-motion:reduce){.codex-live-chip .codex-chip-dot,.codex-empty-kicker .codex-chip-dot{animation:none}} /* codex production ui system v2 20260513 end */ /* codex workspace architecture polish 20260513 start */ .sidebar-profile,.sidebar-agent{background:linear-gradient(180deg,rgba(56,189,248,0.06),transparent 18rem),linear-gradient(180deg,var(--kol-surface-1),var(--kol-surface-0));border-right:1px solid var(--kol-border)}.sidebar-profile .disc-header,.sidebar-agent .disc-header{margin:18px 16px 14px;color:var(--kol-text);font-size:22px;font-weight:900;letter-spacing:-0.035em}.sidebar-profile .disc-cat-list,.sidebar-agent .disc-cat-list{padding:0 10px 16px}.sidebar-profile .nav-pills,.sidebar-agent .nav-pills{gap:6px;margin:0 !important}.sidebar-profile .nav-pills .nav-link,.sidebar-agent .nav-pills .nav-link{display:flex;align-items:center;min-height:42px;padding:10px 12px;color:var(--kol-muted);border:1px solid transparent;border-radius:14px;font-weight:780;text-align:left;transition:background 180ms ease,color 180ms ease,border-color 180ms ease,transform 180ms ease}.sidebar-profile .nav-pills .nav-link:hover,.sidebar-agent .nav-pills .nav-link:hover{color:var(--kol-text);background:rgba(255,255,255,0.045);border-color:var(--kol-border)}.sidebar-profile .nav-pills .nav-link.active,.sidebar-agent .nav-pills .nav-link.active{color:#08110f;background:linear-gradient(135deg,var(--kol-accent),#8ee8d5);border-color:rgba(56,189,248,0.4);box-shadow:0 14px 30px rgba(56,189,248,0.16)}.codex-user-console,#main-agent .main-block-padding,#main-manage .main-block-padding{width:min(100%,1180px);margin:0 auto;padding:28px 32px}.codex-user-console .container,#main-agent .main-block-padding>.row,#main-manage .main-block-padding>.row{max-width:100%}.codex-user-console .profile-header{width:100%;min-height:330px;overflow:hidden;border:1px solid var(--kol-border);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,0.16),transparent 18rem),var(--kol-surface-0);box-shadow:var(--kol-shadow-soft)}.codex-user-console .profile-header .profile-header-cover{position:relative;height:188px;filter:saturate(0.86) contrast(1.05)}.codex-user-console .profile-header .profile-header-cover::after{content: "";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,20,0.08),rgba(8,13,20,0.7)),radial-gradient(circle at 74% 22%,rgba(110,168,255,0.2),transparent 16rem)}.codex-user-console .profile-header .profile-header-info{min-height:142px;background:linear-gradient(180deg,rgba(17,24,35,0.9),var(--kol-surface-0)),radial-gradient(circle at 50% 0%,rgba(56,189,248,0.1),transparent 14rem)}.codex-user-console .profile-header-user-avatar{border-radius:999px;box-shadow:0 16px 38px rgba(0,0,0,0.28),0 0 0 8px rgba(56,189,248,0.08)}.codex-user-console .profile-header-user-avatar img{border:5px solid rgba(255,255,255,0.9)}.codex-user-console .profile-header-user-title{color:var(--kol-text);font-size:26px;font-weight:900;letter-spacing:-0.04em}.codex-user-console .profile-header-user-sub-title{color:var(--kol-muted);font-weight:760}.codex-user-console .profile-header .btn-success{color:#08110f;border:0;border-radius:999px;background:linear-gradient(135deg,var(--kol-accent),#8ee8d5)}.codex-console-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.codex-console-summary-card{min-height:132px;padding:18px;border:1px solid var(--kol-border);border-radius:20px;background:linear-gradient(145deg,rgba(23,29,39,0.92),rgba(11,15,22,0.76)),radial-gradient(circle at 10% 0%,rgba(56,189,248,0.12),transparent 14rem);box-shadow:0 18px 48px rgba(0,0,0,0.18)}.codex-console-summary-card span{letter-spacing:0.1em;text-transform:uppercase}.codex-console-summary-card span{color:var(--kol-muted-2);font-size:10px;font-weight:900}.codex-console-summary-card strong{display:block;margin-top:12px;color:var(--kol-text);font-size:clamp(20px,2.1vw,30px);line-height:1;font-weight:900;letter-spacing:-0.045em;overflow-wrap:anywhere}.codex-console-summary-card small{display:block;margin-top:10px;color:var(--kol-muted);line-height:1.45}#main-profile .card,#main-agent .card,#main-manage .card{color:var(--kol-text);border:1px solid var(--kol-border);border-radius:20px;background:linear-gradient(145deg,rgba(23,29,39,0.9),rgba(13,18,27,0.86));box-shadow:0 18px 54px rgba(0,0,0,0.18)}#main-profile .card-header,#main-agent .card-header,#main-manage .card-header{display:flex;min-height:56px;align-items:center;border-bottom:1px solid var(--kol-border) !important;background:rgba(255,255,255,0.02)}#main-profile .card-title,#main-agent .card-title,#main-manage .card-title{margin:0;color:var(--kol-text);font-weight:860;letter-spacing:-0.025em}#main-profile .card-header::before,#main-agent .card-header::before,#main-manage .card-header::before{content: "";display:inline-flex;width:6px;height:24px;margin-right:10px;border-radius:999px;background:linear-gradient(180deg,var(--kol-accent),var(--kol-accent-2));box-shadow:0 0 18px rgba(56,189,248,0.24)}#main-profile .rounded.border,#main-profile .referral-item,#main-agent .referral-item,#main-profile .subscriptions-list>*,#main-agent #agent-info-display{border-color:var(--kol-border) !important;border-radius:16px !important;background:rgba(255,255,255,0.035)}#main-profile .row.g-3 p,#main-profile .form-label,#main-agent .form-label{color:var(--kol-muted);font-weight:720}#main-profile strong,#main-agent strong{color:var(--kol-text)}#main-profile .bg-primary,#main-agent .bg-primary,#main-profile .bg-success,#main-agent .bg-success,#main-profile .bg-warning,#main-agent .bg-warning,#main-profile .bg-info,#main-agent .bg-info{color:var(--kol-text) !important;border:1px solid var(--kol-border) !important;background:linear-gradient(145deg,rgba(56,189,248,0.14),rgba(110,168,255,0.08)),rgba(255,255,255,0.035) !important}#main-profile .display-6,#main-agent .display-6,#main-agent .card-text{color:var(--kol-text);font-weight:900;letter-spacing:-0.045em}#main-profile .form-control,#main-profile .form-select,#main-agent .form-control,#main-agent .form-select,#main-manage .form-control,#main-manage .form-select{min-height:42px;color:var(--kol-text);border:1px solid var(--kol-border);border-radius:14px;background:rgba(255,255,255,0.055)}#main-profile .form-control:focus,#main-profile .form-select:focus,#main-agent .form-control:focus,#main-agent .form-select:focus{border-color:rgba(56,189,248,0.42);box-shadow:0 0 0 4px rgba(56,189,248,0.1)}#main-profile .btn-primary,#main-agent .btn-primary,#main-manage .btn-primary{color:#08110f;border:0;border-radius:999px;background:linear-gradient(135deg,var(--kol-accent),#8ee8d5);box-shadow:0 12px 30px rgba(56,189,248,0.14)}.room-notice .alert,.main-panel>.alert{margin:10px;border:1px solid var(--kol-border);border-radius:16px !important;background:rgba(23,29,39,0.92);box-shadow:0 16px 38px rgba(0,0,0,0.14)}.channel-cat{min-height:34px;align-items:center;color:var(--kol-muted-2);font-size:11px;font-weight:900;letter-spacing:0.09em}.channel-cat::before{content: "";width:6px;height:6px;margin-right:8px;border-radius:999px;background:var(--kol-accent);opacity:0.72}.channel-item{min-height:36px;align-items:center;color:var(--kol-muted);font-weight:720}.channel-item.active,.channel-item:hover{color:var(--kol-text)}.rightbar-wrapper .user-row{margin:4px 8px;border:1px solid transparent;border-radius:14px;transition:background 160ms ease,border-color 160ms ease,transform 160ms ease}.rightbar-wrapper .user-row:hover{border-color:var(--kol-border);background:rgba(255,255,255,0.055);transform:translateX(-1px)}.rightbar-wrapper .room-user-search,.rightbar-wrapper .group-user-search{border-radius:14px}@media (max-width:992px){.codex-user-console,#main-agent .main-block-padding,#main-manage .main-block-padding{padding:20px}.codex-console-summary-grid{grid-template-columns:1fr}}@media (max-width:768px){.codex-user-console .profile-header{min-height:auto;border-radius:22px}.codex-user-console .profile-header .profile-header-cover{height:150px}.codex-user-console .profile-header-user-title{font-size:22px}}@media (prefers-reduced-motion:reduce){.sidebar-profile .nav-pills .nav-link,.sidebar-agent .nav-pills .nav-link,.rightbar-wrapper .user-row{transition:none}} /* codex workspace architecture polish 20260513 end */ /* codex contrast correction 20260513 start */ .dark .main-panel,.dark .chat-scroll,.dark .rightbar-wrapper,.dark .sidebar-wrapper,.dark .channel-list{color:var(--kol-text)}.dark .message-data,.dark .chat-txt,.dark .chat-rich-html,.dark .chat-rich-html p,.dark .chat-rich-html li,.dark .chat-rich-html div,.dark .chat-rich-html span{color:#f0f6ff !important}.dark .replies .chat-txt,.dark .replies .message-data,.dark .replies .chat-code,.dark .replies .link-meta,.dark .replies .file-section,.dark .replies .video-section,.dark .replies .chat-replied-bubble{background:#263241 !important}.dark .sent .chat-txt,.dark .sent .message-data,.dark .sent .chat-code,.dark .sent .link-meta,.dark .sent .file-section,.dark .sent .video-section,.dark .sent .chat-replied-bubble{background:#245f59 !important}.dark .cht .message-data small,.dark .cht small,.dark .message-time,.dark .noti-time{color:#9fb0c3 !important}.dark .channel-item,.dark .room-users .user-row,.dark .group-users .user-row,.dark .right-panel,.dark .right-panel .text-muted{color:#c5d0df !important}.dark .channel-cat,.dark .codex-rpanel-section-label,.dark .right-panel .nav-link{color:#9fb0c3 !important}.dark .channel-item.active,.dark .channel-item:hover,.dark .user-row:hover,.dark .top-channel-name,.dark .username,.dark .user-row h6{color:#f2f7ff !important}.dark .form-control,.dark .form-select,.dark .editor-container,.dark .input-icon .form-control{color:#eef5ff !important;border-color:rgba(148,163,184,0.2) !important;background:#151e2b !important}.dark .form-control::placeholder{color:#8ea0b7 !important}.dark .badge.bg-secondary,.dark .codex-context-chip{color:#dce7f5 !important;background:rgba(148,163,184,0.14) !important;border-color:rgba(148,163,184,0.2) !important}.dark .room-notice .alert,.dark .main-panel>.alert{color:#f4f8ff !important} /* codex contrast correction 20260513 end */ /* codex detail contrast pass dark 20260513 start */:root{--kol-muted:#b4c1d2;--kol-muted-2:#93a3b8;--received-background:#263241;--received-color:#f0f6ff}.dark body,.dark .page-content-wrapper,.dark .main-panel,.dark .rightbar-wrapper,.dark .sidebar-wrapper{color:var(--kol-text)}.dark .text-muted,.dark small,.dark .small,.dark .codex-empty-copy,.dark .codex-section-copy,.dark .profile-header-user-sub-title{color:var(--kol-muted) !important}.dark .codex-empty-title,.dark .top-channel-name,.dark .room-title,.dark .disc-header,.dark .card-title,.dark .profile-header-user-title,.dark .username-bottom,.dark .user-row,.dark .channel-item{color:var(--kol-text) !important}.dark .channel-cat,.dark .codex-context-chip,.dark .codex-rpanel-section-label,.dark .right-panel .nav-link,.dark .room-users-row .form-control::placeholder,.dark .group-users-row .form-control::placeholder{color:var(--kol-muted) !important}.dark .badge,.dark .badge.bg-secondary,.dark .badge.bg-light,.dark .codex-context-chip{color:#e5eefb !important}.dark .chat-rich-html,.dark .chat-rich-html p,.dark .chat-rich-html li,.dark .chat-rich-html div,.dark .chat-rich-html span{color:#f4f8ff !important}.dark .editor-container{box-shadow:0 0 0 1px rgba(56,189,248,0.18),0 14px 34px rgba(0,0,0,0.22)}.dark .editor-icon,.dark .attachment-col.dropup,.dark .room-editor .btn,.dark .private-editor .btn{color:#b4c1d2 !important}.dark .editor-icon:hover,.dark .attachment-col.dropup:hover{color:var(--kol-accent) !important} /* codex detail contrast pass dark 20260513 end */ /* codex final contrast bridge dark 20260513 start */:root{--kol-muted:#c2cedd;--kol-muted-2:#a9b8ca;--kol-border:rgba(148,163,184,0.2);--kol-border-strong:rgba(148,163,184,0.3)}.dark .text-secondary,.dark .text-body-secondary,.dark .text-muted,.dark small,.dark .small,.dark .message-time,.dark .message-status,.dark .profile-header-user-sub-title,.dark .codex-empty-copy,.dark .codex-section-copy{color:var(--kol-muted) !important}.dark .channel-cat,.dark .codex-rpanel-section-label,.dark .right-panel .nav-link,.dark .codex-context-chip,.dark .room-users-row .form-control::placeholder,.dark .group-users-row .form-control::placeholder,.dark .form-control::placeholder,.dark .note-placeholder{color:var(--kol-muted-2) !important}.dark .topbar .ti,.dark .rightbar-wrapper .ti,.dark .channel-list .ti,.dark .editor-icon,.dark .attachment-col.dropup,.dark .room-editor .btn,.dark .private-editor .btn{color:#b8c5d6 !important}.dark .topbar .btn:hover .ti,.dark .rightbar-wrapper .nav-link:hover .ti,.dark .editor-icon:hover,.dark .attachment-col.dropup:hover{color:var(--kol-accent) !important}.dark .channel-item,.dark .room-title,.dark .top-channel-name,.dark .channel-user-name,.dark .username,.dark .username-bottom,.dark .user-row h6,.dark .dropdown-item,.dark .modal-title,.dark .card-title,.dark label{color:var(--kol-text) !important}.dark .editor-container,.dark .input-icon .form-control,.dark .form-control,.dark .form-select{color:var(--kol-text) !important;border-color:var(--kol-border-strong) !important;background-color:#151e2b !important}.dark .codex-empty-card,.dark .non-login-message,.dark .non-join-message,.dark .non-chat-select,.dark .permission-denied-editor,.dark .muted-channel-notice,.dark .vip-channel-notice,.dark .muted-user-notice,.dark .muted-room-user-notice{color:var(--kol-text) !important;border-color:var(--kol-border) !important}.dark .right-panel .nav-pills .nav-link:not(.active){background:rgba(255,255,255,0.06);border:1px solid rgba(148,163,184,0.15)}.dark .badge.bg-secondary,.dark .badge.bg-light,.dark .codex-context-chip{color:#edf5ff !important;border-color:rgba(148,163,184,0.22) !important}.dark .chat-scroll{background-color:#0e141d} /* codex final contrast bridge dark 20260513 end */ /* codex rpanel and rail fix dark 20260513 start */ .dark #rpanel-tab{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:7px}.dark #rpanel-tab .nav-item{flex:1 1 0;min-width:0}.dark #rpanel-tab .nav-link{width:100%;display:flex;align-items:center;justify-content:center;min-height:38px;padding:0;border-radius:11px;border:1px solid rgba(148,163,184,0.22);background:rgba(148,163,184,0.1);color:#d7e3f3 !important}.dark #rpanel-tab .nav-link i{font-size:16px}.dark #rpanel-tab .nav-link:hover{background:rgba(56,189,248,0.2);border-color:rgba(56,189,248,0.42);color:#f4fbff !important}.dark .right-panel .nav-pills .nav-link.active,.dark .right-panel .nav-pills .show>.nav-link{color:#052822 !important;border:1px solid rgba(56,189,248,0.42);background:linear-gradient(135deg,#38bdf8,#7dd3fc);box-shadow:0 8px 20px rgba(56,189,248,0.28)}.dark #rpanel-tab .nav-link.active::after{bottom:4px;width:12px;height:2px;background:#083d33;box-shadow:none}.dark .room-bar{width:4.6rem;padding-top:4px;padding-bottom:4px;background:linear-gradient(180deg,rgba(56,189,248,0.12),transparent 17rem),linear-gradient(180deg,#0d1420 0%,#0a1018 100%);border-right:1px solid rgba(148,163,184,0.18)}.dark .mini-brand{padding:8px 0 10px}.dark .mini-brand a{width:50px;height:50px;margin:0 auto;border-radius:16px;border:1px solid rgba(148,163,184,0.26);background:linear-gradient(150deg,rgba(148,163,184,0.2),rgba(17,24,36,0.86));box-shadow:inset 0 1px rgba(255,255,255,0.12),0 10px 24px rgba(0,0,0,0.36);display:flex;align-items:center;justify-content:center}.dark .mini-brand img{width:36px;height:36px;border-radius:10px;background:transparent;box-shadow:none}.dark .mini-brand-seperator{width:36px;opacity:1;background:linear-gradient(90deg,transparent,rgba(56,189,248,0.78),transparent)}.dark .private-messages,.dark .action-list{gap:10px}.dark .private-messages .private-item,.dark .action-item{border:1px solid rgba(148,163,184,0.24);background:linear-gradient(145deg,#202b3a,#111924);color:#e9f2ff;box-shadow:0 10px 24px rgba(0,0,0,0.32)}.dark .private-messages.active .private-item{border-color:rgba(56,189,248,0.46);background:linear-gradient(145deg,rgba(56,189,248,0.34),rgba(106,167,255,0.26));color:#041614}.dark .private-item .pill,.dark .action-item .pill{left:-11px} /* codex rpanel and rail fix dark 20260513 end */ /* codex enterprise discord polish dark 20260513 start */ .dark body.incallx{--ds-bg-0:#0a0d12;--ds-bg-1:#101520;--ds-bg-2:#151b27;--ds-bg-3:#1a2230;--ds-border:rgba(150,168,191,0.18);--ds-border-strong:rgba(171,190,214,0.28);--ds-text:#ebf2ff;--ds-muted:#aab8cd;--ds-accent:#38bdf8;--ds-accent-2:#6faeff;--ds-shadow:0 16px 36px rgba(0,0,0,0.34);font-family: "Segoe UI", "PingFang SC", "Noto Sans SC",sans-serif;letter-spacing:0.01em;color:var(--ds-text)}.dark body.incallx #wrapper{background:radial-gradient(circle at 76% -8%,rgba(56,189,248,0.08),transparent 26rem),radial-gradient(circle at 8% 108%,rgba(111,174,255,0.07),transparent 30rem),linear-gradient(180deg,var(--ds-bg-0),#090c11 100%)}.dark body.incallx .sidebar-wrapper,.dark body.incallx .channel-list,.dark body.incallx .rightbar-wrapper,.dark body.incallx .main-panel,.dark body.incallx .topbar,.dark body.incallx .topbar-private{border-color:var(--ds-border) !important}.dark body.incallx .channel-list,.dark body.incallx .sidebar-wrapper{background:linear-gradient(180deg,#131b28 0%,#101621 100%)}.dark body.incallx .main-panel{background:linear-gradient(180deg,rgba(56,189,248,0.03),transparent 17rem),linear-gradient(180deg,#0d1320 0%,#0b111a 100%)}.dark body.incallx .chat-scroll{background:linear-gradient(180deg,rgba(255,255,255,0.018),transparent),linear-gradient(rgba(116,137,162,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(116,137,162,0.07) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.dark body.incallx .topbar,.dark body.incallx .topbar-private{background:rgba(13,19,30,0.9);backdrop-filter:blur(16px)}.dark body.incallx .room-title,.dark body.incallx .top-channel-name,.dark body.incallx .channel-name,.dark body.incallx .channel-user-name{color:var(--ds-text) !important;font-weight:700}.dark body.incallx .channel-cat{color:var(--ds-muted) !important;font-weight:600;text-transform:none;letter-spacing:0.02em}.dark body.incallx .channel-item{min-height:36px;border-radius:11px;border:1px solid transparent;color:#c7d4e7 !important}.dark body.incallx .channel-item:hover{border-color:var(--ds-border);background:rgba(149,169,193,0.1);color:#edf4ff !important}.dark body.incallx .channel-item.active{border-color:rgba(56,189,248,0.34);background:linear-gradient(90deg,rgba(56,189,248,0.23),rgba(111,174,255,0.14));box-shadow:inset 3px 0 0 var(--ds-accent),0 10px 26px rgba(0,0,0,0.22);color:#f4fbff !important}.dark body.incallx #rpanel-tab{background:linear-gradient(180deg,rgba(20,28,40,0.95),rgba(16,23,34,0.96));border-bottom:1px solid var(--ds-border)}.dark body.incallx .rightbar-wrapper{background:linear-gradient(180deg,#121926 0%,#0f1621 100%)}.dark body.incallx .rightbar-wrapper .user-row{margin:2px 8px;padding:8px 9px;border-radius:12px;border:1px solid transparent}.dark body.incallx .rightbar-wrapper .user-row:hover{border-color:var(--ds-border);background:rgba(149,169,193,0.09)}.dark body.incallx .room-user-search,.dark body.incallx .group-user-search,.dark body.incallx .input-icon .form-control{background:linear-gradient(180deg,#0f1520,#101724) !important;border:1px solid var(--ds-border) !important;color:var(--ds-text) !important}.dark body.incallx .room-user-search:focus,.dark body.incallx .group-user-search:focus,.dark body.incallx .input-icon .form-control:focus{border-color:rgba(56,189,248,0.44) !important;box-shadow:0 0 0 3px rgba(56,189,248,0.13)}.dark body.incallx .editor-container{background:linear-gradient(180deg,#111929,#101827) !important;border:1px solid var(--ds-border-strong) !important;border-radius:16px;box-shadow:var(--ds-shadow)}.dark body.incallx .editor-container:focus-within{border-color:rgba(56,189,248,0.48) !important;box-shadow:0 0 0 3px rgba(56,189,248,0.14),var(--ds-shadow)}.dark body.incallx .codex-empty-card{border:1px solid var(--ds-border);border-radius:24px;background:radial-gradient(circle at 18% 0%,rgba(56,189,248,0.12),transparent 42%),linear-gradient(150deg,rgba(19,28,42,0.92),rgba(12,18,28,0.92));box-shadow:var(--ds-shadow)}.dark body.incallx:is(.btn,.nav-link,.dropdown-item,.channel-item,.user-row):focus-visible{outline:2px solid rgba(56,189,248,0.5);outline-offset:2px}@media (max-width:1280px){.dark body.incallx #rpanel-tab{gap:4px;padding:5px}.dark body.incallx #rpanel-tab .nav-link{min-height:34px}} /* codex enterprise discord polish dark 20260513 end */ /* codex enterprise workspace profile polish dark 20260513 start */ .dark body.incallx #main-profile .main-block-padding,.dark body.incallx #main-agent .main-block-padding{background:radial-gradient(circle at 94% -10%,rgba(56,189,248,0.08),transparent 28rem),linear-gradient(180deg,rgba(15,22,34,0.68),rgba(12,18,28,0.64))}.dark body.incallx #main-profile .disc-panel-name,.dark body.incallx #main-agent .disc-panel-name{font-weight:760;letter-spacing:0.01em}.dark body.incallx #main-profile #v-profile-tab,.dark body.incallx #main-agent #v-agent-tab{gap:8px;padding:6px}.dark body.incallx #main-profile #v-profile-tab .nav-link,.dark body.incallx #main-agent #v-agent-tab .nav-link{display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 12px;font-weight:640;color:#a7b8ce;border:1px solid transparent;background:rgba(150,168,191,0.1)}.dark body.incallx #main-profile #v-profile-tab .nav-link:hover,.dark body.incallx #main-agent #v-agent-tab .nav-link:hover{color:#ebf3ff;border-color:rgba(150,168,191,0.2);background:rgba(150,168,191,0.14)}.dark body.incallx #main-profile #v-profile-tab .nav-link.active,.dark body.incallx #main-agent #v-agent-tab .nav-link.active{color:#061714;border-color:rgba(56,189,248,0.38);background:linear-gradient(135deg,rgba(56,189,248,0.68),rgba(111,174,255,0.52));box-shadow:0 10px 24px rgba(0,0,0,0.24)}.dark body.incallx #main-profile .profile-header,.dark body.incallx #main-agent .profile-header{border:1px solid rgba(150,168,191,0.2);box-shadow:0 22px 44px rgba(0,0,0,0.34)}.dark body.incallx #main-profile .profile-header .btn-success,.dark body.incallx #main-agent .profile-header .btn-success{border-radius:999px;border:1px solid rgba(56,189,248,0.34)}.dark body.incallx #main-profile .codex-console-summary-card,.dark body.incallx #main-agent .codex-console-summary-card{border:1px solid rgba(150,168,191,0.2);background:radial-gradient(circle at 0% 0%,rgba(56,189,248,0.14),transparent 34%),linear-gradient(150deg,rgba(23,32,47,0.94),rgba(14,20,31,0.92));box-shadow:0 12px 28px rgba(0,0,0,0.28)}.dark body.incallx #main-profile .card,.dark body.incallx #main-agent .card{border:1px solid rgba(150,168,191,0.2);border-radius:18px;background:linear-gradient(170deg,rgba(20,29,43,0.95),rgba(14,21,33,0.92));box-shadow:0 14px 30px rgba(0,0,0,0.3)}.dark body.incallx #main-profile .card-header,.dark body.incallx #main-agent .card-header{background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(150,168,191,0.16) !important}.dark body.incallx #main-profile .card-title,.dark body.incallx #main-agent .card-title{font-weight:760;letter-spacing:0.01em}.dark body.incallx #main-profile .rounded.border,.dark body.incallx #main-agent .rounded.border,.dark body.incallx #main-profile .referral-item,.dark body.incallx #main-agent .referral-item,.dark body.incallx #main-profile .subscriptions-list>*,.dark body.incallx #main-agent #agent-info-display{border-color:rgba(150,168,191,0.2) !important;background:rgba(255,255,255,0.03)}.dark body.incallx #main-profile:is(.form-control,.form-select),.dark body.incallx #main-agent:is(.form-control,.form-select){border-radius:12px;border-color:rgba(150,168,191,0.24) !important;background:linear-gradient(180deg,#101826,#121b2a) !important}.dark body.incallx #main-profile:is(.form-control,.form-select):focus,.dark body.incallx #main-agent:is(.form-control,.form-select):focus{border-color:rgba(56,189,248,0.46) !important;box-shadow:0 0 0 3px rgba(56,189,248,0.16)}.dark body.incallx #main-profile .btn-primary,.dark body.incallx #main-agent .btn-primary{border:0;border-radius:12px;font-weight:700;color:#052723;background:linear-gradient(135deg,#38bdf8,#7dd3fc);box-shadow:0 10px 22px rgba(56,189,248,0.24)}.dark body.incallx #main-profile .btn-primary:hover,.dark body.incallx #main-agent .btn-primary:hover{transform:translateY(-1px)} /* codex enterprise workspace profile polish dark 20260513 end */ /* codex enterprise rpanel media and members polish dark 20260513 start */ .dark body.incallx{--ds-rpanel-surface:rgba(148,169,195,0.09);--ds-rpanel-surface-strong:rgba(148,169,195,0.16);--ds-rpanel-border:rgba(157,178,203,0.22);--ds-rpanel-border-strong:rgba(180,200,224,0.34);--ds-rpanel-text:#e7f1ff;--ds-rpanel-muted:#a9bcd5;--ds-rpanel-accent:#46dfc4;--ds-rpanel-accent-2:#76b2ff;--ds-rpanel-shadow:0 10px 24px rgba(0,0,0,0.36)}.dark body.incallx #rpanel-tab{padding:6px;gap:6px}.dark body.incallx #rpanel-tab .nav-link{min-width:36px;min-height:36px;border-radius:11px;border:1px solid transparent;background:rgba(146,166,190,0.1);color:#9eb1c9 !important;transition:border-color 180ms ease,background-color 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.dark body.incallx #rpanel-tab .nav-link .ti{font-size:17px}.dark body.incallx #rpanel-tab .nav-link:hover{color:#edf5ff !important;border-color:var(--ds-rpanel-border);background:var(--ds-rpanel-surface-strong);transform:translateY(-1px)}.dark body.incallx #rpanel-tab .nav-link.active{color:#061a17 !important;border-color:rgba(70,223,196,0.4);background:linear-gradient(140deg,rgba(70,223,196,0.7),rgba(118,178,255,0.58));box-shadow:0 10px 22px rgba(0,0,0,0.3)}.dark body.incallx .rightbar-wrapper:is(.room-users-row,.group-users-row,.media-row){padding-top:8px}.dark body.incallx .rightbar-wrapper:is(.room-users-row,.group-users-row)>.m-1{margin:0 8px 8px !important}.dark body.incallx .rightbar-wrapper .codex-rpanel-section-label{margin:2px 8px 8px;padding:7px 10px;border:1px solid var(--ds-rpanel-border);border-radius:11px;background:var(--ds-rpanel-surface);color:#9fb4ce !important;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.dark body.incallx .rightbar-wrapper:is(.room-user-search,.group-user-search){min-height:36px;padding-right:34px !important}.dark body.incallx .rightbar-wrapper .input-icon-addon{color:#8ea4bf}.dark body.incallx:is(.room-users,.group-users){padding-bottom:6px}.dark body.incallx:is(.room-users,.group-users) .user-row{margin:3px 8px;padding:9px 10px;border-radius:14px;border:1px solid transparent;background:linear-gradient(145deg,rgba(21,29,42,0.92),rgba(16,24,35,0.92));box-shadow:0 5px 13px rgba(0,0,0,0.22);transition:border-color 180ms ease,background-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.dark body.incallx:is(.room-users,.group-users) .user-row:hover,.dark body.incallx:is(.room-users,.group-users) .user-row:focus{border-color:var(--ds-rpanel-border);background:linear-gradient(145deg,rgba(27,37,52,0.96),rgba(19,28,41,0.96));transform:translateY(-1px);box-shadow:var(--ds-rpanel-shadow)}.dark body.incallx:is(.room-users,.group-users) .user-row .channel-user-image{position:relative;flex:0 0 auto}.dark body.incallx:is(.room-users,.group-users) .user-row .channel-user-details{min-width:0}.dark body.incallx:is(.room-users,.group-users) .user-row .channel-user-name{color:var(--ds-rpanel-text) !important;font-size:13px;font-weight:700}.dark body.incallx:is(.room-users,.group-users) .user-row .user-status{color:var(--ds-rpanel-muted) !important;font-size:11px}.dark body.incallx:is(.room-users,.group-users) .user-row:is(.user-mute-icon,.user-room-mute-icon,.user-subscribe-icon){display:inline-flex;align-items:center;color:#96abc4}.dark body.incallx:is(.room-users,.group-users) .user-row .online-status .ti{background:#0f1520;border:1px solid rgba(157,178,203,0.22)}.dark body.incallx:is(.room-users,.group-users) .user-row:hover .online-status .ti{background:#151f2d;border-color:rgba(70,223,196,0.42)}.dark body.incallx:is(#rpanel-images,#rpanel-videos,#rpanel-files,#rpanel-links,#pvt-rpanel-images,#pvt-rpanel-videos,#pvt-rpanel-files,#pvt-rpanel-links) .media-row .row{margin:0 !important}.dark body.incallx:is(#rpanel-images,#rpanel-videos,#pvt-rpanel-images,#pvt-rpanel-videos) .media-row .row{margin-left:-4px !important;margin-right:-4px !important}.dark body.incallx:is(#rpanel-images,#rpanel-videos,#pvt-rpanel-images,#pvt-rpanel-videos) .media-row .row>*{padding:4px}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .media-row .row{display:flex;flex-direction:column;gap:10px}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block{width:100%;border:1px solid var(--ds-rpanel-border);border-radius:14px;background:linear-gradient(150deg,rgba(22,31,45,0.96),rgba(15,23,35,0.94));box-shadow:0 8px 20px rgba(0,0,0,0.28);transition:border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block:hover{border-color:var(--ds-rpanel-border-strong);transform:translateY(-1px);box-shadow:var(--ds-rpanel-shadow)}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-section{display:flex;align-items:center;gap:10px;padding:10px 11px;background:transparent;border-radius:inherit}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-header{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;color:#d7e6fb;text-decoration:none}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-header:hover{color:#eef6ff}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block:is(.file-icon,.common-icon){font-size:20px;color:var(--ds-rpanel-accent-2);opacity:0.96}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .recent-link-preview{width:58px;height:58px;flex:0 0 auto;object-fit:cover;border-radius:12px;border:1px solid var(--ds-rpanel-border-strong);background:#172434}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-description{min-width:0}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-title{display:block;font-size:13px;font-weight:660;color:#e4f0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-meta-swap{font-size:11px;color:var(--ds-rpanel-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-actions{margin-left:8px}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-action-buttons{width:32px;height:32px;border-radius:10px;border:1px solid var(--ds-rpanel-border);display:inline-flex;align-items:center;justify-content:center;color:#9ecbff;background:rgba(146,166,190,0.12);transition:border-color 180ms ease,background-color 180ms ease,color 180ms ease,transform 180ms ease}.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-action-buttons:hover{border-color:var(--ds-rpanel-border-strong);color:#d7ebff;background:rgba(146,166,190,0.2);transform:translateY(-1px)}.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block{padding:4px}.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block .video-section{border-radius:14px;border:1px solid var(--ds-rpanel-border);background:rgba(146,166,190,0.08);overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,0.28)}.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block .video-link{display:block;position:relative}.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block .video-link::before{content: "";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(6,10,16,0.54));pointer-events:none}.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block .video-link::after{content: "";position:absolute;left:50%;top:50%;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid rgba(236,245,255,0.92);transform:translate(-42%,-50%);filter:drop-shadow(0 2px 5px rgba(0,0,0,0.44));pointer-events:none}.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block .video-thumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform 220ms ease,filter 220ms ease}.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block:hover .video-thumb{transform:scale(1.03);filter:saturate(1.1)}.dark body.incallx .rightbar-wrapper .more-actions{padding:10px 10px 14px}.dark body.incallx .rightbar-wrapper .more-actions .btn{width:100%;min-height:34px;border-radius:11px;border:1px solid var(--ds-rpanel-border);background:linear-gradient(150deg,rgba(22,31,45,0.94),rgba(16,24,35,0.92));color:#b6c8de;font-size:12px;font-weight:640}.dark body.incallx .rightbar-wrapper .more-actions .btn:hover{border-color:var(--ds-rpanel-border-strong);background:rgba(28,39,56,0.95);color:#eef6ff}.dark body.incallx .height-scroll-rpanelx::-webkit-scrollbar{width:8px}.dark body.incallx .height-scroll-rpanelx::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(160,180,205,0.24)}.dark body.incallx .height-scroll-rpanelx::-webkit-scrollbar-thumb:hover{background:rgba(160,180,205,0.36)}.dark body.incallx #rpanel-tabContent .tab-pane.show .height-scroll-rpanelx>*{animation:codexRpanelRevealDark 220ms ease both}@keyframes codexRpanelRevealDark{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1360px){.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .recent-link-preview{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.dark body.incallx #rpanel-tab .nav-link,.dark body.incallx:is(.room-users,.group-users) .user-row,.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block,.dark body.incallx:is(#rpanel-videos,#pvt-rpanel-videos) .chat-video-block .video-thumb,.dark body.incallx:is(#rpanel-files,#rpanel-links,#pvt-rpanel-files,#pvt-rpanel-links) .chat-files-block .file-action-buttons{transition:none}.dark body.incallx #rpanel-tabContent .tab-pane.show .height-scroll-rpanelx>*{animation:none}} /* codex enterprise rpanel media and members polish dark 20260513 end */ /* codex enterprise toolbar and icon polish dark 20260513 start */ .dark body.incallx{--ds-toolbar-surface:rgba(148,169,195,0.1);--ds-toolbar-surface-strong:rgba(148,169,195,0.18);--ds-toolbar-border:rgba(157,178,203,0.2);--ds-toolbar-border-strong:rgba(182,202,225,0.32);--ds-toolbar-icon:#9eb3cb;--ds-toolbar-icon-strong:#ecf4ff}.dark body.incallx .topbar,.dark body.incallx .topbar-private{min-height:58px;padding:9px 12px;gap:4px;border-bottom:1px solid var(--ds-toolbar-border);box-shadow:0 10px 24px rgba(0,0,0,0.3)}.dark body.incallx .topbar>.nav-item{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--ds-toolbar-border);border-radius:11px;background:var(--ds-toolbar-surface);color:var(--ds-toolbar-icon) !important;transition:border-color 180ms ease,background-color 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.dark body.incallx .topbar>.nav-item .nav-link{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;color:inherit !important}.dark body.incallx .topbar>.nav-item:hover{color:var(--ds-toolbar-icon-strong) !important;border-color:var(--ds-toolbar-border-strong);background:var(--ds-toolbar-surface-strong);transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,0.32)}.dark body.incallx .topbar .btn-sm-round{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:11px;border:1px solid var(--ds-toolbar-border);background:var(--ds-toolbar-surface);color:var(--ds-toolbar-icon) !important}.dark body.incallx .topbar .btn-sm-round:hover{color:#f5fbff !important;border-color:var(--ds-toolbar-border-strong);background:var(--ds-toolbar-surface-strong);transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,0.32)}.dark body.incallx .topbar:is(.ti-20,.ti-24){font-size:18px !important}.dark body.incallx .topbar .noti-count{top:2px;right:2px;min-width:9px;width:9px;height:9px;padding:0;border-radius:999px;border:2px solid #101823;background:#ff6e6e !important;box-shadow:0 0 0 2px rgba(255,110,110,0.18)}.dark body.incallx .codex-top-context{padding-left:2px}.dark body.incallx .codex-channel-icon{width:34px;height:34px;flex-basis:34px;border-radius:12px}.dark body.incallx .codex-context-chip{height:18px;padding:0 8px;background:rgba(148,169,195,0.1);border-color:rgba(157,178,203,0.22);color:#a8bdd6}.dark body.incallx .codex-live-chip{color:#d5fff4;background:rgba(70,223,196,0.2);border-color:rgba(70,223,196,0.34)}.dark body.incallx .private-messages .private-item,.dark body.incallx .action-item{border:1px solid rgba(157,178,203,0.24);box-shadow:0 8px 18px rgba(0,0,0,0.3)}.dark body.incallx .private-messages .private-item:hover,.dark body.incallx .action-item:hover{box-shadow:0 12px 24px rgba(0,0,0,0.34)}.dark body.incallx .channel-item .channel-options .ti-dots-vertical{color:#8499b3}.dark body.incallx .channel-item:hover .channel-options .ti-dots-vertical{color:#edf5ff}.dark body.incallx .editor-container{margin:12px 16px 14px;padding:6px 10px}.dark body.incallx .attachments-container{margin:12px 16px 0;border:1px solid var(--ds-toolbar-border);border-radius:14px;background:linear-gradient(165deg,rgba(20,29,43,0.94),rgba(14,21,33,0.9));box-shadow:0 10px 22px rgba(0,0,0,0.28)}.dark body.incallx:is(.editor-icon,.attachment-col.dropup,.chat-actions i){color:#8ca2bc}.dark body.incallx:is(.editor-icon,.attachment-col.dropup,.chat-actions i):hover{color:#edf6ff}.dark body.incallx .reply-msg-row{border-top:1px solid var(--ds-toolbar-border);background:linear-gradient(180deg,rgba(20,29,43,0.86),rgba(14,21,33,0.78))}.dark body.incallx .reply-msg-row .replied-to{border-color:rgba(157,178,203,0.24);background:rgba(148,169,195,0.08)}.dark body.incallx:is(.room-users,.group-users) .user-row .badge.bg-primary{border:1px solid rgba(118,178,255,0.42);background:rgba(118,178,255,0.2) !important;color:#dff0ff !important}@media (max-width:991.98px){.dark body.incallx .topbar{padding:8px 10px;gap:3px}.dark body.incallx .topbar>.nav-item,.dark body.incallx .topbar .btn-sm-round{width:34px;height:34px;min-width:34px;min-height:34px}.dark body.incallx .topbar .codex-channel-copy .top-channel-name{max-width:min(44vw,260px)}}@media (prefers-reduced-motion:reduce){.dark body.incallx .topbar>.nav-item,.dark body.incallx .topbar .btn-sm-round{transition:none}} /* codex enterprise toolbar and icon polish dark 20260513 end */ /* codex frame detail polish dark 20260515 start */ .dark body.incallx{--ds-frame-bg:#101723;--ds-frame-panel:#121b29;--ds-frame-panel-raised:#172435;--ds-frame-border:rgba(148,169,195,0.2);--ds-frame-border-strong:rgba(176,199,226,0.34);--ds-frame-text:#eef5ff;--ds-frame-muted:#9aadc4;--ds-frame-gold:#ffd84f}.dark body.incallx .topbar:not(.topbar-channels),.dark body.incallx .topbar-private{position:relative;z-index:1200;min-height:60px;overflow:visible !important;background:linear-gradient(180deg,rgba(17,25,37,0.98),rgba(15,23,35,0.96)) !important;background-color:#111925 !important;border-bottom:1px solid var(--ds-frame-border) !important;box-shadow:0 12px 26px rgba(0,0,0,0.28)}.dark body.incallx .topbar .codex-top-context{min-width:0;gap:10px;padding-left:12px !important}.dark body.incallx .topbar .codex-channel-icon{margin-left:0 !important;flex:0 0 38px}.dark body.incallx .topbar .codex-channel-copy{min-width:0;padding-left:2px;padding-right:14px}.dark body.incallx .topbar .codex-channel-copy .top-channel-name{max-width:min(35vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;letter-spacing:0.005em}.dark body.incallx .topbar>.nav-item,.dark body.incallx .topbar .btn-sm-round{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;margin-left:6px !important;margin-right:6px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;align-self:center !important;border-radius:12px}.dark body.incallx .topbar>.nav-item .nav-link{height:38px;width:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 !important}.dark body.incallx .topbar .noti-count{top:5px;right:6px;z-index:2}.dark body.incallx .topbar .dropdown,.dark body.incallx .topbar .notifications-panel-card{z-index:1300}.dark body.incallx .topbar .dropdown-menu.notifications-panel-card,.dark body.incallx .topbar .dropdown-menu.notifications-panel-card.show{z-index:3200 !important;min-width:360px;margin-top:10px !important;border:1px solid var(--ds-frame-border-strong);border-radius:16px;background:linear-gradient(180deg,rgba(18,27,41,0.98),rgba(13,20,31,0.98));box-shadow:0 24px 60px rgba(0,0,0,0.48);overflow:hidden}.dark body.incallx .channel-list-bottom{min-height:66px;padding:8px 10px;background:linear-gradient(180deg,rgba(18,27,41,0.98),rgba(13,20,31,0.98));border-top:1px solid var(--ds-frame-border) !important;box-shadow:0 -12px 30px rgba(0,0,0,0.24)}.dark body.incallx .channel-list-bottom .dropup{width:100%;min-width:0}.dark body.incallx .channel-list-bottom #dropdownUserbtm{width:100%;min-height:50px;margin:0 !important;padding:7px 10px !important;border:1px solid rgba(148,169,195,0.18);border-radius:15px;background:rgba(148,169,195,0.08)}.dark body.incallx .channel-list-bottom #dropdownUserbtm:hover{background:rgba(148,169,195,0.14);border-color:rgba(176,199,226,0.28)}.dark body.incallx .channel-list-bottom #dropdownUserbtm img.rounded-circle{width:38px !important;height:38px !important;border:2px solid rgba(238,245,255,0.16);box-shadow:0 8px 18px rgba(0,0,0,0.32);object-fit:cover}.dark body.incallx .channel-list-bottom .username-bottom{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-frame-text);font-size:14px;font-weight:760;letter-spacing:0.005em}.dark body.incallx .vip-badge{background:linear-gradient(135deg,#fff3a2,var(--ds-frame-gold) 48%,#f59e0b);color:#3d2a00;border:1px solid rgba(255,250,210,0.92);box-shadow:0 2px 8px rgba(245,158,11,0.36),0 0 0 2px rgba(9,14,22,0.86)}.dark body.incallx .vip-badge i{display:none}.dark body.incallx .vip-badge::after{content: "VIP";font-size:8px;font-weight:900;line-height:1;letter-spacing:-0.04em}.dark body.incallx .channel-user-image .vip-badge{top:-5px;right:-7px;width:23px;height:15px;border-radius:999px}.dark body.incallx .channel-list-bottom #dropdownUserbtm .vip-badge{top:-5px;right:-8px;left:auto;width:24px;height:16px;border-radius:999px}.dark body.incallx .messages .cht .avatar{width:38px;height:38px;border-color:rgba(226,237,250,0.12);box-shadow:0 10px 24px rgba(0,0,0,0.34)}.dark body.incallx .messages .cht .message-data{max-width:min(700px,calc(100% - 72px));border:1px solid rgba(148,169,195,0.13);border-radius:18px;background:linear-gradient(180deg,rgba(38,50,65,0.98),rgba(31,43,58,0.98)) !important;box-shadow:0 18px 42px rgba(0,0,0,0.26);overflow:hidden}.dark body.incallx .messages .cht.sent .message-data{border-color:rgba(83,218,194,0.2);background:linear-gradient(150deg,rgba(35,112,102,0.98),rgba(27,86,82,0.98)) !important}.dark body.incallx .messages .chat-txt{padding:12px 16px;font-size:14.5px;line-height:1.65;letter-spacing:0.002em}.dark body.incallx .messages .cht .message-data small{padding:11px 16px 2px;color:#aebdd0 !important;font-size:12px;font-weight:700}.dark body.incallx .messages:is(.chat-img-sgl,.chat-img-duo,.chat-img-grp,.chat-gif,.file-section,.video-section,.link-meta,.chat-audio,.chat-code){border-radius:14px}@media (max-width:991.98px){.dark body.incallx .topbar .codex-channel-copy .top-channel-name{max-width:min(42vw,280px)}.dark body.incallx .topbar>.nav-item,.dark body.incallx .topbar .btn-sm-round{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;margin-left:4px !important;margin-right:4px !important}.dark body.incallx .topbar .dropdown-menu.notifications-panel-card,.dark body.incallx .topbar .dropdown-menu.notifications-panel-card.show{min-width:min(340px,calc(100vw - 24px))}} /* codex frame detail polish dark 20260515 end */ /* codex bottom account visibility fix dark 20260515 start */ .dark body.incallx .sidebar-height-fix{height:calc((var(--vh,1vh) * 100) - 74px) !important;overflow-y:auto;overflow-x:hidden}.dark body.incallx .sidebar-height-fix-mt48{height:calc((var(--vh,1vh) * 100) - 122px) !important;overflow-y:auto;overflow-x:hidden}.dark body.incallx.voice-active .sidebar-height-fix{height:calc((var(--vh,1vh) * 100) - 157px) !important}.dark body.incallx.voice-active .sidebar-height-fix-mt48{height:calc((var(--vh,1vh) * 100) - 205px) !important}.dark body.incallx .channel-list-bottom{position:relative;z-index:30;height:74px !important;min-height:74px !important;max-height:74px !important;flex:0 0 74px !important;overflow:visible !important;align-items:center !important;padding:10px 10px 12px !important}.dark body.incallx .channel-list-bottom .dropup{height:100%;display:flex;align-items:center;overflow:visible !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm{height:52px !important;min-height:52px !important;max-height:52px !important;overflow:visible !important;align-items:center !important;box-sizing:border-box}.dark body.incallx .channel-list-bottom #dropdownUserbtm>.position-relative{width:38px;height:38px;flex:0 0 38px;overflow:visible !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm .current-status.online-status{right:-1px;bottom:-1px}.dark body.incallx .channel-list-bottom #dropdownUserbtm .vip-badge{top:-6px;right:-9px} /* codex bottom account visibility fix dark 20260515 end */ /* codex bottom account frameless fix dark 20260515 start */ .dark body.incallx .channel-list-bottom{padding-left:14px !important;padding-right:12px !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm{width:auto;max-width:100%;padding:0 4px !important;border-color:transparent !important;background:transparent !important;box-shadow:none !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm:hover{border-color:transparent !important;background:rgba(148,169,195,0.08) !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm .username-bottom{margin-left:10px !important} /* codex bottom account frameless fix dark 20260515 end */ /* codex private dm and identity polish dark 20260515 start */ .dark body.incallx .private-chat .main-panel.codex-is-empty .chat-scroll{min-height:calc((var(--vh,1vh) * 100) - 132px)}.dark body.incallx .private-chat .codex-private-empty-state{z-index:4;padding:42px 28px}.dark body.incallx .private-chat .codex-empty-card{width:min(520px,90%);padding:30px 32px;border-radius:26px;background:radial-gradient(circle at 18% 0%,rgba(46,211,194,0.2),transparent 18rem),linear-gradient(145deg,rgba(20,30,44,0.96),rgba(10,16,26,0.94));border-color:rgba(99,221,202,0.2);box-shadow:0 28px 80px rgba(0,0,0,0.38),inset 0 1px rgba(255,255,255,0.05)}.dark body.incallx .private-chat .codex-empty-title{font-size:22px;letter-spacing:-0.02em}.dark body.incallx .private-chat .codex-empty-copy{max-width:390px;color:#aab9cc}.dark body.incallx .codex-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.dark body.incallx .codex-empty-actions span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:rgba(148,169,195,0.1);border:1px solid rgba(148,169,195,0.16);color:#b9c9dc;font-size:12px;font-weight:700}.dark body.incallx:is(.room-users,.group-users){padding-top:6px}.dark body.incallx .codex-user-section{padding:0 6px 8px}.dark body.incallx .codex-user-section-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:4px 0 6px;padding:7px 8px 5px;color:#8fa2ba;font-size:10px;font-weight:850;letter-spacing:0.12em;text-transform:uppercase;background:linear-gradient(180deg,rgba(17,25,37,0.96),rgba(17,25,37,0.78));backdrop-filter:blur(10px)}.dark body.incallx .codex-user-section-count{color:#52dcc3;font-size:10px;letter-spacing:0.04em}.dark body.incallx .codex-user-list-empty{margin:18px 12px;padding:14px 12px;border-radius:14px;color:#91a4bc;background:rgba(148,169,195,0.06);border:1px solid rgba(148,169,195,0.12);text-align:center;font-size:13px}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-row>.d-flex{align-items:center;min-width:0}.dark body.incallx:is(.room-users,.group-users,.private-list) .channel-user-details{min-width:0;flex:1 1 auto}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-name-row{display:flex;align-items:center;gap:4px;min-width:0;line-height:1.25}.dark body.incallx:is(.room-users,.group-users,.private-list) .channel-user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx:is(img.img-profile,img.user-image,.messages .cht .avatar,.profile-header-user-avatar img,.channel-list-bottom #dropdownUserbtm img.rounded-circle){object-fit:cover;background:radial-gradient(circle at 50% 42%,rgba(72,221,203,0.32),transparent 58%),linear-gradient(135deg,#183047,#0e1724)}.dark body.incallx .profile-header-user-avatar img,.dark body.incallx .user-card .user-image{background:radial-gradient(circle at 50% 42%,rgba(72,221,203,0.34),transparent 55%),linear-gradient(135deg,#17283b,#0c1320)}.dark body.incallx .user-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:16px;padding:0 6px;border-radius:999px;font-size:9px;line-height:1;font-weight:850;letter-spacing:0.02em;border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px rgba(255,255,255,0.16),0 4px 10px rgba(0,0,0,0.22);vertical-align:middle}.dark body.incallx .user-type-badge.admin,.dark body.incallx .badge.bg-red{color:#fff6f6 !important;background:linear-gradient(135deg,#ff7a7a,#d74c5a) !important}.dark body.incallx .user-type-badge.creator{color:#ecf6ff;background:linear-gradient(135deg,#5aa7ff,#3867d6)}.dark body.incallx .user-type-badge.mod,.dark body.incallx .user-type-badge.room-mod{color:#ecfff8;background:linear-gradient(135deg,#3fd49c,#1b8f6c)}.dark body.incallx .codex-user-popover{z-index:3300;border:1px solid rgba(148,169,195,0.2);border-radius:18px;overflow:hidden;background:#111a28;box-shadow:0 26px 70px rgba(0,0,0,0.46)}.dark body.incallx .codex-user-card-popover{border:0;border-radius:18px;background:#111a28;color:#edf5ff}.dark body.incallx .codex-user-card-popover .card-img-top{min-height:122px;background-color:#182235}.dark body.incallx .codex-user-card-popover .card-body{padding:0 16px 16px}.dark body.incallx .codex-user-card-popover .user-image{width:72px;height:72px;margin-top:-36px;border-radius:999px;border:3px solid #111a28;box-shadow:0 12px 28px rgba(0,0,0,0.34)}.dark body.incallx .codex-user-popover-name{margin:8px 0 2px;color:#f4f9ff !important;font-size:15px;font-weight:850}.dark body.incallx .codex-user-popover-meta{margin:0;color:#9fb1c8 !important;font-size:12px !important;font-weight:650}.dark body.incallx .codex-user-card-popover .card-footer{padding:12px 14px 14px;border-top:1px solid rgba(148,169,195,0.14);background:rgba(148,169,195,0.05)}.dark body.incallx .codex-user-card-popover .btn{min-height:34px;border-radius:11px;font-weight:750}.dark body.incallx:is(.room-list-item.active .chatroom-item,.private-messages.active .private-item,.action-item.active){color:#eafffb !important;background:linear-gradient(145deg,rgba(44,211,190,0.34),rgba(69,108,184,0.3)) !important;border-color:rgba(82,220,195,0.48) !important;box-shadow:0 14px 30px rgba(0,0,0,0.34),0 0 0 3px rgba(44,211,190,0.08) !important}.dark body.incallx:is(.private-messages.active .private-item,.action-item.active) i{color:#f5fffc !important}.dark body.incallx:is(.messages,.private-chat .chats,.group-chat .chats)>.loadingoverlay{display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;gap:10px;border-radius:22px !important;background:rgba(7,13,22,0.68) !important;backdrop-filter:blur(10px)}.dark body.incallx:is(.messages,.private-chat .chats,.group-chat .chats)>.loadingoverlay::before{content: "";width:38px;height:38px;border-radius:999px;border:3px solid rgba(82,220,195,0.18);border-top-color:#52dcc3;animation:codexUploadSpin 850ms linear infinite}.dark body.incallx:is(.messages,.private-chat .chats,.group-chat .chats)>.loadingoverlay::after{content: "Uploading...";color:#d7f9f4;font-size:12px;font-weight:800;letter-spacing:0.08em}@keyframes codexUploadSpin{to{transform:rotate(360deg)}}@media (max-width:768px){.dark body.incallx .codex-user-popover{max-width:calc(100vw - 28px)}}@media (prefers-reduced-motion:reduce){.dark body.incallx:is(.messages,.private-chat .chats,.group-chat .chats)>.loadingoverlay::before{animation:none}} /* codex private dm and identity polish dark 20260515 end */ /* codex creator badge icon polish dark 20260515 start */ .dark body.incallx:is(.room-users,.group-users,.private-list) .user-name-row{display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:nowrap}.dark body.incallx:is(.room-users,.group-users,.private-list) .channel-user-name{min-width:0}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-type-badge{flex:0 0 auto;gap:3px;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-type-badge .ti{font-size:10px;line-height:1;transform:translateY(-0.2px)}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-type-badge.creator{min-width:0;height:19px;padding:0 7px 0 6px;color:#fff7df !important;letter-spacing:0.01em;border-color:rgba(255,221,147,0.46);background:linear-gradient(180deg,rgba(255,255,255,0.18),transparent 46%),linear-gradient(135deg,#e9bd67 0%,#b87a28 100%) !important;box-shadow:inset 0 1px rgba(255,255,255,0.24),0 0 0 1px rgba(255,214,126,0.08),0 6px 14px rgba(112,73,21,0.28)}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-type-badge.creator .ti{color:#fff2bf;filter:drop-shadow(0 1px 1px rgba(56,34,6,0.32))}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-type-badge.creator .user-type-badge-text{max-width:45px;overflow:hidden;text-overflow:clip} /* codex creator badge icon polish dark 20260515 end */ /* codex remaining interaction closeout dark 20260515 start */ .dark body.incallx .topbar .dropdown-menu.notifications-panel-card.show{position:fixed !important;inset:64px 18px auto auto !important;transform:none !important;width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 84px);display:flex;flex-direction:column;overflow:hidden}.dark body.incallx .notifications-panel-card #notification-card{margin:0;border:0;border-radius:16px;background:transparent;box-shadow:none}.dark body.incallx .notifications-panel-card .card-header{min-height:48px;padding:12px 14px;border-bottom:1px solid rgba(148,169,195,0.14);background:rgba(148,169,195,0.06)}.dark body.incallx .notifications-panel-card .card-title{color:#edf6ff;font-size:14px;font-weight:850}.dark body.incallx .notifications-panel-card .card-body.notifications{padding:0;overflow:hidden}.dark body.incallx .notifications-panel-card .notification-list{max-height:calc(100vh - 154px);padding:8px;overflow-y:auto;overscroll-behavior:contain}.dark body.incallx .notifications-panel-card .noti-item{margin:0 0 8px;padding:10px 12px;border:1px solid rgba(148,169,195,0.14);border-radius:13px;background:rgba(148,169,195,0.08)}.dark body.incallx .notifications-panel-card .noti-item.noti-read{opacity:0.72;background:rgba(148,169,195,0.045)}.dark body.incallx .notifications-panel-card .noti-content{color:#d7e4f3;white-space:normal;line-height:1.45}.dark body.incallx .notifications-panel-card .noti-time{color:#7dd8c7;font-size:11px;font-weight:750}.dark body.incallx .active-user-remark{display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#edf6ff;font-size:13px;font-weight:760;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx .edit-remark{flex:0 0 auto;width:30px;height:30px;padding:0 !important;border-radius:10px}@media (max-width:575.98px){.dark body.incallx .topbar .dropdown-menu.notifications-panel-card.show{inset:58px 10px auto 10px !important;width:auto}} /* codex remaining interaction closeout dark 20260515 end */ /* codex member name readability dark 20260515 start */ .dark body.incallx:is(.room-users,.group-users,.private-list) .user-row{min-width:0}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-row>.d-flex{width:100%;min-width:0}.dark body.incallx:is(.room-users,.group-users,.private-list) .channel-user-image{flex:0 0 32px;margin-right:8px !important}.dark body.incallx:is(.room-users,.group-users,.private-list) .channel-user-details{flex:1 1 0;width:calc(100% - 40px);max-width:calc(100% - 40px);min-width:0}.dark body.incallx:is(.room-users,.group-users,.private-list) .user-name-row{width:100%;min-width:0;gap:3px}.dark body.incallx:is(.room-users,.group-users,.private-list) .channel-user-name{display:block !important;flex:1 1 0;width:auto;max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx:is(.room-users,.group-users,.private-list):is(.fa-gender,.flag-icon,.badge,.user-type-badge){flex:0 0 auto}.dark body.incallx:is(.room-users,.group-users,.private-list):is(.user-type-badge.admin,.user-type-badge.mod,.user-type-badge.room-mod){min-width:34px;height:17px;padding:0 6px;font-size:8px} /* codex member name readability dark 20260515 end */ /* codex user card profile polish dark 20260515 start */ .dark body.incallx .codex-user-popover{border-radius:22px;background:#101827;box-shadow:0 30px 80px rgba(0,0,0,0.54),0 0 0 1px rgba(148,169,195,0.12)}.dark body.incallx .codex-user-card-popover{border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(20,30,45,0.98),rgba(13,20,31,0.98))}.dark body.incallx .codex-user-card-popover .codex-user-cover{position:relative;min-height:112px;background-size:cover;background-position:center}.dark body.incallx .codex-user-card-popover .codex-user-cover::after{content: "";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,20,0.08),rgba(7,12,20,0.48)),radial-gradient(circle at 18% 18%,rgba(255,255,255,0.2),transparent 34%)}.dark body.incallx .codex-user-card-popover .card-body{padding:0 16px 16px}.dark body.incallx .codex-user-card-head{display:flex;align-items:flex-end;gap:12px;min-width:0;margin-top:-34px}.dark body.incallx .codex-user-avatar-wrap{position:relative;flex:0 0 70px;width:70px;height:70px}.dark body.incallx .codex-user-card-popover .codex-user-avatar-wrap .user-image{width:70px;height:70px;margin-top:0;border:4px solid #101827;border-radius:22px;object-fit:cover;box-shadow:0 16px 34px rgba(0,0,0,0.38),0 0 0 1px rgba(148,169,195,0.14)}.dark body.incallx .codex-user-avatar-wrap .vip-badge{position:absolute;right:-4px;bottom:-3px;top:auto;width:28px;height:18px;border-radius:999px;z-index:2}.dark body.incallx .codex-user-identity{min-width:0;flex:1 1 auto;padding-bottom:5px}.dark body.incallx .codex-user-popover-name{margin:0 0 4px;color:#f5f9ff !important;font-size:15px;font-weight:860;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx .codex-user-popover-meta{display:flex;align-items:center;gap:5px;min-width:0;margin:0;color:#a5b6cb !important;font-size:11px !important;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx .codex-user-popover-meta span{color:#6f8198;overflow:hidden;text-overflow:ellipsis}.dark body.incallx .codex-user-popover-about{display:flex;align-items:flex-start;gap:9px;min-height:42px;margin-top:14px;padding:11px 12px;border:1px solid rgba(148,169,195,0.13);border-radius:14px;background:rgba(148,169,195,0.06);color:#c8d6e7;font-size:12px;font-weight:650;line-height:1.45}.dark body.incallx .codex-user-popover-about.is-empty{color:#7f90a6}.dark body.incallx .codex-user-popover-about .ti{flex:0 0 auto;margin-top:2px;color:#62dfc9}.dark body.incallx .codex-user-card-popover .card-footer{padding:12px 16px 16px;border-top:1px solid rgba(148,169,195,0.12);background:rgba(8,13,22,0.32)}.dark body.incallx .codex-user-card-popover .card-footer .d-flex{gap:8px !important}.dark body.incallx .codex-user-card-popover .btn{min-height:38px;border-radius:13px;font-size:13px;font-weight:800}.dark body.incallx .codex-user-card-popover .btn-secondary{color:#eef6ff;border-color:rgba(148,169,195,0.16);background:rgba(148,169,195,0.16)} /* codex user card profile polish dark 20260515 end */ /* codex channel unread/action polish dark 20260515 start */ .dark body.incallx .channel-main{position:relative}.dark body.incallx .channel-main>.unread-indicator{position:absolute;left:7px;top:50%;z-index:3;width:6px;height:6px;min-width:6px;border-radius:999px;border:1px solid rgba(14,22,34,0.92);background:#ff6b72 !important;box-shadow:0 0 0 2px rgba(255,107,114,0.1),0 6px 12px rgba(255,107,114,0.22);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(0.74);transition:opacity 140ms ease,transform 140ms ease,box-shadow 140ms ease}.dark body.incallx .channel-main>.unread-indicator.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.dark body.incallx .channel-main:has(.channel-item.active)>.unread-indicator{opacity:0;transform:translate(-50%,-50%) scale(0.74)}.dark body.incallx .channel-main .channel-item{display:flex;align-items:center;gap:6px;min-width:0;padding:0 5px 0 13px;overflow:visible}.dark body.incallx .channel-item.active::after{display:none !important}.dark body.incallx .channel-main .channel-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:14px}.dark body.incallx .channel-main .channel-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx .channel-main .mute-icon,.dark body.incallx .channel-main .subscribe-icon{flex:0 0 15px;width:15px;min-width:15px;margin-left:0 !important;color:#8da1ba}.dark body.incallx .channel-main .channel-actions{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;position:relative;z-index:4}.dark body.incallx .channel-main .channel-options{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;color:#8fa2bb;transition:background-color 140ms ease,color 140ms ease,transform 140ms ease}.dark body.incallx .channel-main .channel-options:hover,.dark body.incallx .channel-main .channel-options[aria-expanded="true"]{color:#f5fbff;background:rgba(148,169,195,0.15)}.dark body.incallx .channel-main .channel-options .ti-dots-vertical{margin:0;font-size:17px;line-height:1}@media (prefers-reduced-motion:reduce){.dark body.incallx .channel-main>.unread-indicator,.dark body.incallx .channel-main .channel-options{transition:none}} /* codex channel unread/action polish dark 20260515 end */ /* codex user popover composition refine dark 20260515 start */ .dark body.incallx .codex-user-popover{width:320px !important;max-width:calc(100vw - 28px);border:1px solid rgba(148,169,195,0.14);border-radius:22px;background:#0d1522;box-shadow:0 28px 80px rgba(0,0,0,0.54),0 0 0 1px rgba(255,255,255,0.035)}.dark body.incallx .codex-user-card-popover{border:0;border-radius:22px;background:linear-gradient(180deg,#111b2a 0%,#0b121d 100%)}.dark body.incallx .codex-user-card-popover .codex-user-cover{min-height:104px;background-color:#172338}.dark body.incallx .codex-user-card-popover .codex-user-cover::after{background:linear-gradient(180deg,rgba(7,12,20,0.04) 0%,rgba(7,12,20,0.18) 48%,rgba(12,19,31,0.74) 100%),radial-gradient(circle at 18% 18%,rgba(255,255,255,0.18),transparent 36%)}.dark body.incallx .codex-user-card-popover .card-body{padding:0 18px 14px}.dark body.incallx .codex-user-card-head{align-items:flex-start;gap:14px;margin-top:-38px;position:relative;z-index:1}.dark body.incallx .codex-user-avatar-wrap{flex-basis:72px;width:72px;height:72px}.dark body.incallx .codex-user-card-popover .codex-user-avatar-wrap .user-image{width:72px;height:72px;border:4px solid #0d1522;border-radius:22px;background:#101b2b;box-shadow:0 16px 34px rgba(0,0,0,0.4),0 0 0 1px rgba(148,169,195,0.2)}.dark body.incallx .codex-user-identity{padding-top:43px;padding-bottom:0}.dark body.incallx .codex-user-popover-name{margin-bottom:3px;color:#f7fbff !important;font-size:15.5px;letter-spacing:-0.01em}.dark body.incallx .codex-user-popover-meta{color:#9fb2c9 !important;font-size:11.5px !important}.dark body.incallx .codex-user-popover-meta span{color:#70849d}.dark body.incallx .codex-user-popover-about{align-items:center;min-height:44px;margin-top:14px;padding:10px 12px;border-color:rgba(148,169,195,0.16);border-radius:15px;background:rgba(148,169,195,0.07);color:#cbd8e8}.dark body.incallx .codex-user-popover-about .ti{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:0;border-radius:8px;background:rgba(98,223,201,0.1)}.dark body.incallx .codex-user-popover-about span{min-width:0}.dark body.incallx .codex-user-card-popover .card-footer{padding:2px 18px 18px;border-top:0;background:transparent}.dark body.incallx .codex-user-card-popover .card-footer .d-flex{justify-content:center !important}.dark body.incallx .codex-user-card-popover .btn{min-height:40px;padding:0 16px;border-radius:14px}.dark body.incallx .codex-user-card-popover .card-footer .btn:only-child,.dark body.incallx .codex-user-card-popover .card-footer .d-flex>.btn{min-width:116px}.dark body.incallx .codex-user-card-popover .btn-secondary{color:#edf5ff;border-color:rgba(148,169,195,0.2);background:rgba(148,169,195,0.14)}.dark body.incallx .codex-user-card-popover .btn-secondary:hover{border-color:rgba(98,223,201,0.34);background:rgba(98,223,201,0.14)}.dark body.incallx #remarkModal .modal-dialog{margin-top:clamp(86px,13vh,150px)}.dark body.incallx #remarkModal .modal-content{border:1px solid rgba(148,169,195,0.16);border-radius:18px;background:#101722;box-shadow:0 30px 90px rgba(0,0,0,0.46)}.dark body.incallx #remarkModal .modal-header,.dark body.incallx #remarkModal .modal-footer{border-color:rgba(148,169,195,0.12)}.dark body.incallx #remarkModal .modal-body{padding:22px 22px 16px}.dark body.incallx #remarkModalUser{margin-bottom:12px;color:#d7e2f0;font-weight:720}.dark body.incallx #remarkInput{min-height:42px;border-radius:12px;border-color:rgba(148,169,195,0.14);background:rgba(20,30,44,0.86);color:#eef6ff}.dark body.incallx #remarkModal .modal-footer .btn{min-width:76px;min-height:38px;border-radius:12px;font-weight:760}@media (max-width:575.98px){.dark body.incallx #remarkModal .modal-dialog{margin:72px 12px 16px}} /* codex user popover composition refine dark 20260515 end */ /* codex fixed work surface dark 20260515 start */ .dark body.incallx{overflow:hidden}.dark body.incallx #wrapper,.dark body.incallx .main-tab-content,.dark body.incallx .main-tab-pane,.dark body.incallx .page-content-wrapper{height:calc(var(--vh,1vh) * 100);max-height:calc(var(--vh,1vh) * 100);min-height:0;overflow:hidden}.dark body.incallx .page-content-wrapper{display:flex;flex-direction:column;min-width:0}.dark body.incallx .page-content-wrapper>.topbar{flex:0 0 auto}.dark body.incallx:is(.group-chat,.private-chat){flex:1 1 auto;min-height:0;overflow:hidden}.dark body.incallx:is(.group-chat,.private-chat)>.wrapper{height:100%;min-height:0;overflow:hidden}.dark body.incallx:is(.group-chat,.private-chat) .main-panel{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden}.dark body.incallx:is(.group-chat,.private-chat) .chat-scroll{flex:1 1 auto;min-height:0;overflow:hidden}.dark body.incallx:is(.group-chat,.private-chat) .messages.chats{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.dark body.incallx:is(.room-editor,.private-editor),.dark body.incallx:is(.ad-main-top,.ad-main-bottom),.dark body.incallx .main-panel>.room-notice{flex:0 0 auto}.dark body.incallx .website-panel{height:100%;min-height:0;overflow:hidden}.dark body.incallx .website-panel iframe{width:100%;height:100%}.dark body.incallx .rightbar-wrapper{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden !important}.dark body.incallx .rightbar-wrapper #rpanel-tab{flex:0 0 auto}.dark body.incallx .rightbar-wrapper #rpanel-tabContent{flex:1 1 auto;min-height:0;overflow:hidden}.dark body.incallx .rightbar-wrapper #rpanel-tabContent>.tab-pane.active{height:100%;min-height:0}.dark body.incallx .rightbar-wrapper .height-scroll-rpanelx{height:100% !important;max-height:100% !important;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}@supports (height:100dvh){.dark body.incallx #wrapper,.dark body.incallx .main-tab-content,.dark body.incallx .main-tab-pane,.dark body.incallx .page-content-wrapper{height:100dvh;max-height:100dvh}} /* codex fixed work surface dark 20260515 end */ /* codex user popover name flow dark 20260515 start */ .dark body.incallx .codex-user-card-popover .card-body{padding:0 18px 14px}.dark body.incallx .codex-user-card-head{display:block;margin-top:-42px}.dark body.incallx .codex-user-avatar-wrap{display:block}.dark body.incallx .codex-user-identity{padding-top:11px;padding-bottom:0}.dark body.incallx .codex-user-popover-name{max-width:100%;margin:0 0 5px;font-size:16px;line-height:1.22}.dark body.incallx .codex-user-popover-meta{justify-content:flex-start;gap:6px;max-width:100%}.dark body.incallx .codex-user-popover-about{margin-top:15px} /* codex user popover name flow dark 20260515 end */ /* codex gif picker resilience dark 20260515 start */ .dark body.incallx .gif-list{min-height:132px}.dark body.incallx .send-gif{padding:5px;cursor:pointer}.dark body.incallx .send-gif .gif-preview{display:block;width:100%;min-height:82px;object-fit:cover;border:1px solid rgba(148,169,195,0.12);border-radius:12px;background:rgba(8,13,20,0.42);transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.dark body.incallx .send-gif:hover .gif-preview{transform:translateY(-1px);border-color:rgba(98,223,201,0.36);box-shadow:0 12px 30px rgba(0,0,0,0.28)}.dark body.incallx .gif-picker-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;margin:8px;padding:20px;border:1px dashed rgba(148,169,195,0.2);border-radius:16px;background:rgba(13,20,30,0.52);color:#d7e2f0;font-size:13px;font-weight:720;letter-spacing:0.01em;text-align:center}.dark body.incallx .gif-picker-state span{margin-top:6px;color:rgba(215,226,240,0.62);font-size:12px;font-weight:600} /* codex gif picker resilience dark 20260515 end */ /* codex status dot contrast dark 20260515 start */ .dark body.incallx:is(.room-users,.group-users,.private-list) .online-status .ti,.dark body.incallx .current-status.online-status .ti{background:#6f7b8d !important;color:#6f7b8d !important;border:2px solid #111822 !important}.dark body.incallx:is(.room-users,.group-users,.private-list) .online-status.online .ti,.dark body.incallx .current-status.online-status.online .ti{background:#35d59a !important;color:#35d59a !important;border-color:#111822 !important;box-shadow:0 0 0 1px rgba(53,213,154,0.52),0 4px 13px rgba(53,213,154,0.26) !important}.dark body.incallx:is(.room-users,.group-users,.private-list) .online-status.offline .ti,.dark body.incallx .current-status.online-status.offline .ti{background:#6f7b8d !important;color:#6f7b8d !important;border-color:#111822 !important}.dark body.incallx:is(.room-users,.group-users,.private-list) .online-status.busy .ti,.dark body.incallx .current-status.online-status.busy .ti{background:#ff6877 !important;color:#ff6877 !important;border-color:#111822 !important}.dark body.incallx:is(.room-users,.group-users,.private-list) .online-status.away .ti,.dark body.incallx .current-status.online-status.away .ti{background:#ffd35a !important;color:#ffd35a !important;border-color:#111822 !important} /* codex status dot contrast dark 20260515 end */ /* codex presence semantic fix dark 20260515 start */ .dark:is(body.incallx,.incallx):is(.room-users,.group-users,.private-list) .online-status .ti,.dark:is(body.incallx,.incallx) .current-status.online-status .ti{width:14px !important;height:14px !important;min-width:14px !important;min-height:14px !important;border-radius:999px !important;background:#6f7b8d !important;color:#6f7b8d !important;border:2px solid #111822 !important;box-shadow:0 2px 7px rgba(0,0,0,0.28) !important}.dark:is(body.incallx,.incallx):is(.room-users,.group-users,.private-list) .online-status:is(.online,[data-online-status="1"],[data-online-status="true"]):not(.busy):not(.away) .ti,.dark:is(body.incallx,.incallx) .current-status.online-status.online .ti{background:#37dc9b !important;color:#37dc9b !important;border-color:#111822 !important;box-shadow:0 0 0 1px rgba(55,220,155,0.56),0 4px 13px rgba(55,220,155,0.28) !important}.dark:is(body.incallx,.incallx):is(.room-users,.group-users,.private-list) .online-status.busy .ti,.dark:is(body.incallx,.incallx) .current-status.online-status.busy .ti{background:#ff6877 !important;color:#ff6877 !important;border-color:#111822 !important}.dark:is(body.incallx,.incallx):is(.room-users,.group-users,.private-list) .online-status.away .ti,.dark:is(body.incallx,.incallx) .current-status.online-status.away .ti{background:#ffd35a !important;color:#ffd35a !important;border-color:#111822 !important} /* codex presence semantic fix dark 20260515 end */ /* codex logo clarity contrast dark 20260515 start */ .dark body.incallx .mini-brand{padding:8px 0 10px !important}.dark body.incallx .mini-brand a{width:52px !important;height:52px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;border-radius:18px !important;border:1px solid rgba(91,109,132,0.58) !important;background:radial-gradient(circle at 34% 18%,rgba(255,255,255,0.12),transparent 34px),linear-gradient(145deg,#253243 0%,#111925 100%) !important;box-shadow:0 14px 32px rgba(0,0,0,0.48),inset 0 1px 0 rgba(255,255,255,0.1),0 0 0 1px rgba(56,189,248,0.12) !important}.dark body.incallx .mini-brand img{width:42px !important;height:42px !important;max-width:42px !important;max-height:42px !important;object-fit:contain !important;border-radius:14px !important;background:transparent !important;box-shadow:none !important;filter:brightness(0) invert(1) contrast(1.16) drop-shadow(0 1px 2px rgba(0,0,0,0.38));transform:translateZ(0);backface-visibility:hidden} /* codex logo clarity contrast dark 20260515 end */ /* codex discord message density dark 20260515 start */ .dark body.incallx .messages{--codex-msg-row-hover:rgba(142,163,190,0.075);--codex-msg-name-divider:rgba(148,169,195,0.34);--codex-msg-sent-rail:rgba(55,220,176,0.56)}.dark body.incallx .messages .cht:hover{background:var(--codex-msg-row-hover) !important;box-shadow:inset 0 0 0 1px rgba(148,169,195,0.055)}.dark body.incallx .messages .cht .message-data{color:#edf4ff !important;background:transparent !important;border-color:transparent !important;box-shadow:none !important}.dark body.incallx .messages .cht.sent .message-data{color:#effff9 !important;border-right-color:var(--codex-msg-sent-rail) !important}.dark body.incallx .messages .chat-txt,.dark body.incallx .messages .chat-rich-html,.dark body.incallx .messages .chat-rich-html p,.dark body.incallx .messages .chat-rich-html li,.dark body.incallx .messages .chat-rich-html div,.dark body.incallx .messages .chat-rich-html span{color:#edf4ff !important;background:transparent !important;border-color:transparent !important;box-shadow:none !important}.dark body.incallx .messages .cht.sent .chat-txt,.dark body.incallx .messages .cht.sent .chat-rich-html,.dark body.incallx .messages .cht.sent .chat-rich-html p,.dark body.incallx .messages .cht.sent .chat-rich-html li,.dark body.incallx .messages .cht.sent .chat-rich-html div,.dark body.incallx .messages .cht.sent .chat-rich-html span{color:#effff9 !important}.dark body.incallx .messages .cht .message-data>small.sender-name{color:#a6b6ca !important;text-shadow:0 1px 0 rgba(0,0,0,0.18)}.dark body.incallx .messages .cht.replies .message-data>small.sender-name{color:#99c1ff !important}.dark body.incallx .messages .cht.sent .message-data>small.sender-name{color:#67e8cf !important}.dark body.incallx .messages:is(.chat-img-sgl,.chat-img-duo,.chat-img-grp,.chat-gif){background:rgba(9,14,22,0.38) !important;border:1px solid rgba(148,169,195,0.17) !important;box-shadow:0 10px 26px rgba(0,0,0,0.22)}.dark body.incallx .messages .cht.sent:is(.chat-img-sgl,.chat-img-duo,.chat-img-grp,.chat-gif){background:rgba(19,72,66,0.26) !important;border-color:rgba(55,220,176,0.2) !important}.dark body.incallx .messages:is(.link-preview,.link-meta,.file-section,.video-section,.chat-audio,.chat-code,.chat-fwd,.chat-replied-bubble){background:rgba(25,34,46,0.9) !important;border:1px solid rgba(148,169,195,0.16) !important;color:#e8f0fb !important;box-shadow:0 10px 26px rgba(0,0,0,0.18)}.dark body.incallx .messages .cht.sent:is(.link-meta,.file-section,.video-section,.chat-audio,.chat-code,.chat-fwd,.chat-replied-bubble){background:rgba(24,95,86,0.34) !important;border-color:rgba(55,220,176,0.24) !important;color:#effff9 !important}.dark body.incallx .messages .file-caption{color:#cbd7e7 !important}.dark body.incallx .messages .message-time,.dark body.incallx .messages .message-status{color:#8798ad !important}.dark body.incallx .messages .message-status.read{color:#58dfbe !important}@media (prefers-reduced-motion:reduce){.dark body.incallx .messages .cht,.dark body.incallx .messages .message-meta{transition:none !important}} /* codex discord message density dark 20260515 end */ /* codex sent message unframe dark 20260515 start */ .dark body.incallx .messages .cht.sent .message-data,body.incallx.dark .messages .cht.sent .message-data{padding-right:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important}.dark body.incallx .messages .cht.sent:is(.chat-txt,.message-html,.chat-rich-html,.chat-rich-html p,.chat-rich-html li,.chat-rich-html div,.chat-rich-html span),body.incallx.dark .messages .cht.sent:is(.chat-txt,.message-html,.chat-rich-html,.chat-rich-html p,.chat-rich-html li,.chat-rich-html div,.chat-rich-html span){color:#effff9 !important;background:transparent !important;border:0 !important;box-shadow:none !important}.dark body.incallx .messages .cht.sent:is(.chat-img-sgl,.chat-img-duo,.chat-img-grp,.chat-gif),body.incallx.dark .messages .cht.sent:is(.chat-img-sgl,.chat-img-duo,.chat-img-grp,.chat-gif){padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important}.dark body.incallx .messages .cht.sent:is(.chat-img-sgl,.chat-img-duo,.chat-img-grp) img,.dark body.incallx .messages .cht.sent .chat-gif img,body.incallx.dark .messages .cht.sent:is(.chat-img-sgl,.chat-img-duo,.chat-img-grp) img,body.incallx.dark .messages .cht.sent .chat-gif img{border:0 !important;box-shadow:none !important} /* codex sent message unframe dark 20260515 end */ /* codex search offcanvas visibility dark 20260515 start */ .dark body.incallx #offcanvasSearch,body.incallx.dark #offcanvasSearch{background:radial-gradient(circle at 18% 0%,rgba(56,189,248,0.06),transparent 240px),linear-gradient(180deg,rgba(22,29,40,0.99),rgba(18,24,34,0.99)) !important;border-left:1px solid rgba(148,169,195,0.18) !important;box-shadow:-18px 0 42px rgba(0,0,0,0.32);color:#eaf2ff !important}.dark body.incallx #offcanvasSearch .offcanvas-header,body.incallx.dark #offcanvasSearch .offcanvas-header{border-bottom:1px solid rgba(148,169,195,0.14);background:rgba(14,21,31,0.68)}.dark body.incallx #offcanvasSearch .chat-search-query,body.incallx.dark #offcanvasSearch .chat-search-query{color:#eef6ff !important;background:rgba(10,16,25,0.76) !important;border:1px solid rgba(148,169,195,0.22) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.035),0 8px 20px rgba(0,0,0,0.16)}.dark body.incallx #offcanvasSearch .chat-search-query::placeholder,body.incallx.dark #offcanvasSearch .chat-search-query::placeholder{color:#7f90a6 !important}.dark body.incallx #offcanvasSearch .input-icon-addon,body.incallx.dark #offcanvasSearch .input-icon-addon{color:#94a8bf !important}.dark body.incallx #offcanvasSearch .btn-close,body.incallx.dark #offcanvasSearch .btn-close{background-color:rgba(148,169,195,0.1) !important;filter:invert(1)}.dark body.incallx #offcanvasSearch .chat-search-results:empty::before,body.incallx.dark #offcanvasSearch .chat-search-results:empty::before{color:#8fa0b6;background:rgba(10,16,25,0.34);border:1px dashed rgba(148,169,195,0.18)}.dark body.incallx #offcanvasSearch .chat-search-result,body.incallx.dark #offcanvasSearch .chat-search-result{background:rgba(30,40,54,0.94) !important;border:1px solid rgba(148,169,195,0.13);color:#eaf2ff !important}.dark body.incallx #offcanvasSearch .chat-search-result:hover,body.incallx.dark #offcanvasSearch .chat-search-result:hover{background:rgba(43,56,75,0.98) !important} /* codex search offcanvas visibility dark 20260515 end */ /* codex channel header transparency restore dark 20260516 start */ .dark body.incallx .topbar.topbar-channels{position:relative;z-index:1200;min-height:60px;overflow:visible !important;background-image:none !important;background-color:transparent;border-bottom:1px solid rgba(148,169,195,0);box-shadow:none;backdrop-filter:none;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,backdrop-filter 180ms ease}.dark body.incallx .channel-bar:not(.room-img-shown) .topbar.topbar-channels{border-bottom-color:rgba(148,169,195,0.18);box-shadow:0 12px 26px rgba(0,0,0,0.24);backdrop-filter:blur(14px)} /* codex channel header transparency restore dark 20260516 end */ /* codex sidebar brand room header polish dark 20260516 start */ .dark body.incallx .mini-brand{padding:8px 0 10px !important}.dark body.incallx .mini-brand a{width:52px !important;height:52px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;border-radius:18px !important;border:1px solid rgba(121,142,166,0.42) !important;background:radial-gradient(circle at 34% 18%,rgba(255,255,255,0.12),transparent 34px),linear-gradient(145deg,#263344 0%,#111925 100%) !important;box-shadow:0 14px 32px rgba(0,0,0,0.46),inset 0 1px 0 rgba(255,255,255,0.1),0 0 0 1px rgba(56,189,248,0.12) !important}.dark body.incallx .mini-brand img{width:42px !important;height:42px !important;max-width:42px !important;max-height:42px !important;object-fit:contain !important;border-radius:14px !important;background:transparent !important;box-shadow:none !important;filter:brightness(0) invert(1) contrast(1.16) drop-shadow(0 1px 2px rgba(0,0,0,0.38));transform:translateZ(0);backface-visibility:hidden}.dark body.incallx .channel-bar.room-img-shown .topbar.topbar-channels{align-items:center;padding-left:12px;padding-right:12px;background:linear-gradient(90deg,rgba(3,8,16,0.76),rgba(8,14,24,0.5) 62%,rgba(8,14,24,0.16)),linear-gradient(180deg,rgba(2,6,12,0.5),rgba(2,6,12,0)) !important;border-bottom-color:rgba(148,169,195,0.12) !important;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.035) !important;backdrop-filter:blur(8px) saturate(1.04)}.dark body.incallx .channel-bar.room-img-shown .room-name{min-width:0;color:#eef6ff !important;text-shadow:none !important}.dark body.incallx .channel-bar.room-img-shown .room-name .dropdown-toggle{min-height:38px;padding:7px 9px;border-radius:13px;color:#eef6ff !important;background:rgba(6,12,22,0.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.065)}.dark body.incallx .channel-bar.room-img-shown .room-name .dropdown-toggle:hover{color:#ffffff !important;background:rgba(8,16,28,0.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.11)}.dark body.incallx .channel-bar.room-img-shown .room-name .dropdown-toggle::after{margin-left:auto;color:currentColor;opacity:0.82;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.45))}.dark body.incallx .channel-bar.room-img-shown .room-title{width:calc(100% - 18px);color:#eef6ff !important;font-weight:850;letter-spacing:0.01em;text-shadow:0 1px 3px rgba(0,0,0,0.54)}.dark body.incallx .channel-bar.room-img-shown .room-img::before{height:96px;background:linear-gradient(180deg,rgba(2,5,11,0.78),rgba(2,5,11,0.38) 48%,rgba(2,5,11,0)) !important}.dark body.incallx .channel-bar.room-img-shown .room-img img{width:100%;min-height:110px;object-fit:cover;object-position:center top;filter:saturate(0.92) contrast(1.06) brightness(0.82)}@media (max-width:767.98px){.dark body.incallx .channel-bar.room-img-shown .topbar.topbar-channels{padding-left:10px;padding-right:10px}.dark body.incallx .channel-bar.room-img-shown .room-name .dropdown-toggle{min-height:36px;padding:6px 8px}} /* codex sidebar brand room header polish dark 20260516 end */ /* codex scrolled room header tone dark 20260516 start */ .dark body.incallx .channel-bar:not(.room-img-shown) .topbar.topbar-channels{background:radial-gradient(circle at 8% 0%,rgba(56,189,248,0.12),transparent 140px),linear-gradient(180deg,rgba(18,29,43,0.98),rgba(11,18,29,0.96)) !important;border-bottom-color:rgba(56,189,248,0.13) !important;box-shadow:0 14px 30px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.055),inset 0 -1px 0 rgba(56,189,248,0.055) !important;backdrop-filter:blur(16px) saturate(1.08)}.dark body.incallx .channel-bar:not(.room-img-shown) .room-name{color:#eef6ff !important;text-shadow:none !important}.dark body.incallx .channel-bar:not(.room-img-shown) .room-name .dropdown-toggle{min-height:38px;padding:7px 9px;border-radius:13px;color:#eef6ff !important;background:rgba(255,255,255,0.035);box-shadow:inset 0 0 0 1px rgba(148,169,195,0.075)}.dark body.incallx .channel-bar:not(.room-img-shown) .room-name .dropdown-toggle:hover{color:#ffffff !important;background:rgba(56,189,248,0.075);box-shadow:inset 0 0 0 1px rgba(56,189,248,0.15)}.dark body.incallx .channel-bar:not(.room-img-shown) .room-name .dropdown-toggle::after{margin-left:auto;opacity:0.72}.dark body.incallx .channel-bar:not(.room-img-shown) .room-title{width:calc(100% - 18px);color:#eef6ff !important;font-weight:850;letter-spacing:0.01em;text-shadow:none !important} /* codex scrolled room header tone dark 20260516 end */ /* codex mobile user list drawer polish dark 20260516 start */ @media (max-width:767.98px){.dark body.incallx:not(.sb-rightnav-toggled) #wrapper .rightbar-wrapper{display:none !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper{--codex-mobile-rpanel-top:58px;position:fixed !important;top:var(--codex-mobile-rpanel-top) !important;right:0 !important;bottom:0 !important;left:auto !important;z-index:3300 !important;display:flex !important;flex-direction:column !important;width:min(84vw,326px) !important;min-width:0 !important;max-width:calc(100vw - 44px) !important;height:calc(100vh - var(--codex-mobile-rpanel-top)) !important;max-height:calc(100vh - var(--codex-mobile-rpanel-top)) !important;margin:0 !important;overflow:hidden !important;border-left:1px solid rgba(148,169,195,0.17) !important;border-top-left-radius:18px;background:radial-gradient(circle at 16% 0%,rgba(56,189,248,0.1),transparent 180px),linear-gradient(180deg,rgba(18,27,39,0.98),rgba(12,18,28,0.98)) !important;box-shadow:-18px 0 38px rgba(0,0,0,0.34);backdrop-filter:blur(18px) saturate(1.08)}@supports (height:100dvh){.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper{height:calc(100dvh - var(--codex-mobile-rpanel-top)) !important;max-height:calc(100dvh - var(--codex-mobile-rpanel-top)) !important}}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper #rpanel-tab{display:flex;flex:0 0 auto;gap:6px;min-height:48px;margin:0 !important;padding:7px 8px !important;overflow-x:auto;border-bottom:1px solid rgba(148,169,195,0.12);background:rgba(10,16,25,0.48) !important;scrollbar-width:none}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper #rpanel-tab::-webkit-scrollbar{display:none}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper #rpanel-tab .nav-item{flex:0 0 auto;margin:0 !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper #rpanel-tab .nav-link{width:38px !important;min-width:38px !important;height:34px !important;min-height:34px !important;padding:0 !important;border-radius:12px !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper #rpanel-tabContent{flex:1 1 auto;min-height:0;overflow:hidden}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper .height-scroll-rpanelx{height:100% !important;max-height:100% !important;min-height:0;padding-top:6px !important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper .codex-rpanel-section-label{margin:3px 10px 7px;padding:6px 8px;border-radius:12px;font-size:10px;letter-spacing:0.1em;background:rgba(24,34,48,0.68)}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users-row,.group-users-row)>.m-1{margin:0 10px 8px !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-user-search,.group-user-search){min-height:36px !important;border-radius:13px !important;background:rgba(11,17,27,0.76) !important;box-shadow:inset 0 0 0 1px rgba(148,169,195,0.1)}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users){padding:1px 10px 14px !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper .codex-user-section{padding:0 0 7px !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper .codex-user-section-heading{top:0;margin:4px 0 6px !important;padding:6px 4px 5px !important;border-radius:10px;background:linear-gradient(180deg,rgba(17,25,37,0.96),rgba(17,25,37,0.82)) !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list) .user-row{min-height:52px;margin:5px 0 !important;padding:8px 9px !important;border-radius:14px !important;background:linear-gradient(145deg,rgba(23,32,46,0.94),rgba(16,24,35,0.9)) !important;box-shadow:0 7px 16px rgba(0,0,0,0.24) !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list) .user-row>.d-flex{width:100%;align-items:center;min-width:0}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list) .channel-user-image{flex:0 0 34px !important;width:34px !important;height:34px !important;margin-right:9px !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list) .channel-user-image img.img-profile{width:34px !important;height:34px !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list) .channel-user-details{flex:1 1 0 !important;width:calc(100% - 43px) !important;max-width:calc(100% - 43px) !important;min-width:0 !important;display:block !important}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list) .user-name-row{width:100%;min-width:0;gap:4px;overflow:hidden}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list) .channel-user-name{font-size:13px !important;line-height:1.25}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.room-users,.group-users,.private-list):is(.badge.bg-primary,.user-type-badge){height:18px;max-width:58px;padding:0 6px !important;border-radius:7px;font-size:9px !important;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark body.incallx.sb-rightnav-toggled #wrapper .rightbar-wrapper:is(.user-status,.user-mute-icon,.user-room-mute-icon,.user-subscribe-icon):empty{display:none !important}} /* codex mobile user list drawer polish dark 20260516 end */ /* codex sidebar zoom fit dark 20260516 start */ @media (max-width:520px){.dark body.incallx #wrapper{--codex-rail-width:clamp(60px,17vw,72px);--codex-channel-width:calc(100vw - var(--codex-rail-width));min-width:0}.dark body.incallx .room-bar{width:var(--codex-rail-width) !important;min-width:var(--codex-rail-width) !important;max-width:var(--codex-rail-width) !important;flex:0 0 var(--codex-rail-width) !important}.dark body.incallx #wrapper .sidebar-wrapper{width:var(--codex-channel-width) !important;min-width:0 !important;max-width:var(--codex-channel-width) !important;flex:0 1 var(--codex-channel-width) !important;flex-shrink:1 !important;overflow:hidden !important}.dark body.incallx #wrapper .sidebar-wrapper .channel-bar{width:100% !important;min-width:0 !important;max-width:100% !important;flex:1 1 auto !important;flex-shrink:1 !important;overflow:hidden}.dark body.incallx:is(.channel-container,.channel-list,.channel-cat,.disc-cat-list){min-width:0;max-width:100%;overflow-x:hidden}.dark body.incallx .channel-bar .topbar.topbar-channels{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding-left:10px !important;padding-right:10px !important;overflow:hidden !important}.dark body.incallx .channel-bar .room-name,.dark body.incallx .channel-bar .room-name .dropdown-toggle{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.dark body.incallx .channel-bar .room-name .dropdown-toggle{gap:8px}.dark body.incallx .channel-bar .room-name .dropdown-toggle::after{flex:0 0 auto;margin-left:0 !important}.dark body.incallx .channel-bar .room-name span,.dark body.incallx .channel-bar .room-title{display:block;flex:1 1 auto;width:auto !important;min-width:0 !important;max-width:none !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx .channel-list-bottom{width:100%;min-width:0;max-width:100%;box-sizing:border-box;gap:6px;overflow:hidden !important;padding-left:9px !important;padding-right:7px !important}.dark body.incallx .channel-list-bottom>.dropup{flex:1 1 auto;min-width:0;max-width:calc(100% - 70px)}.dark body.incallx .channel-list-bottom>.ms-auto{flex:0 0 auto;min-width:0;margin-left:2px !important;gap:4px}.dark body.incallx .channel-list-bottom>.ms-auto:is(.dropup,.me-2){margin-right:0 !important}.dark body.incallx .channel-list-bottom>.ms-auto a{width:32px !important;height:32px !important;min-width:32px !important;padding:0 !important;border-radius:11px;display:inline-flex !important;align-items:center !important;justify-content:center !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm{width:100% !important;min-width:0 !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm>.position-relative{width:36px !important;height:36px !important;flex:0 0 36px !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm img.rounded-circle{width:36px !important;height:36px !important}.dark body.incallx .channel-list-bottom #dropdownUserbtm .username-bottom{flex:1 1 auto;min-width:0;max-width:none !important;margin-left:8px !important;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark body.incallx .channel-list-bottom #dropdownUserbtm .vip-badge{top:-5px;right:-5px}}@media (max-width:370px){.dark body.incallx #wrapper{--codex-rail-width:60px}.dark body.incallx .channel-list-bottom{gap:4px;padding-left:7px !important;padding-right:5px !important}.dark body.incallx .channel-list-bottom>.dropup{max-width:calc(100% - 64px)}.dark body.incallx .channel-list-bottom>.ms-auto a{width:30px !important;height:30px !important;min-width:30px !important}} /* codex sidebar zoom fit dark 20260516 end */