:root{--cp:#00A36C;--cps:rgba(0,163,108,0.12);--bg:#F6F7F9;--p:#FFFFFF;--p2:#F8FAFC;--ph:#F1F5F9;--t:#111827;--m:#6B7280;--l:#E5E7EB;--ci:#EEF2F3;--cib:#E0E0E0;--co:var(--cp);--cbg:#DBEAFE;--cb:#BFDBFE;--ct:#1E3A8A;--bbg:#ECFDF3;--bb:#A7F3D0;--bt:#065F46;--bib:#D1FAE5;--bi:#047857;--bd:#10B981;--r:8px;--rl:12px;--s1:0 1px 2px rgba(0,0,0,0.05);--s2:0 8px 24px rgba(0,0,0,0.08);--si:inset -2px 0 5px rgba(0,0,0,0.03),2px 0 8px rgba(0,0,0,0.05)}
body.dark-mode,[data-theme=dark]{--bg:#0B0F14;--p:#121826;--p2:#0F1623;--ph:#1C2433;--t:#E5E7EB;--m:#9CA3AF;--l:#263244;--ci:#1C2433;--cib:#2B3648;--co:var(--cp);--cbg:#192233;--cb:#2B3648;--ct:#C7D2FE;--bbg:#06281F;--bb:#0F3D2F;--bt:#A7F3D0;--bib:#0B3A2B;--bi:#34D399;--bd:#34D399;--s1:0 1px 2px rgba(0,0,0,0.35);--s2:0 10px 28px rgba(0,0,0,0.45);--si:inset -2px 0 5px rgba(0,0,0,0.3),2px 0 8px rgba(0,0,0,0.4)}
html,body{color:var(--t)!important;background:var(--bg)!important;-webkit-font-smoothing:antialiased;font-family:'Inter','Roboto',sans-serif!important;font-size:15px!important;height:100%!important}
*:focus,*:active,.form-control:focus,button:focus,a:focus{outline:0!important;box-shadow:none!important}
h1,h2,h3,h4,p,span,label,li,a,div:not(.message):not(.bot-bg){color:var(--t)!important}
.text-muted,.text-secondary,small,.muted-text{color:var(--m)!important}
a{color:var(--cp)!important;text-decoration:none}
.dark-mode .main-app,.dark-mode .vueapp,.dark-mode .bg-white,.dark-mode .bg-light,.dark-mode .bg-gray,.dark-mode .card-body,.dark-mode .list-group-item,.dark-mode .pre-scrollable,.dark-mode .div_item,.dark-mode .box-content{background:var(--p)!important;color:var(--t)!important;border-color:var(--l)!important}
.dark-mode .badge-light{background:var(--p2)!important;color:var(--t)!important;border:1px solid var(--l)!important}
.dark-mode .item-action,.dark-mode .title.bold{color:var(--t)!important}
.dark-mode [style*="white"],.dark-mode [style*="#fff"],.dark-mode [style*="#FFF"],.dark-mode [style*="rgb(255"]{background:var(--p)!important;color:var(--t)!important}
.dark-mode [style*="rgb(34"]{color:var(--t)!important}
#app2,#app2>.row{height:100%!important}
#app2 .h-device:first-of-type{overflow-y:hidden!important;height:calc(100vh - 56px)!important}
#app2>.row>.h-device:nth-child(1),#app2>.row>.h-device:nth-child(3),#app2 .h-device.col-md-3,#app2 .panel,#app2 .card{background:var(--p)!important;color:var(--t)!important;border-color:var(--l)!important}
#app2>.row>.h-device:nth-child(2){background:var(--bg)!important;color:var(--t)!important}
#app2 .h-device.col-md-3 .d-flex.p-1:hover{background:var(--ph)!important;border-radius:var(--r)!important}
.card,.panel,.content,.chat-area,.chat-box,.chat-container{border-radius:var(--rl)!important;border:1px solid var(--l)!important;box-shadow:var(--s1);background:var(--p)!important}
#nav,.navbar-top{background:var(--p)!important;border-bottom:1px solid var(--l)!important;box-shadow:0 2px 4px rgba(0,0,0,0.08)!important}
.dark-mode #nav,.dark-mode .navbar-top{box-shadow:0 2px 4px rgba(0,0,0,0.2)!important}
.chatlevel-logo-custom{height:35px!important;width:auto!important;margin-right:20px!important;vertical-align:middle!important;transition:transform .3s}
.chatlevel-logo-custom:hover{transform:scale(1.1)}
#my_menu,#mysidebar,.sidebar{background:var(--p)!important;border-right:1px solid var(--l)!important;box-shadow:var(--si)!important}
#mysidebar ul li a,.new-nav-list li a,.sidebar-link{border-radius:8px!important;transition:all .15s;color:var(--m)!important}
.sidebar i,.sidebar .fa,#nav i,.new-nav-list li a i{color:var(--m)!important}
#mysidebar ul li a:hover,.new-nav-list li a:hover,.sidebar-link:hover{background:var(--ph)!important;color:var(--t)!important}
.active,.current,.nav-item-active,a.active,.is-active,#mysidebar ul li a.text-primary,.new-nav-list li a.text-primary{background:var(--ph)!important;color:var(--t)!important;border-left:3px solid var(--cp)!important;box-shadow:none!important;border-radius:0 8px 8px 0!important}
.active i,a.active i,.text-primary i{color:var(--cp)!important}
.main-app [class*='btn'],.btn.btn-primary,.btn.btn-success{background:var(--cp)!important;border-color:var(--cp)!important;color:#fff!important;border-radius:var(--r)!important;font-weight:600;transition:all .2s;box-shadow:none!important}
.main-app [class*='btn']:hover{filter:brightness(1.1)}
.btn.btn-outline-secondary{background:var(--p2)!important;color:var(--t)!important;border-color:var(--l)!important}
.btn.btn-outline-secondary:hover{background:var(--ph)!important}
.btn.btn-white,.btn-light{background:var(--p2)!important;border-color:var(--l)!important;box-shadow:none!important;color:var(--t)!important}
.btn.btn-white i:not(.channel),.btn-light i{color:var(--t)!important}
.btn.btn-white:hover,.btn-light:hover{background:var(--ph)!important}
#chat-user-list{padding:8px;background:var(--p2)!important}
#chat-user-list .media{background:var(--p)!important;border:1px solid var(--l)!important;border-radius:var(--rl)!important;margin-bottom:10px;box-shadow:var(--s1);transition:all .15s;overflow:hidden}
#chat-user-list .media:hover{background:var(--ph)!important;border-color:var(--m)!important}
#chat-user-list .media.btn-light{background:var(--ph)!important;border-color:var(--l)!important;box-shadow:none!important;border-left:3px solid var(--cp)!important}
#chat-user-list .media img,#chat-user-list .media .avatar,#chat-user-list .media .rounded-circle{border:1px solid var(--l)}
#chat-user-list .media .img-profile,#chat-user-list .media .img-profile img{width:44px!important;height:44px!important;border-radius:999px!important;object-fit:cover}
.chat-container{margin:8px!important;padding-bottom:8px!important;position:relative!important;z-index:2!important;max-height:calc(100vh - 16px);overflow:hidden}
.chat-container .chat-area{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;padding-bottom:48px!important;overflow-y:auto;background:var(--p)!important}
.chat-container>.border.pb-2.pt-3{background:var(--p)!important;border-color:var(--l)!important}
.chat-area .other-message .message,.chat-area .animate__slideInLeft .message{background:var(--ci)!important;border:1px solid var(--cib)!important;border-radius:12px 12px 12px 2px!important;box-shadow:0 1px 2px rgba(0,0,0,0.1)!important}
.chat-area .other-message .message-text,.chat-area .other-message .message-text pre{background:0 0!important;color:var(--t)!important}
.chat-area .my-message .message,.chat-area .animate__slideInRight .message{background:0 0!important;border:0!important;box-shadow:none!important;border-radius:12px 12px 2px 12px!important;margin-right:10px!important}
.chat-area .my-message .message:has(.message-text),.chat-area .animate__slideInRight .message:has(.message-text){background:var(--co)!important;box-shadow:0 2px 6px rgba(0,0,0,0.25)!important}
.chat-area .my-message .message-text,.chat-area .my-message .message-text pre{background:0 0!important;color:#FFF!important}
.chat-area .message .text-muted,.chat-area .message .text-secondary,.chat-area .message small{color:var(--ct)!important;background:var(--cbg)!important;border:1px solid var(--cb)!important;padding:2px 8px!important;border-radius:999px!important;display:inline-block!important;font-weight:600!important}
.chat-area .message a.text-muted{color:var(--ct)!important;text-decoration:none!important}
.chat-area~.bg-warning.w-100,.bg-warning.w-100.cursor_pointer.text-center{background:var(--bbg)!important;color:var(--bt)!important;border:1px solid var(--bb)!important;border-radius:999px!important;width:fit-content!important;max-width:calc(100% - 24px)!important;margin:10px auto 8px!important;padding:8px 14px!important;box-shadow:var(--s1)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:600!important;font-size:13px!important;line-height:1.1!important}
.bg-warning.w-100.cursor_pointer.text-center i.fa-robot{color:var(--bi)!important;background:var(--bib)!important;border:1px solid var(--bb)!important;border-radius:999px!important;padding:6px!important}
.bg-warning.w-100.cursor_pointer.text-center::after{content:"";width:8px;height:8px;border-radius:999px;background:var(--bd);box-shadow:0 0 0 0 rgba(16,185,129,0.45);animation:b 1.4s infinite;margin-left:6px}
.bg-warning.w-100.cursor_pointer.text-center span{color:var(--bt)!important}
@keyframes b{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.45)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
textarea,input:not([type=radio]):not([type=checkbox]),.form-control,.select2-selection,.el-input__inner,.chat-input-c,.chat-input,.el-textarea__inner,.el-autocomplete,.search-box,.myimput{background:var(--p2)!important;color:var(--t)!important;border:1px solid var(--l)!important;border-radius:8px!important;box-shadow:none!important;outline:0!important}
textarea:focus,input:focus,.form-control:focus,.el-input__inner:focus{border-color:var(--m)!important;box-shadow:none!important}
.chat-input .action,.chat-input .item-action,.chat-input .el-dropdown-link,.chat-input .el-popover__reference{color:var(--t)!important}
.bg-light-hover:hover,.action:hover,.item-action:hover{background:var(--ph)!important;color:var(--t)!important}
.el-textarea__inner::placeholder,.search-box::placeholder,.myimput::placeholder,.el-input__inner::placeholder{color:var(--m)!important}
.el-input__count{color:var(--m)!important;background:0 0!important}
.el-checkbox__inner,.el-radio__inner{background:var(--bg)!important;border-color:var(--l)!important}
.el-checkbox__inner:hover,.el-radio__inner:hover,.el-checkbox__input.is-focus .el-checkbox__inner{border-color:var(--m)!important}
.el-checkbox__input.is-checked .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner{background:var(--cp)!important;border-color:var(--cp)!important}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--l);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--m)}
i.channel{filter:none!important}
.img-profile-wrapper i.channel{background:0 0!important}
#chatrace-footer,.powered-by-link,[class*='poweredby']{display:none!important}
.dark-mode .el-drawer,.dark-mode .el-dialog,.dark-mode .modal-content,.dark-mode .t-dropdown-menu,.dark-mode .el-popover,.dark-mode .el-popper,.dark-mode .el-select-dropdown,.dark-mode .el-autocomplete-suggestion,.dark-mode .el-dropdown-menu,.dark-mode .dropdown-menu,.dark-mode .el-menu--horizontal,.dark-mode .el-menu--popup{background:var(--p)!important;border-color:var(--l)!important;color:var(--t)!important;box-shadow:var(--s2)!important}
.dark-mode .s_card{background:var(--p2)!important}
.dark-mode .card,.dark-mode .panel,.dark-mode .table,.dark-mode td,.dark-mode th,.dark-mode .my_table_c,.dark-mode .pdd_col,.dark-mode .inline-nav,.dark-mode .dataTables_wrapper,.dark-mode .el-menu,.dark-mode #div_flow_container,.dark-mode #header_name,.dark-mode .minimap,.dark-mode .fixed-container-top,.dark-mode .box-card,.dark-mode .dataTable,.dark-mode .my_table,.dark-mode .my_tr,.dark-mode .el-menu-item,.dark-mode .bs-searchbox .form-control,.dark-mode #current_bot,.dark-mode .div_menu_bots,.dark-mode .div_menu_bots img,.dark-mode #div_cdtions,.dark-mode .div_cdt,.dark-mode .p_add_btt,.dark-mode [class*="el-table"],.dark-mode [class*="el-collapse"],.dark-mode [class*="pipeline"],.dark-mode [class*="kanban"],.dark-mode [class*="board"],.dark-mode [class*="task"],.dark-mode [class*="folder"],.dark-mode [class*="dropdown"],.dark-mode .el-submenu__title{background:var(--p)!important;color:var(--t)!important;border-color:var(--l)!important}
.dark-mode .maincontainer,.dark-mode .maincontainer1,.dark-mode .mycontainer,.dark-mode .bg-transparent,.dark-mode #app,.dark-mode #rete,.dark-mode .node-editor{background:var(--bg)!important;color:var(--t)!important}
.dark-mode :is(.node,.nHeader,.start_step,.actions_c,.actions,.div_flow_content,.subdescr,.socket,.textarea_c,.input_no_style,#header_name,.div_btts,.flow){border-color:var(--l)!important}
.dark-mode .node,.dark-mode .flow{background:var(--p)!important;box-shadow:var(--s2)!important}
.dark-mode .nHeader,.dark-mode .start_step{background:var(--ph)!important;color:var(--t)!important;border-bottom:1px solid var(--l)!important}
.dark-mode .start_step{background:var(--p2)!important;border:1px solid var(--l)!important}
.dark-mode .div_flow_content{background:transparent!important;color:var(--t)!important}
.dark-mode :is(.ms-ctn,.form-control,.textarea_c,.input_no_style,.p_quick,.p.quick,.el-menu-item,.el-submenu__title){background:var(--p2)!important;color:var(--t)!important}
.dark-mode :is(.subdescr,.ms-helper){color:var(--m)!important}
.dark-mode :is(.input_no_style,.textarea_c,.ms-sel-item,.p_quick,.p.quick,.el-menu-item,.el-menu-item *,.el-submenu__title,.el-submenu__title *,#header_name,#header_name *,.p_add_btt,.start_step *,.node *,.text-dark,.flow *,.flow_actions *,.text-black-50,.text-body){color:var(--t)!important}
.dark-mode .actions{background:var(--p)!important;border:1px solid var(--l)!important;box-shadow:var(--s2)!important}
.dark-mode .actions .item{background:transparent!important;color:var(--t)!important}
.dark-mode .actions .item i,.dark-mode .actions .item span{color:var(--t)!important}
.dark-mode .div_btts{background:transparent!important;border:none!important}
.dark-mode .color-accent,.dark-mode .fa-play-circle{color:var(--cp)!important}
.dark-mode .p-1.bg-white{background:var(--p)!important}
.dark-mode .input_no_style::placeholder,.dark-mode .textarea_c::placeholder{color:var(--m)!important}
.dark-mode #div_quick{opacity:1!important}
.dark-mode .ms-sel-item{background:var(--cp)!important;color:#fff!important;border:none!important}
.dark-mode .ms-close-btn{filter:brightness(2)}
.dark-mode .c_move{background:var(--ph)!important;border-bottom:1px solid var(--l)!important}
.dark-mode .c_move *{color:var(--t)!important}
.dark-mode .s_card .s_card,.dark-mode .drag-item,.dark-mode .task,.dark-mode .task-card,.dark-mode .portlet,.dark-mode .folder,.dark-mode .folder-item,.dark-mode .flow-folder,.dark-mode .el-tag,.dark-mode .message-attach .flow,.dark-mode .message-attach .div_flow_content{background:var(--ph)!important;box-shadow:var(--s1)!important;border-radius:var(--r);border-color:var(--l)!important;margin-bottom:8px}
.dark-mode .s_card .s_card:hover,.dark-mode .drag-item:hover,.dark-mode .task:hover,.dark-mode .task-card:hover,.dark-mode .folder:hover,.dark-mode .folder-item:hover{background:var(--p1)!important;border-color:var(--m)!important}
.dark-mode .pipeline-column,.dark-mode .kanban-col,.dark-mode .board-column,.dark-mode .drag-column{background:var(--p2)!important;border-radius:var(--rl);padding:10px}
.dark-mode .mini-node{background:var(--cp)!important}
.dark-mode .el-collapse-item__header:hover,.dark-mode .el-table__row:hover>td,.dark-mode .el-table__body tr.current-row>td,.dark-mode .table-hover tbody tr:hover,.dark-mode .dataTable tbody tr:hover,.dark-mode .my_tr:hover,.dark-mode .el-menu-item:hover,.dark-mode .el-menu-item.is-active,.dark-mode .el-select-dropdown__item:hover,.dark-mode .el-select-dropdown__item.selected,.dark-mode .el-autocomplete-suggestion__list li:hover,.dark-mode .dropdown-item:hover,.dark-mode .bootstrap-select .dropdown-item:hover,.dark-mode .bootstrap-select .dropdown-item.active,.dark-mode .bootstrap-select .dropdown-item.selected,.dark-mode .message-attach .div_btts .p_add_btt:hover,.dark-mode #div_menu_bots_c .div_menu_bots:hover{background:var(--ph)!important}
.dark-mode .el-table a{color:var(--cp)!important}
.dark-mode .el-tag__close,.dark-mode .form-group .op,.dark-mode .form-group_c .op{color:var(--m)!important}
.dark-mode .form-group label,.dark-mode .form-group_c label{color:var(--t)!important}
.dark-mode .message-attach .textarea_c,.dark-mode .message-attach .div_text_c,.dark-mode .message-attach .div_btts{background:0 0!important}
.dark-mode .message-attach .div_text_c pre{color:var(--t)!important}
.dark-mode .el-drawer__body,.dark-mode #drawerApp,.dark-mode .fixed-container-top{background:var(--p)!important}
.dark-mode .text-dark,.dark-mode p.text-dark,.dark-mode .el-tabs__item,.dark-mode .el-alert__title,.dark-mode .el-alert__icon,.dark-mode .input_no_style,.dark-mode .folder span{color:var(--t)!important}
.dark-mode .el-tabs__item.is-active{color:var(--co)!important}
.dark-mode .el-tabs__nav-wrap::after{background:var(--l)!important}
.dark-mode .border-top,.dark-mode .border-bottom,.dark-mode .border-left,.dark-mode .border-right{border-color:var(--l)!important}
.dark-mode .s_card .header.c_move{background:var(--ph)!important;border-bottom:1px solid var(--l)!important}
.dark-mode .s_card .header.c_move span,.dark-mode .s_card .header.c_move .title,.dark-mode .s_card .header.c_move div{color:var(--t)!important}
.dark-mode div.body,.dark-mode .input_no_style{background:transparent!important}
.dark-mode .t-dropdown-menu{background:var(--p)!important;border:1px solid var(--l)!important;box-shadow:var(--s2)!important}
.dark-mode .t-dropdown-menu li a{background:transparent!important;color:var(--t)!important;display:block}
.dark-mode .t-dropdown-menu li a:hover{background:var(--ph)!important}
.dark-mode .ql-editor,.dark-mode .ck-editor,.dark-mode .comment-box,.dark-mode .tox-tinymce,.dark-mode .el-button--default,.dark-mode .el-alert.is-light,.dark-mode [class*="el-button--primary"],.dark-mode select.b-0,.dark-mode :is(.btn-light,.btn-white,.p_add_btt,.ms_btt){background:var(--p2)!important;color:var(--t)!important;border:1px solid var(--l)!important}
.dark-mode .el-button--default:hover{background:var(--ph)!important;color:var(--co)!important;border-color:var(--co)!important}
.wl-theme-toggle{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--p);color:var(--t);border:1px solid var(--l);box-shadow:var(--s2);transition:all .3s ease;cursor:pointer;z-index:9999}
.wl-theme-toggle:hover{transform:translateY(-3px);border-color:var(--cp);color:var(--cp)}
.wl-theme-toggle svg{width:20px;height:20px;pointer-events:none}
.dark-mode :is(.h-device,.sidebar,#mysidebar,#chat-user-list,.layout-container){border-color:var(--l)!important;border-right:1px solid var(--l)!important;border-left:1px solid var(--l)!important;box-shadow:none!important}
.dark-mode #app2,.dark-mode #app2 .row,.dark-mode .container-fluid{background:var(--bg)!important}
.dark-mode .btt-new-content{background:var(--cp)!important;color:#fff!important;border:none!important;border-radius:var(--r)!important;font-weight:600!important;opacity:1!important}
.dark-mode .flow, .dark-mode .div_flow_content, .dark-mode .div_flow_c_hover { background: var(--p2) !important; color: var(--t) !important; border-color: var(--l) !important; }
.dark-mode .text-dark { color: var(--t) !important; }
.dark-mode .flow [style*="background"] { background: var(--p2) !important; }
.dark-mode .el-divider{background-color:var(--l)!important}
.dark-mode .el-divider__text{background-color:var(--p)!important;color:var(--t)!important}
.dark-mode :is(.div_daterange, .daterangepicker, .daterangepicker .ranges){background-color:var(--p2)!important;border-color:var(--l)!important;color:var(--t)!important}
.dark-mode .daterangepicker .ranges li{color:var(--t)!important;background:transparent!important}
.dark-mode .daterangepicker .ranges li:hover{background:var(--ph)!important}
.dark-mode .daterangepicker .ranges li.active{background:var(--cp)!important;color:#fff!important}
.dark-mode .div_daterange *{color:var(--t)!important}
.dark-mode .el-input__inner { background-color: var(--p2) !important; color: var(--t) !important; border-color: var(--l) !important; }
.dark-mode .el-input__count, .dark-mode .el-input__count-inner { background: transparent !important; color: var(--m) !important; }
.dark-mode .pagination .page-link{background-color:var(--p2)!important;border-color:var(--l)!important;color:var(--t)!important}
.dark-mode .pagination .page-item.active .page-link{background-color:var(--cp)!important;border-color:var(--cp)!important;color:#fff!important}
.dark-mode .pagination .page-item.disabled .page-link{background-color:var(--p)!important;color:var(--m)!important;opacity:0.6}
.dark-mode .pagination .page-link:hover:not(.active){background-color:var(--ph)!important}