.files_icons_imgIcon__0gnVg{height:20px;width:20px}.files_icons_docIcons__PbJM9{height:20px;width:15px;display:inline-block}
.access-form_FormLabelText__2o\+zR{font-size:13px;font-weight:500}.access-form_ButtonLink__fjoEe{color:#53bdea}.access-form_ContinueWithDevider__deCGQ{position:relative;margin:30px 0 20px 0;border-bottom:1px solid #e2e6ea}.access-form_CenteredLabelText__zBoHT{font-size:13px;font-weight:500;position:absolute;top:-6px;left:50%;transform:translate(-50%);padding:0 16px;background-color:var(--tasks-group-bg)}
.forgot-password_form_form__wwHR3{display:flex;flex-direction:column}.forgot-password_form_FormFooter__baKrX{margin-top:16px}.forgot-password_form_FormLabelText__XJBAI{font-size:13px;font-weight:500}.forgot-password_form_ButtonLink__qUlZF{color:#53bdea}
.form-patial_FlexContainer__CPEIA{background-color:var(--tasks-board-bg);width:100%;margin:auto;display:flex;color:var(--color-primary)}.form-patial_col__QDuxk{flex-basis:50%;height:100vh;overflow-y:auto;overflow-x:hidden;align-items:center;justify-content:center;background-color:var(--color-bg)}.form-patial_col__QDuxk:nth-child(1){background-color:var(--tasks-group-bg)}
.input_InputContainer__js5g2{flex:1;display:flex;flex-wrap:wrap}.input_InputContainer__js5g2 label{flex-basis:90%;font-size:13px;font-weight:500;margin:5px 0 10px 0;display:block}.input_Input__UzgBh{flex:1;height:42px;border:1px solid var(--form-border);outline:none;padding:0 10px;border-radius:5px}
.provider-button_signup_with_provider__9YbXq{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:12px 10px;margin:8px 0;border-radius:5px;background-color:#fdfdfd;color:#6d758d;border:1px solid #f2f2f2;outline:none;transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1)}.provider-button_signup_with_provider__9YbXq:hover{background-color:#f7f7f7}.provider-button_providerIcon__v3hHC{margin:0 10px}.provider-button_chevronRightIcon__9iM61{position:absolute;right:10px}
.login-form_FormContainer__yjioW{width:100%;max-width:400px}.login-form_icon__-eDTN{color:#2e2e2e}.login-form_provider_wrapper__NJjPz{margin-top:15px}.login-form_FormLabelText__2BL6Y{font-size:13px;font-weight:500}.login-form_ButtonLink__YFVBj{color:#53bdea}
.signup-form_loginForm__y\+xGw{display:flex;flex-direction:column}.signup-form_GroupedInputs__1x0kT{gap:15px;display:flex}.signup-form_icon__FFGf8{color:#2e2e2e}.signup-form_provider_wrapper__tg0Zg{margin-top:15px}.signup-form_FormLabelText__b704g{font-size:13px;font-weight:500}.signup-form_ButtonLink__Hfh2u{color:#53bdea}.signup-form_termsContainer__vWGTb{align-items:center;cursor:pointer;display:flex}.signup-form_termsContainer__vWGTb a{margin-left:5px;text-decoration:underline;cursor:pointer}.signup-form_animatedStatus__oDvkB{height:15px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:.3s all;animation:signup-form_status__vm8a6 .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}@keyframes signup-form_status__vm8a6{0%{transform:translateY(10px)}100%{transform:translateY(0px)}}
.bluesnap-button_hotmartButton__\+cDa3{background-color:var(--color-accent);color:#fff;min-height:35px;min-width:200px;max-width:750px;padding:10px 24px}.bluesnap-button_hotmartButton__\+cDa3.bluesnap-button_white__RoCDT{background-color:var(--color-surface)}.bluesnap-button_hotmartButton__\+cDa3 img{height:25px}.bluesnap-button_blueButton__GALJl{background:#e8f8fd;color:#53bdea !important;opacity:1 !important;font-weight:500 !important}.bluesnap-button_pinkButton__9Rt7L{background:linear-gradient(87.82deg, #f656a1 0%, #ffa3ce 100%);color:var(--tasks-board-bg) !important;font-size:20px;box-shadow:2px 6px 24px 0px rgba(255,71,160,.5);transition:transform .1s,box-shadow .1s}.bluesnap-button_pinkButton__9Rt7L:hover{transform:scale(1.05);box-shadow:0 13px 27px -5px rgba(50,50,93,.15),0 8px 16px -8px rgba(0,0,0,.2)}.bluesnap-button_transparentButton__EREu\+{background:none;color:#53bdea !important;opacity:1 !important;font-weight:500 !important}.bluesnap-button_transparentButton__EREu\+ span{display:none}
.app-view_pageContainer__jSa3j{height:100vh;direction:ltr;display:flex;background-color:var(--color-bg)}.app-view_titleContainer__S6KqE{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);border-bottom-color:var(--color-border);padding:12px 24px;box-sizing:border-box;display:flex;align-items:center;height:81px;justify-content:space-between}.app-view_pageTitle__a1ixq{margin:0;font-size:1.25rem;font-weight:500;color:inherit}.app-view_headerActions__CllDP{display:flex;align-items:center;gap:16px}.app-view_contentContainer__E-5Lo{flex:1;overflow:auto;height:calc(100vh - 81px)}.app-view_noHeaderContent__zt2k4{height:100vh}
.bt-chatbot_wrapper__mEAIV{height:100vh;width:100vw;overflow:hidden;background-color:var(--bot-build-bg)}.bt-chatbot_toolbar_wrapper__8Tcmq{height:100%;position:relative;background:var(--bot-build-toolbar-bg);border-right:1px solid var(--bot-build-toolbar-border);box-sizing:border-box;width:250px !important;align-items:center;gap:15px;padding:15px;display:flex;flex-direction:column}.bt-chatbot_toolbar_sticky_header__JD92I{position:sticky;top:0;background:var(--bot-build-toolbar-bg);z-index:10;padding-bottom:15px;width:100%}.bt-chatbot_toolbar_scrollable_content__kVJYo{flex:1;overflow-y:auto;width:100%;min-height:0}.bt-chatbot_toolbar_scrollable_content__kVJYo::-webkit-scrollbar{width:6px}.bt-chatbot_toolbar_scrollable_content__kVJYo::-webkit-scrollbar-track{background:var(--bot-build-toolbar-bg);border-radius:3px}.bt-chatbot_toolbar_scrollable_content__kVJYo::-webkit-scrollbar-thumb{background:var(--bot-build-button-secondary);border-radius:3px}.bt-chatbot_toolbar_scrollable_content__kVJYo::-webkit-scrollbar-thumb:hover{background:var(--bot-build-button-secondary-hover)}.bt-chatbot_bot_header__mvXtB{box-sizing:border-box;height:100px;background-color:var(--bot-build-header-bg);border-bottom:1px solid var(--bot-build-header-border);display:flex;justify-content:space-between;padding:28px 30px 25px 35px}.bt-chatbot_bot_name_container__mQ2zt{position:relative;display:flex;align-items:center}.bt-chatbot_editIcon__hReHh{opacity:0;transition:opacity .3s ease-in-out !important;color:var(--bot-build-button-ghost)}.bt-chatbot_bot_name_container__mQ2zt:hover .bt-chatbot_editIcon__hReHh{opacity:1;color:var(--bot-build-button-ghost-hover)}.bt-chatbot_flow_wrapper__Dxejn{height:calc(100% - 100px) !important;width:100% !important}.bt-chatbot_bt_popover_wrapper__F9YLK,.bt-chatbot_bt_popover_wrapper_for_settings__VK9uM{max-height:80%;min-height:440px;padding:0px 30px 35px;border-radius:10px;background-color:var(--bot-build-modal-bg);color:var(--bot-build-modal-text);border:1px solid var(--bot-build-modal-border);position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000;box-shadow:0 4px 20px var(--bot-build-menu-shadow)}.bt-chatbot_bt_popover_wrapper_for_settings__VK9uM{width:850px;padding:30px 35px;color:var(--bot-build-modal-text)}.bt-chatbot_scrollContainer__Tpthi{overflow-x:hidden;overflow-y:auto;margin-top:10px}.bt-chatbot_scrollContainer__Tpthi::-webkit-scrollbar{width:4px;background-color:rgba(0,0,0,0);border-radius:10px;background-color:var(--bot-build-toolbar-bg)}.bt-chatbot_scrollContainer__Tpthi::-webkit-scrollbar-thumb{background-color:var(--bot-build-button-secondary);border-radius:10px}.bt-chatbot_custom_controls__JupOl{margin:0px 0px 35px 30px !important;display:flex;align-items:center;padding:9px 0px;box-shadow:var(--bot-build-menu-shadow) 10px 15px 25px !important;border-radius:5px;background:var(--bot-build-flow-controls-bg);border:1px solid var(--bot-build-flow-controls-border)}.bt-chatbot_custom_controls__JupOl button{width:46px;height:28px;border:none;background:var(--bot-build-flow-controls-bg);display:flex;padding:0px;color:var(--bot-build-flow-controls-text)}.bt-chatbot_custom_controls__JupOl button:not(:last-child){border-right:1px solid var(--bot-build-flow-controls-border)}.bt-chatbot_custom_controls__JupOl button:hover{background-color:var(--bot-build-flow-controls-hover)}.bt-chatbot_custom_controls__JupOl svg{width:auto !important;max-width:23px !important;max-height:23px !important;margin:auto}.bt-chatbot_toolbar_node_button_container__aJOm8{border-radius:5px;position:relative;overflow:hidden;padding:10px;box-sizing:border-box;margin-bottom:6px;color:var(--bot-build-node-button-text);transition:all .3s ease 0s;height:90px !important;width:100%;background-color:var(--bot-build-node-button-bg);border:1px solid var(--bot-build-node-button-border)}.bt-chatbot_toolbar_node_button_container__aJOm8:hover{background-color:var(--bot-build-node-button-hover)}.bt-chatbot_toolbar_node_button_title__ZGWVn{font-weight:500;font-size:15px;line-height:22px;color:var(--bot-build-node-button-text)}.bt-chatbot_toolbar_node_button_secondary_title__e1VOY{margin-top:5px;font-weight:500;font-size:12px;line-height:18px;width:150px;color:var(--bot-build-node-button-secondary-text)}.bt-chatbot_main_node_wrapper__rOBsd{min-width:450px !important;border-radius:5px;box-shadow:var(--bot-build-menu-shadow) 30px 60px 65px;font-weight:500;font-size:12px;line-height:18px;cursor:move;transition:box-shadow .3s ease 0s;background-color:var(--bot-build-node-button-bg);border:1px solid var(--bot-build-node-button-border)}.bt-chatbot_secondary_node_wrapper__ZGylC{min-width:180px !important;border-radius:5px;box-shadow:var(--bot-build-menu-shadow) 30px 60px 65px;font-weight:500;font-size:12px;line-height:18px;cursor:move;transition:box-shadow .3s ease 0s;background-color:var(--bot-build-node-button-bg);border:1px solid var(--bot-build-node-button-border)}.bt-chatbot_main_node_wrapper__rOBsd:hover,.bt-chatbot_secondary_node_wrapper__ZGylC:hover{box-shadow:var(--bot-build-menu-shadow) 0px 0px 5px 1px}.bt-chatbot_main_node_header__chbuj{align-items:center;justify-content:space-between;padding:7px 10px;border-radius:5px 5px 0px 0px;color:var(--bot-build-node-button-text)}.bt-chatbot_secondary_node_header__1LfTN{align-items:center;justify-content:space-between;padding:10px;border-radius:5px;color:var(--bot-build-node-button-secondary-text)}.bt-chatbot_mui_number_field__AGW8S input::-webkit-inner-spin-button,.bt-chatbot_mui_number_field__AGW8S input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes bt-chatbot_bot_loader__fxo8w{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.bt-chatbot_bot_loader__fxo8w>div:nth-child(1){-webkit-animation:bt-chatbot_bot_loader__fxo8w 1.2s -0.42s infinite ease-in-out;animation:bt-chatbot_bot_loader__fxo8w 1.2s -0.42s infinite ease-in-out}.bt-chatbot_bot_loader__fxo8w>div:nth-child(2){-webkit-animation:bt-chatbot_bot_loader__fxo8w 1.2s -0.28s infinite ease-in-out;animation:bt-chatbot_bot_loader__fxo8w 1.2s -0.28s infinite ease-in-out}.bt-chatbot_bot_loader__fxo8w>div:nth-child(3){-webkit-animation:bt-chatbot_bot_loader__fxo8w 1.2s -0.14s infinite ease-in-out;animation:bt-chatbot_bot_loader__fxo8w 1.2s -0.14s infinite ease-in-out}.bt-chatbot_bot_loader__fxo8w>div:nth-child(4){-webkit-animation:bt-chatbot_bot_loader__fxo8w 1.2s 0s infinite ease-in-out;animation:bt-chatbot_bot_loader__fxo8w 1.2s 0s infinite ease-in-out}.bt-chatbot_bot_loader__fxo8w>div{background-color:var(--bot-build-button-primary);width:4px;height:4px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.bt-chatbot_drag_preview__PW8j-{width:200px;height:40px;background-color:var(--bot-build-node-button-bg);border:1px solid var(--bot-build-node-button-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:500;box-shadow:0 2px 10px var(--bot-build-menu-shadow);font-size:14px;color:var(--bot-build-node-button-text);padding:10px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.condition-node_condition_node_wrapper__AQoOb{min-height:100px;padding:4px;border-radius:5px}.condition-node_add_condition_popover_header__d7e6Q{display:flex;justify-content:space-between;align-items:center;padding:20px;font-weight:600;font-size:15px;line-height:22px;margin:0px -20px}.condition-node_add_condition_popover_body__u-\+xJ{border-top:1px solid #e3e3e3;padding-top:20px}.condition-node_condition_popover_body_header__yJw9B{font-weight:600;font-size:13px;margin-bottom:12px}.condition-node_condition_popover_box__S02KQ{display:grid;gap:20px;margin-bottom:10px;background:#f5f6fa;border-radius:5px;padding:10px}.condition-node_y_handle__Ar2tn{background-color:green !important;position:absolute;top:35% !important;z-index:3}.condition-node_n_handle__18Zjb{background-color:red !important;position:absolute;margin-top:5% !important;z-index:3}.condition-node_condition_node_wrapper__AQoOb:hover~.condition-node_y_handle__Ar2tn,.condition-node_y_handle__Ar2tn:hover{border:3px solid green !important;background-color:#fff !important}.condition-node_condition_node_wrapper__AQoOb:hover~.condition-node_n_handle__18Zjb,.condition-node_n_handle__18Zjb:hover{border:3px solid red !important;background-color:#fff !important}
.google-sheets-node_y_handle__lDS4f{background-color:green !important;position:absolute;top:35% !important;right:-3px !important;z-index:3}.google-sheets-node_n_handle__y5osp{background-color:red !important;position:absolute;margin-top:5% !important;right:-3px !important;z-index:3}.google-sheets-node_condition_node_wrapper__dh5l-:hover~.google-sheets-node_y_handle__lDS4f,.google-sheets-node_y_handle__lDS4f:hover{border:3px solid green !important;background-color:#fff !important}.google-sheets-node_condition_node_wrapper__dh5l-:hover~.google-sheets-node_n_handle__y5osp,.google-sheets-node_n_handle__y5osp:hover{border:3px solid red !important;background-color:#fff !important}.google-sheets-node_add_google_sheets_dialog_header__0JzgR{display:flex;justify-content:space-between;align-items:center;padding:20px 0px;font-weight:600;font-size:15px;line-height:22px;margin-bottom:20px;border-bottom:1px solid #e3e3e3}.google-sheets-node_divider__vODzm{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e3e3e3}.google-sheets-node_title__gm54M{display:flex;align-items:center;font-weight:600;font-size:13px;line-height:19px;color:var(--color-text);margin-bottom:12px;flex-wrap:wrap;gap:5px}
.question-node_question__tES1A{padding:15px 10px 0px;color:#333;word-break:break-word}.question-node_answers__pOAH5{margin:10px;display:flex;flex-direction:column;text-align:left}.question-node_answer__L3ZjD{position:relative;display:flex;align-items:center;justify-content:center;margin-top:5px;padding:5px 25px;min-height:40px;text-align:center;font-weight:500;font-size:12px;line-height:18px;color:#666;flex-direction:column;word-break:break-word;background-color:#f5f6fa;border-radius:5px}.question-node_question_node_wrapper__73vbP:hover .question-node_question_source_handle__SIL1\+,.question-node_question_source_handle__SIL1\+:hover{border:3px solid #f93 !important;background-color:#fff !important}.question-node_question_node_wrapper__73vbP:hover .question-node_status_source_handle__RAKl1,.question-node_status_source_handle__RAKl1:hover{border:3px solid #bb86fc !important;background-color:#fff !important}.question-node_add_question_message_editor_wrapper__22Q3l{padding-top:26px}.question-node_add_question_title__UMkNM{display:flex;align-items:center;font-weight:600;font-size:13px;line-height:19px;color:#333;margin-bottom:12px;flex-wrap:wrap;gap:5px}.question-node_divider__Q8v6p{width:500px;margin-top:20px;padding-bottom:20px;border-top:1px solid #e3e3e3}
.bot-checkbox_free_text_checkbox__NaGgH{margin:16px 0}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_option_container__Dey1t{background-color:#f8f9fa;border-radius:10px;padding:12px 16px;transition:all .2s ease}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_option_container__Dey1t:hover{background-color:#f2f3f5;box-shadow:0 2px 8px rgba(0,0,0,.05)}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_wrapper__UySka{position:relative;display:flex;align-items:center}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_input__S\+p37{position:absolute;opacity:0;height:0;width:0}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_input__S\+p37:checked+.bot-checkbox_checkbox_label__dhQcm .bot-checkbox_checkbox_custom__Kz\+fP{background-color:#0070f3;border-color:#0070f3}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_input__S\+p37:checked+.bot-checkbox_checkbox_label__dhQcm .bot-checkbox_checkbox_custom__Kz\+fP:after{opacity:1;transform:rotate(45deg) scale(1)}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_input__S\+p37:focus+.bot-checkbox_checkbox_label__dhQcm .bot-checkbox_checkbox_custom__Kz\+fP{box-shadow:0 0 0 3px rgba(0,112,243,.2)}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_label__dhQcm{display:flex;align-items:center;cursor:pointer;user-select:none;width:100%}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_custom__Kz\+fP{position:relative;width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;margin-right:12px;transition:all .2s ease;flex-shrink:0}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_custom__Kz\+fP:after{content:"";position:absolute;top:1px;left:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(0.5);transition:all .2s ease}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_checkbox_text__RvMZ7{display:flex;flex-direction:column}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_feature_title__XNoXV{font-weight:600;font-size:14px;color:#2d3748}.bot-checkbox_free_text_checkbox__NaGgH .bot-checkbox_feature_description__vDqVn{font-size:12px;color:#718096;margin-top:2px}
.webhook-node_source_handle__nGaVR{background-color:#ffb906 !important;z-index:3}.webhook-node_send_message_node_wrapper__ehRdF:hover~.webhook-node_source_handle__nGaVR,.webhook-node_source_handle__nGaVR:hover{border:3px solid #ffb906 !important;background-color:#fff !important}.webhook-node_add_webhook_dialog_header__g3Iq5{display:flex;justify-content:space-between;align-items:center;padding:20px 0px;font-weight:600;font-size:15px;line-height:22px;margin-bottom:20px;border-bottom:1px solid #e3e3e3}.webhook-node_divider__bewM0{width:500px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e3e3e3}.webhook-node_title__wnZkx{display:flex;align-items:center;font-weight:600;font-size:13px;line-height:19px;color:var(--color-text);margin-bottom:12px;flex-wrap:wrap;gap:5px}.webhook-node_secondary_title__1gZYg{margin-top:10px;color:#666;font-weight:normal;font-size:12px;line-height:18px}.webhook-node_method_select__vBcU\+{z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:space-between;line-height:28px;background-color:#fff;border-radius:5px;height:30px;padding-left:5px;color:var(--bulk-text-secondary);font-size:14px}.webhook-node_response_routes__LVaCM{flex-direction:column;text-align:left}.webhook-node_response_route__rS5w7{position:relative;display:flex;align-items:center;justify-content:center;margin-top:5px;padding:5px 25px;min-height:40px;text-align:center;font-weight:500;font-size:12px;line-height:18px;color:#666;flex-direction:column;word-break:break-word;background-color:#f5f6fa;border-radius:5px}
.trigger-node_trigger_container__\+mxFG{position:relative;border-radius:12px;min-width:220px;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#fff;padding:12px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.trigger-node_trigger_title__4b52d{font-weight:600;font-size:15px;color:var(--color-text);margin:0;padding:0;text-align:left}.trigger-node_trigger_description__YOwfc{font-size:12px;color:var(--bulk-text-secondary);opacity:.8;line-height:1.2;margin-bottom:8px;width:100%;text-align:center}.trigger-node_trigger_source_handle__ycx\+L{background-color:#b6d7a8;border:2px solid #fff;border-radius:50%;z-index:3;transition:all .2s ease}.trigger-node_trigger_source_handle__ycx\+L:hover{border-color:rgb(152.6850393701,198.937007874,133.062992126) !important;background-color:#fff !important}.trigger-node_trigger_container__\+mxFG:hover .trigger-node_trigger_source_handle__ycx\+L{border:3px solid #b6d7a8 !important;background-color:#fff !important}.trigger-node_settings_button__gQ6kx:hover{color:var(--bulk-accent) !important;background-color:rgba(25,118,210,.08)}.trigger-node_add_trigger_dialog_header__GDxDr{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:20px;font-weight:600;font-size:15px;line-height:22px;margin-bottom:20px;border-bottom:1px solid #e3e3e3}.trigger-node_add_trigger_dialog_body__ApVAy{padding:0 20px}.trigger-node_section_title__GTCZ-{font-weight:600;font-size:13px;line-height:19px;color:var(--color-text);margin-bottom:12px}.trigger-node_divider__-1Bie{margin:20px 0;border-bottom:1px solid #e3e3e3}
.llm-dialog_llm_dialog_header__0ADtJ{padding:20px;background-color:#f5f5f5;border-bottom:1px solid var(--bulk-border);justify-content:space-between;align-items:center;font-weight:600;font-size:16px;color:#0a3750}.llm-dialog_llm_dialog_wrapper__OrB2Z{height:100%;display:flex;flex-direction:column}.llm-dialog_llm_dialog_content__I0cpY{padding-top:26px;display:flex;flex-direction:column;flex:1;height:100%}.llm-dialog_llm_dialog_title__mYc2C{font-size:14px;font-weight:500;color:#0a3750;margin-bottom:10px}.llm-dialog_divider__9xpGE{height:1px;background-color:var(--bulk-border);margin:20px 0;width:100%}.llm-dialog_settings_section__DK9k4{display:flex;flex-direction:column}.llm-dialog_checkbox_container__zwTmK{display:flex;align-items:center}.llm-dialog_checkbox__LIMsw{width:18px;height:18px;cursor:pointer}.llm-dialog_checkbox_label__\+-ltW{font-size:14px;color:#0a3750;cursor:pointer}.llm-dialog_variable_section__wRNAm{margin-top:10px;display:flex;flex-direction:column;gap:8px}.llm-dialog_variable_label__QB3CG{font-size:14px;font-weight:500;color:#0a3750}.llm-dialog_variable_hint__TMOUk{font-size:12px;color:#676767;margin-top:4px}.llm-dialog_button_container__7MrhM{margin-top:auto;padding-top:30px}.llm-dialog_llm_footer__S3O4Z{padding:12px 16px;border-top:1px solid #e8eaf2;border-radius:0 0 8px 8px;box-shadow:0 -1px 2px rgba(0,0,0,.03);transition:background-color .3s ease}.llm-dialog_variable_info__YMEyo{display:flex;align-items:center;font-size:14px;color:inherit;font-weight:500;letter-spacing:.2px}.llm-dialog_variable_info__YMEyo .llm-dialog_variable_icon__xT7G5{font-size:18px;margin-right:8px;opacity:.9}.llm-dialog_variable_info__YMEyo code.llm-dialog_variable_code__tzKBV{padding:4px 10px;border-radius:4px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-weight:600;margin-left:8px;border-width:1px;border-style:solid;cursor:pointer;transition:all .2s ease}.llm-dialog_variable_info__YMEyo code.llm-dialog_variable_code__tzKBV:hover{transform:translateY(-1px);box-shadow:0 2px 5px var(--modal-shadow)}.llm-dialog_set_variable_prompt__Ibxh4{display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:6px;background:linear-gradient(135deg, #f8f9fa, #e9ecef);border:1px solid rgba(0,0,0,.08);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(0.2, 0, 0, 1);box-shadow:0 2px 4px rgba(0,0,0,.04)}.llm-dialog_set_variable_prompt__Ibxh4 .llm-dialog_settings_icon__53r3-{font-size:18px;margin-right:8px}.llm-dialog_set_variable_prompt__Ibxh4:hover{background:linear-gradient(135deg, #f1f3f5, #e9ecef);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08);border-color:var(--modal-shadow)}.llm-dialog_set_variable_prompt__Ibxh4:active{transform:translateY(0);box-shadow:0 1px 2px var(--modal-shadow)}
.agent-node_source_handle__5orRc{background-color:#4a90e2;z-index:3;right:-2px !important}.agent-node_source_handle__5orRc:hover{background-color:rgb(34.3857142857,117.3857142857,214.6142857143)}.agent-node_agent_source_handle__zq81y{right:-8px !important;width:16px !important;height:16px !important;border-radius:50% !important;background-color:#4a90e2 !important;border:none !important}.agent-node_agentNode__D7JoH{z-index:1;min-width:300px}.agent-node_toolNodeContainer__4TMTL{position:relative}.agent-node_toolNode__YoqDX{position:absolute;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0px 2px 4px rgba(0,0,0,.25);z-index:2;cursor:pointer;transition:transform .2s ease-in-out;border:2px solid #fff}.agent-node_toolNode__YoqDX:hover{transform:scale(1.1)}.agent-node_toolNodeText__0xJiv{color:#fff;font-weight:bold;font-size:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:40px}
.send-message-node_send_message_node_wrapper__p5nyO{width:200px;min-height:100px;padding:4px;border-radius:5px}.send-message-node_send_message_source_handle__PxPbD{background-color:#e95b69 !important;z-index:3}.send-message-node_send_message_source_handle__PxPbD:hover{border:3px solid #e95b69 !important;background-color:#fff !important}.send-message-node_message_contact_source_handle__39Ijb{background-color:teal !important;z-index:3}.send-message-node_message_contact_source_handle__39Ijb:hover{border:3px solid teal !important;background-color:#fff !important}.send-message-node_llm_source_handle__bu23J{background-color:#e0d6ff !important;z-index:3}.send-message-node_llm_source_handle__bu23J:hover{border:3px solid #e0d6ff !important;background-color:#fff !important}
.footer_footerContainer__ZWhWi{font-size:18px;padding:20px;display:flex;justify-content:space-between;align-items:center}.footer_footerContainer__ZWhWi .footer_contentContainer__fAHW4{display:flex;flex-direction:column;align-items:flex-start;font-size:14px}.footer_footerContainer__ZWhWi .footer_contentContainer__fAHW4 .footer_linkContainer__sOx7T{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px}.footer_footerContainer__ZWhWi .footer_contentContainer__fAHW4 .footer_linkContainer__sOx7T .svg-inline--fa{margin:0 10px;font-size:8px}.footer_footerContainer__ZWhWi .footer_copyrightContainer__x4UMi{font-size:14px;color:var(--modal-shadow)}.footer_footerContainer__ZWhWi .footer_copyrightContainer__x4UMi .svg-inline--fa{margin-right:5px}.footer_footerContainer__ZWhWi .footer_socialContainer__TJtK3{display:flex;align-items:center;justify-content:space-between}.footer_footerContainer__ZWhWi .footer_socialContainer__TJtK3 .footer_socialButton__P5vAA{width:40px;height:40px;border:1px solid rgba(0,0,0,.54);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:5px}.footer_disclaimer__UQcYw{padding:20px;font-size:12px;position:relative;z-index:99999;background-color:#fff;color:#565656;border-top:1px solid}
.image-previewer_container__pVoUQ{width:100%;height:100vh;position:fixed;top:0;background-color:rgba(41,47,76,.7019607843);display:flex;align-items:center;justify-content:center;z-index:9999}.image-previewer_image_wrapper__oh81B{flex-basis:40%;position:inherit}.image-previewer_image_wrapper__oh81B img{border-width:14px;border-color:var(--color-surface);border-style:solid;border-radius:3px}.image-previewer_close_button__y11TW{position:absolute;top:-16px;right:-16px;width:33px;height:33px;background-color:#111;color:var(--color-surface);border:4px solid var(--color-surface);border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:5;box-shadow:0px 1px 4px 0px #ccc;outline:none;font-size:20px}
.files_versions_versionsContainer__gHway{width:100%;display:flex;flex-direction:column;align-self:flex-start}.files_versions_versionsContainer__gHway ::-webkit-scrollbar{width:3px}.files_versions_versionsContainer__gHway ::-webkit-scrollbar-thumb{background:#d0d4e4;border-radius:5px}.files_versions_versionsContainer__gHway .files_versions_versionsColumn__2-5TQ{display:flex;flex-direction:column-reverse;height:45vh;overflow-y:auto;width:100%;padding-right:2%;justify-content:flex-end}.files_versions_fileContainer__Zugs\+{font-size:12px;position:relative;border:1px solid #c1c1c1;border-radius:5px;padding:10px;margin:4% 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.files_versions_fileContainer__Zugs\+ img{margin-right:5px;width:45px;height:45px}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V{width:80%}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_fileNameContainer__Pq8Wx{display:flex;justify-content:space-between;align-items:flex-start;line-height:30px}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_fileName__S5jFv{width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_versionMenu__5MRIn{display:flex;font-size:15px}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_versionSquare__CjQjE{position:absolute;right:5px;bottom:5px;border:1px solid #eaeaea;padding:2px;border-radius:4px;color:#000;font-size:10px}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_currentVersion__IqPFM{border-color:var(--tasks-button-hover-bg);color:var(--tasks-button-hover-bg)}.files_versions_versionSelected__Q8kwy{border-color:var(--tasks-button-hover-bg)}.files_versions_menuPopper__eysyQ{font-size:12px}
.complete-details-bar_completeDetailsBar__Emmdw{display:flex;align-items:center;position:relative;padding:8px 10px;background-color:var(--tasks-group-bg);margin-top:-2px;justify-content:space-between;box-shadow:0px 1px 4px 0px var(--tasks-shadow)}.complete-details-bar_completeDetailsBar__Emmdw img{height:50px}.complete-details-bar_loginDialog__jHbSs{border-top-left-radius:20px !important;border-top-right-radius:20px !important}.complete-details-bar_BellIconButton__WSKjK{font-size:17px !important;flex-basis:30px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:4px !important;background-color:#645fff !important;color:var(--color-surface) !important}.complete-details-bar_authButton__6E8HG{border-radius:2px !important;font-size:12px !important;padding:3px 23px !important;margin:0 10px !important}.complete-details-bar_closeIcon__to4Ww{font-size:17px !important;justify-self:flex-end !important;background-color:rgba(0,0,0,0) !important;padding:4px !important;transition:.2s}.complete-details-bar_closeIcon__to4Ww:hover{color:#dd2a2a !important}
.bt-slider_settings_drawer_container__2LiNF{width:320px;box-sizing:border-box;min-width:0;height:100%;z-index:10;position:absolute;right:0;background:var(--tasks-group-bg);padding:24px;box-shadow:0 22px 20px 0 rgba(0,55,80,.16)}
/* Styles for the Knowledge Base Detail component */

/* Center the dialog in the container, excluding the sidebar */
.centered-dialog {
  /* Adjust the left position to account for the sidebar width (240px) */
  left: calc(50% + 120px) !important; /* 120px is half the sidebar width */
  transform: translate(-50%, -50%) !important;
}

/* Add a media query for smaller screens */
@media (max-width: 768px) {
  .centered-dialog {
    /* Reset the left position on smaller screens */
    left: 50% !important;
  }
} 
/*
  Step 2: Centralized color variables
  - Common tokens
  - Component tokens (calendar-, dialog-, toggle- prefixes)
  Light mode under html; dark overrides under .dark
*/

html {
  /* Common */
  --color-bg: #ffffff;

  --color-always-white: #ffffff;

  --color-surface: #ffffff;
  --color-text: #1a202c;
  /* darker text for better contrast */
  --color-text-muted: #4a5568;
  /* darker muted text for better readability */
  --color-text-strong: #2d3748;
  /* stronger body text with better contrast */
  --color-text-subtle: #4a5568;
  /* improved subtle text contrast */
  --color-text-inverse: #ffffff;
  --color-border: #e5e7eb;
  /* slate-200 */
  --color-primary: #003750;
  /* brand */
  --color-primary-contrast: #ffffff;
  --color-accent: #53bdeb;
  /* accent/selection */
  --color-accent-contrast: #ffffff;
  
  /* CTA Button Colors for Light Mode */
  --cta-button-bg: #2563eb;
  /* blue-600 - stronger contrast for light mode */
  --cta-button-text: #ffffff;
  --cta-button-hover-bg: #1d4ed8;
  /* blue-700 - darker on hover */
  --cta-button-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);
  
  /* Selected Plan Text Color for Light Mode */
  --selected-plan-text-color: #ffffff;
  --color-link: #0ea5e9;
  /* sky-500 */
  --color-link-hover: #0284c7;
  /* sky-600 */
  --color-danger: #ef4444;
  /* red-500 */
  --color-surface-muted: #f1f3f4;
  /* subtle bg */
  --color-surface-accent: #e8f9fd;
  /* accent-tinted surface */

  /* Toggle button */
  --toggle-icon-btn-bg: #e8f9fd;
  --toggle-icon-color: #003750;

  /* FAB (Floating Action Button) */
  --fab-bg: linear-gradient(66.67deg, #259ae9 0%, #6dd1f1 100%);
  --fab-text: #ffffff;
  --fab-hover-bg: linear-gradient(66.67deg, #2089d1 0%, #5bc0e0 100%);

  /* Calendar */
  --calendar-bg: #ffffff;
  --calendar-event-color: #3c4043;
  --calendar-header: #70757a;
  --calendar-today-label-bg: #53bdeb;
  --calendar-event-hover-bg: #f1f3f4;
  --calendar-campaign-icon-bg: #e1f4df;
  --calendar-date-badge-bg: #e1f4df;
  --calendar-date-badge-text: #53c7a2;
  --calendar-outside-day: #9ca3af;
  /* gray-400 - muted color for days outside current month */

  /* Dialog */
  --dialog-bg: #ffffff;
  --dialog-text: #7a7a7a;
  --dialog-border: #e2e8f0;
  --dialog-title: #7a7a7a;

  /* Tasks */
  --tasks-board-bg: #e8f9fd;
  --tasks-row-bg: #ffffff;
  --tasks-row-hover-bg: #f4fcfd;
  --tasks-row-active-bg: #e9f5f7;
  --tasks-group-bg: #e8f9fd;
  --tasks-cell-border: #c9ccd4;
  --tasks-text: #003750;
  --tasks-text-muted: #869ca8;
  --tasks-text-secondary: #7a7a7a;
  --tasks-button-bg: #53bdeb;
  --tasks-button-text: #ffffff;
  --tasks-button-hover-bg: #259ae9;
  --tasks-menu-bg: #ffffff;
  --tasks-menu-border: #ebeff8;
  --tasks-menu-hover-bg: #eee;
  --tasks-shadow: #131c21;
  --tasks-input-border: #ddd;
  --tasks-notification-bg: #daf6fc;
  --tasks-notification-border: #deeef2;
  --tasks-notification-unread: #0088cc;
  --tasks-picker-bg: #e8f9fd;
  --tasks-picker-selected: #c4f5ff;
  --tasks-footer-bg: #ddf9ff;
  --tasks-danger: #f73737;
  --background-list-item-active: #e8f9fd;
  --background-item-menu-hover: white;

  /* Calendar Event Colors */
  --calendar-color-tomato: #D50000;
  --calendar-color-flamingo: #E67C73;
  --calendar-color-tangerine: #F4511E;
  --calendar-color-banana: #F6BF26;
  --calendar-color-sage: #33B679;
  --calendar-color-basil: #0B8043;
  --calendar-color-peacock: #039BE5;
  --calendar-color-blueberry: #3F51B5;
  --calendar-color-lavender: #7986CB;
  --calendar-color-grape: #8E24AA;
  --calendar-color-graphite: #616161;
  --calendar-color-amethyst: #B39DDB;

  /* Extension/Bulk Dashboard */
  --bulk-bg: #ffffff;
  --bulk-border: #e0e0e0;
  --bulk-text: #333333;
  --bulk-text-secondary: #666666;
  --bulk-accent: #1976d2;
  --bulk-success: #4caf50;
  --bulk-warning: #ff9800;
  --bulk-error: #f44336;

  /* Bulk Management Tabs */
  --bulk-tab-active: #6adf86;
  --bulk-tab-inactive: #92e9ab;

  /* Bulk Button */
  --bulk-button-bg: #e1f4df;
  --bulk-button-text: #4ac56f;
  --bulk-button-hover: #ccf9c7;

  /* Labels Feature */
  --label-bg: #f5f5f5;
  --label-border: #e0e0e0;
  --label-text: #333333;
  --label-hover: #eeeeee;

  /* WhatsApp Message */
  --whatsapp-bg: #ffffff;
  --whatsapp-border: #e0e0e0;
  --whatsapp-text: #333333;
  --whatsapp-bubble-sent: #dcf8c6;
  --whatsapp-bubble-received: #ffffff;

  /* Contact Avatars */
  --contact-avatar-bg: #dfe5e7;
  --contact-avatar-fill: #ffffff;

  /* Common Status Colors */
  --status-error: #eb5757;
  --status-warning: #f39c12;
  --status-success: #27ae60;
  --status-info: #3498db;
  --status-muted: #d1d7db;

  /* Workspace Users Members Component - Light Mode */
  --danger-bg: #fef2f2;
  /* red-50 - light red background */
  --danger-color: #dc2626;
  /* red-600 - better contrast than red-500 */
  --danger-hover-bg: #fee2e2;
  /* red-100 - lighter red on hover */
  --danger-hover-color: #b91c1c;
  /* red-700 - darker red on hover */
  --disabled-bg: #f9fafb;
  /* gray-50 - light gray background */
  --disabled-color: #9ca3af;
  /* gray-400 - better contrast than gray-500 */
  --primary-bg: #dbeafe;
  /* blue-100 - light blue background */
  --primary-color: #2563eb;
  /* blue-600 - better contrast */
  --primary-hover-bg: #bfdbfe;
  /* blue-200 - lighter blue on hover */
  --primary-hover-color: #1d4ed8;
  /* blue-700 - darker blue on hover */
  --input-bg: #f9fafb;
  /* gray-50 - light gray background */
  --border-hover: #d1d5db;
  /* gray-300 - darker border on hover */

  /* Chat/Communication */
  --chat-bg: #f8f9fa;
  --chat-border: #dee2e6;
  --chat-text: #495057;
  --chat-bubble: #007bff;
  --chat-bubble-text: #ffffff;

  /* Form Controls */
  --form-bg: #ffffff;
  --form-border: #ced4da;
  --form-text: #495057;
  --form-placeholder: #6c757d;
  --form-focus: #80bdff;
  --form-error: #dc3545;

  /* Sidebar/Navigation */
  --nav-bg: #f8f9fa;
  --nav-border: #dee2e6;
  --nav-text: #495057;
  --nav-link: #007bff;
  --nav-link-hover: #0056b3;
  --nav-active: #e9ecef;

  /* Modal/Dialog */
  --modal-bg: #ffffff;
  --modal-border: #dee2e6;
  --modal-shadow: rgba(0, 0, 0, 0.125);
  --modal-backdrop: rgba(0, 0, 0, 0.5);

  /* Notification */
  --notification-bg: #d4edda;
  --notification-border: #c3e6cb;
  --notification-text: #155724;
  --notification-error-bg: #f8d7da;
  --notification-error-border: #f5c6cb;
  --notification-error-text: #721c24;

  /* Date/Time Badge - Light Mode */
  --date-badge-bg: rgba(232, 245, 253, 0.8);
  --date-badge-text: #1976d2;
  --date-badge-border: rgba(25, 118, 210, 0.2);
  --date-badge-icon: #1976d2;

  /* Status Badge - Light Mode */
  --status-badge-bg: #f5f5f5;
  --status-badge-text: #333333;
  --status-badge-border: #e0e0e0;
  --status-badge-pending-bg: #d9d9d9;


  /* Brand Colors - Light Mode */
  --brand-primary: #013750;
  --brand-primary-light: #1976d2;
  --brand-text: #013750;

  /* Switch Workspace Button - Light Mode */
  --switch-workspace-bg: #e8f9fd;
  --switch-workspace-text: #66bdee;

  /* Legacy variables for compatibility */
  --billing-btn-bg: #f8f9fa;
  --link-text-color: #003750;
  --background-default: #ffffff;

  /* Upgrade button colors */
  --upgrade-button-color: #f671b4;
  --upgrade-button-hover: #e91e63;

  /* Bot List Component - Light Mode */
  --bot-list-title: #0f172a;
  /* slate-900 - strong contrast */
  --bot-list-subtitle: #475569;
  /* slate-600 - better contrast than gray-600 */
  --bot-list-card-bg: #ffffff;
  --bot-list-card-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-list-card-shadow: rgba(0, 0, 0, 0.1);
  --bot-list-card-hover-shadow: rgba(0, 0, 0, 0.15);
  --bot-list-bot-name: #0f172a;
  /* slate-900 - strong contrast */
  --bot-list-bot-description: #475569;
  /* slate-600 - better contrast */
  --bot-list-stat-label: #475569;
  /* slate-600 - better contrast */
  --bot-list-stat-value: #0f172a;
  /* slate-900 - strong contrast */
  --bot-list-icon: #64748b;
  /* slate-500 - better contrast */
  --bot-list-divider: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-list-version: #059669;
  /* emerald-600 - brand color */
  --bot-list-edit-hover: #059669;
  /* emerald-600 - brand color */
  --bot-list-delete-hover: #dc2626;
  /* red-600 - danger color */
  --bot-list-loading-text: #475569;
  /* slate-600 - better contrast */
  --bot-list-empty-text: #64748b;
  /* slate-500 - better contrast */
  --bot-list-button-primary: #059669;
  /* emerald-600 - brand color */
  --bot-list-button-primary-hover: #047857;
  /* emerald-700 - darker hover */
  --bot-list-button-primary-text: #ffffff;
  --bot-list-status-published-bg: #d1fae5;
  /* emerald-50 - light background */
  --bot-list-status-published-text: #047857;
  /* emerald-700 - dark text */
  --bot-list-status-draft-bg: #f1f5f9;
  /* slate-100 - light background */
  --bot-list-status-draft-text: #475569;
  /* slate-600 - dark text */
  --bot-list-toggle-on: #059669;
  /* emerald-600 - brand color */
  --bot-list-toggle-off: #cbd5e1;
  /* slate-300 - light gray */
  --bot-list-toggle-thumb: #ffffff;
  --bot-list-bot-icon-bg: #d1fae5;
  /* emerald-50 - light background */
  --bot-list-bot-icon: #059669;
  /* emerald-600 - brand color */
  --bot-list-modal-bg: #ffffff;
  --bot-list-modal-text: #475569;
  /* slate-600 - better contrast */
  --bot-list-modal-button-cancel: #64748b;
  /* slate-500 - muted */
  --bot-list-modal-button-cancel-hover: #475569;
  /* slate-600 - darker */
  --bot-list-modal-button-delete: #dc2626;
  /* red-600 - danger */
  --bot-list-modal-button-delete-hover: #b91c1c;
  /* red-700 - darker */
  --bot-list-select-bg: #ffffff;
  --bot-list-select-border: #cbd5e1;
  /* slate-300 - better contrast */
  --bot-list-select-text: #0f172a;
  /* slate-900 - strong contrast */
  --bot-list-select-arrow: #64748b;
  /* slate-500 - better contrast */

  /* Bot Detail Component - Light Mode */
  --bot-detail-bg: #f8fafc;
  /* slate-50 - light background */
  --bot-detail-title: #0f172a;
  /* slate-900 - strong contrast */
  --bot-detail-subtitle: #475569;
  /* slate-600 - better contrast */
  --bot-detail-card-bg: #ffffff;
  --bot-detail-card-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-detail-card-shadow: rgba(0, 0, 0, 0.1);
  --bot-detail-stat-label: #475569;
  /* slate-600 - better contrast */
  --bot-detail-stat-value: #0f172a;
  /* slate-900 - strong contrast */
  --bot-detail-stat-icon-bg-emerald: #d1fae5;
  /* emerald-50 - light background */
  --bot-detail-stat-icon-emerald: #059669;
  /* emerald-600 - brand color */
  --bot-detail-stat-icon-bg-blue: #dbeafe;
  /* blue-50 - light background */
  --bot-detail-stat-icon-blue: #2563eb;
  /* blue-600 - brand color */
  --bot-detail-stat-icon-bg-purple: #f3e8ff;
  /* purple-50 - light background */
  --bot-detail-stat-icon-purple: #7c3aed;
  /* purple-600 - brand color */
  --bot-detail-button-primary: #059669;
  /* emerald-600 - brand color */
  --bot-detail-button-primary-hover: #047857;
  /* emerald-700 - darker hover */
  --bot-detail-button-primary-text: #ffffff;
  --bot-detail-button-ghost: #64748b;
  /* slate-500 - muted */
  --bot-detail-button-ghost-hover: #475569;
  /* slate-600 - darker */
  --bot-detail-error-title: #0f172a;
  /* slate-900 - strong contrast */
  --bot-detail-error-text: #64748b;
  /* slate-500 - better contrast */
  --bot-detail-loading-icon: #64748b;
  /* slate-500 - better contrast */

  /* Sessions List Component - Light Mode */
  --sessions-list-title: #0f172a;
  /* slate-900 - strong contrast */
  --sessions-list-empty-title: #0f172a;
  /* slate-900 - strong contrast */
  --sessions-list-empty-text: #64748b;
  /* slate-500 - better contrast */
  --sessions-list-header-bg: #f8fafc;
  /* slate-50 - light background */
  --sessions-list-header-border: #e2e8f0;
  /* slate-200 - better contrast */
  --sessions-list-header-text: #475569;
  /* slate-600 - better contrast */
  --sessions-list-row-bg: #ffffff;
  --sessions-list-row-hover-bg: #f8fafc;
  /* slate-50 - light background */
  --sessions-list-row-border: #f1f5f9;
  /* slate-100 - light border */
  --sessions-list-avatar-bg: #e2e8f0;
  /* slate-200 - light background */
  --sessions-list-avatar-text: #64748b;
  /* slate-500 - better contrast */
  --sessions-list-phone-text: #0f172a;
  /* slate-900 - strong contrast */
  --sessions-list-time-text: #64748b;
  /* slate-500 - better contrast */
  --sessions-list-version-bg: #f1f5f9;
  /* slate-100 - light background */
  --sessions-list-version-text: #475569;
  /* slate-600 - better contrast */
  --sessions-list-active-badge-bg: #d1fae5;
  /* emerald-50 - light background */
  --sessions-list-active-badge-text: #047857;
  /* emerald-700 - dark text */
  --sessions-list-pagination-text: #64748b;
  /* slate-500 - better contrast */
  --sessions-list-pagination-button: #475569;
  /* slate-600 - better contrast */
  --sessions-list-pagination-button-hover: #374151;
  /* slate-700 - darker */

  /* Deployments Sidebar Component - Light Mode */
  --deployments-sidebar-title: #0f172a;
  /* slate-900 - strong contrast */
  --deployments-sidebar-header-bg: #f8fafc;
  /* slate-50 - light background */
  --deployments-sidebar-header-border: #e2e8f0;
  /* slate-200 - better contrast */
  --deployments-sidebar-header-text: #475569;
  /* slate-600 - better contrast */
  --deployments-sidebar-item-bg: #ffffff;
  --deployments-sidebar-item-hover-bg: #f8fafc;
  /* slate-50 - light background */
  --deployments-sidebar-item-selected-bg: #e8f9fd;
  /* accent-tinted surface */
  --deployments-sidebar-item-border: #f1f5f9;
  /* slate-100 - light border */
  --deployments-sidebar-version-text: #0f172a;
  /* slate-900 - strong contrast */
  --deployments-sidebar-date-text: #64748b;
  /* slate-500 - better contrast */
  --deployments-sidebar-sessions-text: #475569;
  /* slate-600 - better contrast */
  --deployments-sidebar-active-badge-bg: #d1fae5;
  /* emerald-50 - light background */
  --deployments-sidebar-active-badge-text: #047857;
  /* emerald-700 - dark text */

  /* Bot Build View Component - Light Mode */
  --bot-build-bg: #ffffff;
  --bot-build-toolbar-bg: #f8fafc;
  /* slate-50 - light background */
  --bot-build-toolbar-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-build-header-bg: #f1f5f9;
  /* slate-100 - light background */
  --bot-build-header-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-build-title: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-title-input-bg: #f0fdf4;
  /* green-50 - light background */
  --bot-build-title-input-border: #22c55e;
  /* green-500 - brand color */
  --bot-build-title-text: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-title-hover-border: #22c55e;
  /* green-500 - brand color */
  --bot-build-status-text: #64748b;
  /* slate-500 - better contrast */
  --bot-build-status-warning: #f59e0b;
  /* amber-500 - warning color */
  --bot-build-status-error: #ef4444;
  /* red-500 - error color */
  --bot-build-button-primary: #22c55e;
  /* green-500 - brand color */
  --bot-build-button-primary-hover: #16a34a;
  /* green-600 - darker hover */
  --bot-build-button-primary-text: #ffffff;
  --bot-build-button-secondary: #64748b;
  /* slate-500 - muted */
  --bot-build-button-secondary-hover: #475569;
  /* slate-600 - darker */
  --bot-build-button-secondary-text: #ffffff;
  --bot-build-button-ghost: #64748b;
  /* slate-500 - muted */
  --bot-build-button-ghost-hover: #475569;
  /* slate-600 - darker */
  --bot-build-button-ghost-text: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-back-button: #64748b;
  /* slate-500 - muted */
  --bot-build-back-button-hover: #475569;
  /* slate-600 - darker */
  --bot-build-back-button-hover-bg: #f1f5f9;
  /* slate-100 - light background */
  --bot-build-node-button-bg: #ffffff;
  --bot-build-node-button-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-build-node-button-hover: #f8fafc;
  /* slate-50 - light background */
  --bot-build-node-button-text: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-node-button-secondary-text: #64748b;
  /* slate-500 - better contrast */
  --bot-build-flow-bg: #ffffff;
  --bot-build-flow-grid: #f1f5f9;
  /* slate-100 - light grid */
  --bot-build-flow-controls-bg: #ffffff;
  --bot-build-flow-controls-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-build-flow-controls-text: #64748b;
  /* slate-500 - better contrast */
  --bot-build-flow-controls-hover: #475569;
  /* slate-600 - darker */
  --bot-build-minimap-bg: #ffffff;
  --bot-build-minimap-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-build-minimap-node: #64748b;
  /* slate-500 - better contrast */
  --bot-build-minimap-node-selected: #22c55e;
  /* green-500 - brand color */
  --bot-build-connection-line: #64748b;
  /* slate-500 - better contrast */
  --bot-build-connection-line-selected: #22c55e;
  /* green-500 - brand color */
  --bot-build-menu-bg: #ffffff;
  --bot-build-menu-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-build-menu-shadow: rgba(0, 0, 0, 0.1);
  --bot-build-menu-item-hover: #f8fafc;
  /* slate-50 - light background */
  --bot-build-menu-item-text: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-modal-bg: #ffffff;
  --bot-build-modal-border: #e2e8f0;
  /* slate-200 - better contrast */
  --bot-build-modal-text: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-modal-title: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-modal-button-cancel: #64748b;
  /* slate-500 - muted */
  --bot-build-modal-button-cancel-hover: #475569;
  /* slate-600 - darker */
  --bot-build-modal-button-confirm: #22c55e;
  /* green-500 - brand color */
  --bot-build-modal-button-confirm-hover: #16a34a;
  /* green-600 - darker */
  --bot-build-modal-button-confirm-text: #ffffff;

  /* Credits & Usage Component - Light Mode */
  --credits-bg: #ffffff;
  --credits-title: #0f172a;
  /* slate-900 - strong contrast */
  --credits-subtitle: #475569;
  /* slate-600 - better contrast */
  --credits-card-bg: #ffffff;
  --credits-card-border: #e2e8f0;
  /* slate-200 - better contrast */
  --credits-card-shadow: rgba(0, 0, 0, 0.1);
  --credits-remaining-title: #0f172a;
  /* slate-900 - strong contrast */
  --credits-remaining-value: #059669;
  /* emerald-600 - brand color */
  --credits-remaining-value-zero: #dc2626;
  /* red-600 - danger color for zero credits */
  --credits-progress-bg: #f1f5f9;
  /* slate-100 - light background */
  --credits-progress-fill: #059669;
  /* emerald-600 - brand color */
  --credits-progress-fill-warning: #f59e0b;
  /* amber-500 - warning color */
  --credits-progress-fill-danger: #dc2626;
  /* red-600 - danger color */
  --credits-text-muted: #475569;
  /* slate-600 - better contrast */
  --credits-text-subtle: #64748b;
  /* slate-500 - better contrast */
  --credits-link: #059669;
  /* emerald-600 - brand color */
  --credits-link-hover: #047857;
  /* emerald-700 - darker hover */
  --credits-alert-danger-bg: #fef2f2;
  /* red-50 - light red background */
  --credits-alert-danger-border: #fecaca;
  /* red-200 - light red border */
  --credits-alert-danger-text: #dc2626;
  /* red-600 - better contrast */
  --credits-alert-danger-title: #991b1b;
  /* red-800 - strong contrast */
  --credits-alert-warning-bg: #fffbeb;
  /* amber-50 - light amber background */
  --credits-alert-warning-border: #fed7aa;
  /* amber-200 - light amber border */
  --credits-alert-warning-text: #d97706;
  /* amber-600 - better contrast */
  --credits-alert-warning-title: #92400e;
  /* amber-800 - strong contrast */
  --credits-tab-active-bg: #e8f9fd;
  /* light blue background for active tab */
  --credits-tab-active-text: #4dbdeb;
  /* emerald-700 - dark text */
  --credits-tab-inactive-bg: #f8fafc;
  /* light gray background for inactive tab */
  --credits-tab-inactive-text: #8fa8b8;
  /* slate-500 - better contrast */
  --credits-select-bg: #ffffff;
  --credits-select-border: #e2e8f0;
  /* slate-200 - better contrast for light mode */
  --credits-select-text: #0f172a;
  /* slate-900 - strong contrast */
  --credits-select-arrow: #64748b;
  /* slate-500 - better contrast */
  --credits-select-content-bg: #ffffff;
  /* white background for dropdown */
  --credits-select-content-border: #e2e8f0;
  /* slate-200 - border for dropdown */
  --credits-select-item-bg: #ffffff;
  /* white background for items */
  --credits-select-item-hover-bg: #f8fafc;
  /* slate-50 - hover background for items */
  --credits-select-item-text: #0f172a;
  /* slate-900 - text color for items */
  --credits-select-item-hover-text: #0f172a;
  /* slate-900 - hover text color */
  --credits-no-data-text: #475569;
  /* slate-600 - better contrast */
  --credits-debug-bg: #f8fafc;
  /* slate-50 - light background */
  --credits-debug-border: #e2e8f0;
  /* slate-200 - better contrast */
  --credits-debug-text: #475569;
  /* slate-600 - better contrast */
  --credits-button-primary: #059669;
  /* emerald-600 - brand color */
  --credits-button-primary-hover: #047857;
  /* emerald-700 - darker hover */
  --credits-button-primary-text: #ffffff;
  --credits-button-primary-bg: #059669;
  /* emerald-600 - brand color */
  --credits-button-primary-border: #059669;
  /* emerald-600 - brand color */
  --credits-button-primary-hover-bg: #047857;
  /* emerald-700 - darker hover */
  --credits-button-primary-hover-border: #047857;
  /* emerald-700 - darker hover */
  --credits-button-primary-hover-text: #ffffff;
  --credits-button-secondary: #64748b;
  /* slate-500 - muted */
  --credits-button-secondary-hover: #475569;
  /* slate-600 - darker */
  --credits-button-secondary-text: #ffffff;
  --credits-button-secondary-bg: #64748b;
  /* slate-500 - muted */
  --credits-button-secondary-border: #64748b;
  /* slate-500 - muted */
  --credits-button-secondary-hover-bg: #475569;
  /* slate-600 - darker */
  --credits-button-secondary-hover-border: #475569;
  /* slate-600 - darker */
  --credits-button-secondary-hover-text: #ffffff;
  --credits-button-outline: #64748b;
  /* slate-500 - muted */
  --credits-button-outline-hover: #475569;
  /* slate-600 - darker */
  --credits-button-outline-text: #0f172a;
  /* slate-900 - strong contrast */
  --credits-button-outline-border: #cbd5e1;
  /* slate-300 - better contrast */
  --credits-button-outline-bg: transparent;
  --credits-button-outline-hover-bg: #f1f5f9;
  /* slate-100 - light background */
  --credits-button-outline-hover-text: #0f172a;
  /* slate-900 - strong contrast */
  --credits-button-outline-hover-border: #cbd5e1;
  /* slate-300 - better contrast */
  --credits-export-button-bg: #ffffff;

  /* Admin API Component - Light Mode */
  --admin-api-info-box-bg: rgba(255, 255, 255, 0.5);
  --admin-api-info-box-text: var(--color-primary);
  --admin-api-info-box-link: var(--color-accent);
  --admin-api-copy-button-text: var(--color-always-white);
  --admin-api-copy-button-bg: var(--color-accent);
  --admin-api-copy-button-hover-bg: var(--color-accent);
  --admin-api-copy-button-border: var(--color-accent);
  --admin-api-copy-button-hover-border: var(--color-accent);
  --admin-api-tab-active: var(--color-accent);
  --admin-api-tab-inactive: var(--color-text-muted);
  --admin-api-tab-indicator: var(--color-accent);
  --admin-api-button-text: var(--color-always-white);
  --admin-api-warning-text: #dc2626;
  --admin-api-placeholder-text: #6c757d;

  /* Add Credits Modal Component - Light Mode */
  --add-credits-modal-bg: #ffffff;
  --add-credits-modal-border: #e2e8f0;
  --add-credits-modal-shadow: rgba(0, 0, 0, 0.1);
  --add-credits-modal-title: #0f172a;
  --add-credits-modal-description: #475569;
  --add-credits-modal-subscription-bg: #f8fafc;
  --add-credits-modal-subscription-border: #e2e8f0;
  --add-credits-modal-subscription-title: #0f172a;
  --add-credits-modal-subscription-value: #059669;
  --add-credits-modal-subscription-label: #64748b;
  --add-credits-modal-alert-info-bg: #eff6ff;
  --add-credits-modal-alert-info-border: #bfdbfe;
  --add-credits-modal-alert-info-text: #1e40af;
  --add-credits-modal-alert-warning-bg: #fffbeb;
  --add-credits-modal-alert-warning-border: #fed7aa;
  --add-credits-modal-alert-warning-text: #d97706;
  --add-credits-modal-alert-error-bg: #fef2f2;
  --add-credits-modal-alert-error-border: #fecaca;
  --add-credits-modal-alert-error-text: #dc2626;
  --add-credits-modal-billing-toggle-bg: #f1f5f9;
  --add-credits-modal-billing-toggle-active-bg: #ffffff;
  --add-credits-modal-billing-toggle-active-text: #0f172a;
  --add-credits-modal-billing-toggle-inactive-text: #64748b;
  --add-credits-modal-plan-card-bg: #ffffff;
  --add-credits-modal-plan-card-border: #e2e8f0;
  --add-credits-modal-plan-card-selected-bg: #eff6ff;
  --add-credits-modal-plan-card-selected-border: #3b82f6;
  --add-credits-modal-plan-card-hover-border: #cbd5e1;
  --add-credits-modal-plan-name: #0f172a;
  --add-credits-modal-plan-credits: #64748b;
  --add-credits-modal-plan-price: #0f172a;
  --add-credits-modal-plan-period: #64748b;
  --add-credits-modal-popular-badge-bg: #3b82f6;
  --add-credits-modal-popular-badge-text: #ffffff;
  --add-credits-modal-package-card-bg: #ffffff;
  --add-credits-modal-package-card-border: #e2e8f0;
  --add-credits-modal-package-card-selected-bg: #eff6ff;
  --add-credits-modal-package-card-selected-border: #3b82f6;
  --add-credits-modal-package-card-hover-border: #cbd5e1;
  --add-credits-modal-package-credits: #0f172a;
  --add-credits-modal-package-price: #0f172a;
  --add-credits-modal-package-per-credit: #64748b;
  --add-credits-modal-package-description: #64748b;
  --add-credits-modal-package-save: #059669;
  --add-credits-modal-section-title: #0f172a;
  --add-credits-modal-button-cancel-bg: transparent;
  --add-credits-modal-button-cancel-border: #cbd5e1;
  --add-credits-modal-button-cancel-text: #0f172a;
  --add-credits-modal-button-cancel-hover-bg: #f1f5f9;
  --add-credits-modal-button-primary-bg: #3b82f6;
  --add-credits-modal-button-primary-text: #ffffff;
  --add-credits-modal-button-primary-hover-bg: #2563eb;
  --add-credits-modal-button-disabled-bg: #f1f5f9;
  --add-credits-modal-button-disabled-text: #9ca3af;
  --add-credits-modal-loading-text: #64748b;
  --add-credits-modal-shimmer-bg: #f1f5f9;

  /* Campaign Finish Section - Light Mode */
  --campaign-finish-title-bg: #e1f4df;
  --campaign-finish-title-text: #35be5f;
  --campaign-finish-audience-label-bg: #e1f4df;
  --campaign-finish-audience-label-border: rgba(0, 0, 0, 0.1);
  --campaign-finish-audience-label-text: #35be5f;
  --campaign-finish-divider: #d9d9d9;
  --campaign-finish-no-message-bg: #e1f4df;
  --campaign-finish-no-message-text: #35be5f;

  /* Campaign Footer Panel - Light Mode */
  --campaign-footer-panel-bg: #ffffff;
  --campaign-footer-panel-border: #e5e7eb;
}

.dark {
  /* Common - tuned to deep teal like your screenshot */
  --color-bg: #1a1a1a;
  /* softer dark gray base for better eye comfort */
  --color-surface: #222222;
  /* slightly lighter surface with better contrast */
  --color-text: #ffffff;
  /* improved white text for better contrast */
  --color-text-muted: #b0c4d3;
  /* lighter muted text for better readability */
  --color-text-strong: #ffffff;
  /* strong white text */
  --color-text-subtle: #8fa8b8;
  /* improved subtle text contrast */
  --color-text-inverse: #0b2f3a;
  --color-border: #1e4e5e;
  /* teal-ish divider */
  --color-primary: #4dbdeb;
  /* accent blue as primary for better visibility */
  --color-primary-contrast: #0b2f3a;
  --color-accent: #53bdeb;
  /* consistent accent color */
  --color-accent-contrast: #0b2f3a;
  
  /* CTA Button Colors for Dark Mode */
  --cta-button-bg: #53bdeb;
  /* keep the original light blue for dark mode */
  --cta-button-text: #ffffff;
  --cta-button-hover-bg: #259ae9;
  /* slightly darker blue on hover */
  --cta-button-shadow: 0 4px 6px rgba(83, 189, 235, 0.3);
  
  /* Selected Plan Text Color for Dark Mode */
  --selected-plan-text-color: #ffffff;
  --color-link: #7dd3fc;
  --color-link-hover: #38bdf8;
  --color-danger: #ff6b6b;
  /* slightly softer red for dark mode */
  --color-surface-muted: #1a4a5a;
  /* hover/selected tint */
  --color-surface-accent: #1e5568;


  /* --color-always-white: #ffffff; */


  /* Toggle button */
  --toggle-icon-btn-bg: #0e3a48;
  --toggle-icon-color: #ffffff;

  /* FAB (Floating Action Button) */
  --fab-bg: linear-gradient(66.67deg, #4dbdeb 0%, #38bdf8 100%);
  --fab-text: #0b2f3a;
  --fab-hover-bg: linear-gradient(66.67deg, #38bdf8 0%, #0ea5e9 100%);

  /* Calendar */
  --calendar-bg: #103847;
  --calendar-event-color: #e5e7eb;
  --calendar-header: #96aab9;
  --calendar-today-label-bg: #4dbdeb;
  --calendar-event-hover-bg: #1a4a5a;
  --calendar-campaign-icon-bg: #1a4a5a;
  --calendar-date-badge-bg: #1a4a5a;
  --calendar-date-badge-text: #479d4e;
  --calendar-outside-day: #6b7280;
  /* gray-500 - darker muted color for dark mode */

  /* Dialog */
  --dialog-bg: #103847;
  --dialog-text: #ffffff;
  /* improved white text for better contrast */
  --dialog-border: #1e4e5e;
  --dialog-title: #ffffff;
  /* improved white title for better contrast */

  /* Tasks */
  --tasks-board-bg: #0b2f3a;
  --tasks-row-bg: #103847;
  --tasks-row-hover-bg: #1a4a5a;
  --tasks-row-active-bg: #1e5568;
  --tasks-group-bg: #143f4e;
  --tasks-cell-border: #1e4e5e;
  --tasks-text: #ffffff;
  /* improved white text for better contrast */
  --tasks-text-muted: #b0c4d3;
  /* improved muted text contrast */
  --tasks-text-secondary: #d1d9e1;
  /* improved secondary text contrast */
  --tasks-button-bg: #4dbdeb;
  --tasks-button-text: #0b2f3a;
  --tasks-button-hover-bg: #38bdf8;
  --tasks-menu-bg: #103847;
  --tasks-menu-border: #1e4e5e;
  --tasks-menu-hover-bg: #1a4a5a;
  --tasks-shadow: rgba(0, 0, 0, 0.5);
  --tasks-input-border: #1e4e5e;
  --tasks-notification-bg: #143f4e;
  --tasks-notification-border: #1e4e5e;
  --tasks-notification-unread: #38bdf8;
  --tasks-picker-bg: #143f4e;
  --tasks-picker-selected: #1e5568;
  --tasks-footer-bg: #143f4e;
  --tasks-danger: #ff6b6b;
  --background-list-item-active: #013750;
  --background-item-menu-hover: #032637;

  /* Calendar Event Colors - keeping same for both modes */
  --calendar-color-tomato: #D50000;
  --calendar-color-flamingo: #E67C73;
  --calendar-color-tangerine: #F4511E;
  --calendar-color-banana: #F6BF26;
  --calendar-color-sage: #33B679;
  --calendar-color-basil: #0B8043;
  --calendar-color-peacock: #039BE5;
  --calendar-color-blueberry: #3F51B5;
  --calendar-color-lavender: #7986CB;
  --calendar-color-grape: #8E24AA;
  --calendar-color-graphite: #616161;
  --calendar-color-amethyst: #B39DDB;

  /* Extension/Bulk Dashboard */
  --bulk-bg: #103847;
  --bulk-border: #1e4e5e;
  --bulk-text: #ffffff;
  /* improved white text for better contrast */
  --bulk-text-secondary: #b0c4d3;
  /* improved secondary text contrast */
  --bulk-accent: #4dbdeb;
  --bulk-success: #10b981;
  --bulk-warning: #f59e0b;
  --bulk-error: #ff6b6b;

  /* Bulk Management Tabs */
  --bulk-tab-active: #4ade80;
  /* darker green for dark mode */
  --bulk-tab-inactive: #6ee7b7;
  /* lighter green for dark mode */

  /* Bulk Button */
  --bulk-button-bg: #1a4a5a;
  /* darker background for dark mode */
  --bulk-button-text: #4ade80;
  /* lighter green text for dark mode */
  --bulk-button-hover: #1e5568;
  /* darker hover for dark mode */

  /* Labels Feature */
  --label-bg: #143f4e;
  --label-border: #1e4e5e;
  --label-text: #ffffff;
  /* improved white text for better contrast */
  --label-hover: #1a4a5a;

  /* WhatsApp Message */
  --whatsapp-bg: #103847;
  --whatsapp-border: #1e4e5e;
  --whatsapp-text: #ffffff;
  /* improved white text for better contrast */
  --whatsapp-bubble-sent: #1e5568;
  --whatsapp-bubble-received: #143f4e;

  /* Contact Avatars */
  --contact-avatar-bg: #3b4a54;
  --contact-avatar-fill: #8696a0;

  /* Common Status Colors */
  --status-error: #f87171;
  --status-warning: #fbbf24;
  --status-success: #34d399;
  --status-info: #60a5fa;
  --status-muted: #6b7280;

  /* Workspace Users Members Component - Dark Mode */
  --danger-bg: #2d1b1b;
  /* dark red background for better contrast */
  --danger-color: #f87171;
  /* red-400 - lighter red for better visibility */
  --danger-hover-bg: #3d2b2b;
  /* darker red background on hover */
  --danger-hover-color: #fca5a5;
  /* red-300 - lighter red on hover */
  --disabled-bg: #374151;
  /* gray-700 - dark gray background */
  --disabled-color: #6b7280;
  /* gray-500 - better contrast for disabled state */
  --primary-bg: #1e3a8a;
  /* blue-900 - dark blue background */
  --primary-color: #60a5fa;
  /* blue-400 - lighter blue for better visibility */
  --primary-hover-bg: #1e40af;
  /* blue-800 - darker blue on hover */
  --primary-hover-color: #93c5fd;
  /* blue-300 - lighter blue on hover */
  --input-bg: #374151;
  /* gray-700 - dark gray background */
  --border-hover: #4b5563;
  /* gray-600 - lighter border on hover */

  /* Chat/Communication */
  --chat-bg: #0b2f3a;
  --chat-border: #1e4e5e;
  --chat-text: #ffffff;
  /* improved white text for better contrast */
  --chat-bubble: #4dbdeb;
  --chat-bubble-text: #0b2f3a;

  /* Form Controls */
  --form-bg: #103847;
  --form-border: #1e4e5e;
  --form-text: #ffffff;
  /* improved white text for better contrast */
  --form-placeholder: #8fa8b8;
  /* improved placeholder contrast */
  --form-focus: #4dbdeb;
  --form-error: #ff6b6b;

  /* Sidebar/Navigation */
  --nav-bg: #0b2f3a;
  --nav-border: #1e4e5e;
  --nav-text: #ffffff;
  /* improved white text for better contrast */
  --nav-link: #4dbdeb;
  --nav-link-hover: #38bdf8;
  --nav-active: #1a4a5a;

  /* Modal/Dialog */
  --modal-bg: #103847;
  --modal-border: #1e4e5e;
  --modal-shadow: rgba(0, 0, 0, 0.5);
  --modal-backdrop: rgba(0, 0, 0, 0.7);

  /* Notification */
  --notification-bg: #143f4e;
  --notification-border: #1e4e5e;
  --notification-text: #34d399;
  --notification-error-bg: #2d1b1b;
  /* darker red background for errors */
  --notification-error-border: #ff6b6b;
  --notification-error-text: #ff9999;
  /* lighter red text for better contrast */

  /* Date/Time Badge - Dark Mode with improved contrast */
  --date-badge-bg: #1e5568;
  /* darker blue background for better contrast */
  --date-badge-text: #ffffff;
  /* white text for maximum contrast */
  --date-badge-border: #38bdf8;
  /* brighter blue border */
  --date-badge-icon: #ffffff;
  /* white icon for maximum contrast */

  /* Status Badge - Dark Mode with improved contrast */
  --status-badge-bg: #374151;
  /* darker gray background */
  --status-badge-text: #ffffff;
  /* white text for maximum contrast */
  --status-badge-border: #4b5563;
  /* medium gray border */
  --status-badge-pending-bg: #1d262c;
  /* darker gray background for pending */

  /* Brand Colors - Dark Mode with improved contrast */
  --brand-primary: #4dbdeb;
  /* bright blue for better visibility */
  --brand-primary-light: #38bdf8;
  /* lighter blue variant */
  --brand-text: #ffffff;
  /* white text for maximum contrast */

  /* Switch Workspace Button - Dark Mode */
  --switch-workspace-bg: #1a4a5a;
  /* darker background for dark mode */
  --switch-workspace-text: #4dbdeb;
  /* lighter blue text for dark mode */

  /* Legacy variables for compatibility - dark mode */
  --billing-btn-bg: #1a4a5a;
  --link-text-color: #4dbdeb;
  --background-default: #0b2f3a;

  /* Upgrade button colors - dark mode */
  --upgrade-button-color: #f671b4;
  --upgrade-button-hover: #ff4081;

  /* Bot List Component - Dark Mode */
  --bot-list-title: #ffffff;
  /* white - maximum contrast */
  --bot-list-subtitle: #b0c4d3;
  /* light muted text */
  --bot-list-card-bg: #103847;
  /* surface color */
  --bot-list-card-border: #1e4e5e;
  /* border color */
  --bot-list-card-shadow: rgba(0, 0, 0, 0.3);
  --bot-list-card-hover-shadow: rgba(0, 0, 0, 0.4);
  --bot-list-bot-name: #ffffff;
  /* white - maximum contrast */
  --bot-list-bot-description: #b0c4d3;
  /* light muted text */
  --bot-list-stat-label: #b0c4d3;
  /* light muted text */
  --bot-list-stat-value: #ffffff;
  /* white - maximum contrast */
  --bot-list-icon: #8fa8b8;
  /* subtle text */
  --bot-list-divider: #1e4e5e;
  /* border color */
  --bot-list-version: #4dbdeb;
  /* accent color */
  --bot-list-edit-hover: #4dbdeb;
  /* accent color */
  --bot-list-delete-hover: #ff6b6b;
  /* danger color */
  --bot-list-loading-text: #b0c4d3;
  /* light muted text */
  --bot-list-empty-text: #8fa8b8;
  /* subtle text */
  --bot-list-button-primary: #4dbdeb;
  /* accent color */
  --bot-list-button-primary-hover: #38bdf8;
  /* lighter accent */
  --bot-list-button-primary-text: #0b2f3a;
  /* dark text on light bg */
  --bot-list-status-published-bg: #1a4a5a;
  /* dark surface */
  --bot-list-status-published-text: #4dbdeb;
  /* accent color */
  --bot-list-status-draft-bg: #143f4e;
  /* darker surface */
  --bot-list-status-draft-text: #b0c4d3;
  /* light muted text */
  --bot-list-toggle-on: #4dbdeb;
  /* accent color */
  --bot-list-toggle-off: #374151;
  /* dark gray */
  --bot-list-toggle-thumb: #ffffff;
  /* white thumb */
  --bot-list-bot-icon-bg: #1a4a5a;
  /* dark surface */
  --bot-list-bot-icon: #4dbdeb;
  /* accent color */
  --bot-list-modal-bg: #103847;
  /* surface color */
  --bot-list-modal-text: #ffffff;
  /* white - maximum contrast */
  --bot-list-modal-button-cancel: #8fa8b8;
  /* subtle text */
  --bot-list-modal-button-cancel-hover: #b0c4d3;
  /* lighter text */
  --bot-list-modal-button-delete: #ff6b6b;
  /* danger color */
  --bot-list-modal-button-delete-hover: #ff9999;
  /* lighter danger */
  --bot-list-select-bg: #103847;
  /* surface color */
  --bot-list-select-border: #1e4e5e;
  /* border color */
  --bot-list-select-text: #ffffff;
  /* white - maximum contrast */
  --bot-list-select-arrow: #8fa8b8;
  /* subtle text */

  /* Bot Detail Component - Dark Mode */
  --bot-detail-bg: #0b2f3a;
  /* deep teal base */
  --bot-detail-title: #ffffff;
  /* white - maximum contrast */
  --bot-detail-subtitle: #b0c4d3;
  /* light muted text */
  --bot-detail-card-bg: #103847;
  /* surface color */
  --bot-detail-card-border: #1e4e5e;
  /* border color */
  --bot-detail-card-shadow: rgba(0, 0, 0, 0.3);
  --bot-detail-stat-label: #b0c4d3;
  /* light muted text */
  --bot-detail-stat-value: #ffffff;
  /* white - maximum contrast */
  --bot-detail-stat-icon-bg-emerald: #1a4a5a;
  /* dark surface */
  --bot-detail-stat-icon-emerald: #4dbdeb;
  /* accent color */
  --bot-detail-stat-icon-bg-blue: #1a4a5a;
  /* dark surface */
  --bot-detail-stat-icon-blue: #4dbdeb;
  /* accent color */
  --bot-detail-stat-icon-bg-purple: #1a4a5a;
  /* dark surface */
  --bot-detail-stat-icon-purple: #4dbdeb;
  /* accent color */
  --bot-detail-button-primary: #4dbdeb;
  /* accent color */
  --bot-detail-button-primary-hover: #38bdf8;
  /* lighter accent */
  --bot-detail-button-primary-text: #0b2f3a;
  /* dark text on light bg */
  --bot-detail-button-ghost: #8fa8b8;
  /* subtle text */
  --bot-detail-button-ghost-hover: #b0c4d3;
  /* lighter text */
  --bot-detail-error-title: #ffffff;
  /* white - maximum contrast */
  --bot-detail-error-text: #8fa8b8;
  /* subtle text */
  --bot-detail-loading-icon: #8fa8b8;
  /* subtle text */

  /* Sessions List Component - Dark Mode */
  --sessions-list-title: #ffffff;
  /* white - maximum contrast */
  --sessions-list-empty-title: #ffffff;
  /* white - maximum contrast */
  --sessions-list-empty-text: #8fa8b8;
  /* subtle text */
  --sessions-list-header-bg: #0b2f3a;
  /* deep teal base */
  --sessions-list-header-border: #1e4e5e;
  /* border color */
  --sessions-list-header-text: #b0c4d3;
  /* light muted text */
  --sessions-list-row-bg: #103847;
  /* surface color */
  --sessions-list-row-hover-bg: #1a4a5a;
  /* hover surface */
  --sessions-list-row-border: #1e4e5e;
  /* border color */
  --sessions-list-avatar-bg: #3b4a54;
  /* dark avatar background */
  --sessions-list-avatar-text: #8696a0;
  /* avatar text */
  --sessions-list-phone-text: #ffffff;
  /* white - maximum contrast */
  --sessions-list-time-text: #8fa8b8;
  /* subtle text */
  --sessions-list-version-bg: #1a4a5a;
  /* dark surface */
  --sessions-list-version-text: #b0c4d3;
  /* light muted text */
  --sessions-list-active-badge-bg: #1a4a5a;
  /* dark surface */
  --sessions-list-active-badge-text: #4dbdeb;
  /* accent color */
  --sessions-list-pagination-text: #8fa8b8;
  /* subtle text */
  --sessions-list-pagination-button: #b0c4d3;
  /* light muted text */
  --sessions-list-pagination-button-hover: #ffffff;
  /* white - maximum contrast */

  /* Deployments Sidebar Component - Dark Mode */
  --deployments-sidebar-title: #ffffff;
  /* white - maximum contrast */
  --deployments-sidebar-header-bg: #0b2f3a;
  /* deep teal base */
  --deployments-sidebar-header-border: #1e4e5e;
  /* border color */
  --deployments-sidebar-header-text: #b0c4d3;
  /* light muted text */
  --deployments-sidebar-item-bg: #103847;
  /* surface color */
  --deployments-sidebar-item-hover-bg: #1a4a5a;
  /* hover surface */
  --deployments-sidebar-item-selected-bg: #1e5568;
  /* selected surface */
  --deployments-sidebar-item-border: #1e4e5e;
  /* border color */
  --deployments-sidebar-version-text: #ffffff;
  /* white - maximum contrast */
  --deployments-sidebar-date-text: #8fa8b8;
  /* subtle text */
  --deployments-sidebar-sessions-text: #b0c4d3;
  /* light muted text */
  --deployments-sidebar-active-badge-bg: #1a4a5a;
  /* dark surface */
  --deployments-sidebar-active-badge-text: #4dbdeb;
  /* accent color */

  /* Bot Build View Component - Dark Mode */
  --bot-build-bg: #0b2f3a;
  /* deep teal base */
  --bot-build-toolbar-bg: #103847;
  /* surface color */
  --bot-build-toolbar-border: #1e4e5e;
  /* border color */
  --bot-build-header-bg: #1a4a5a;
  /* dark surface */
  --bot-build-header-border: #1e4e5e;
  /* border color */
  --bot-build-title: #ffffff;
  /* white - maximum contrast */
  --bot-build-title-input-bg: #1a4a5a;
  /* dark surface */
  --bot-build-title-input-border: #4dbdeb;
  /* accent color */
  --bot-build-title-text: #ffffff;
  /* white - maximum contrast */
  --bot-build-title-hover-border: #4dbdeb;
  /* accent color */
  --bot-build-status-text: #8fa8b8;
  /* subtle text */
  --bot-build-status-warning: #fbbf24;
  /* amber-400 - warning color */
  --bot-build-status-error: #f87171;
  /* red-400 - error color */
  --bot-build-button-primary: #4dbdeb;
  /* accent color */
  --bot-build-button-primary-hover: #38bdf8;
  /* lighter accent */
  --bot-build-button-primary-text: #0b2f3a;
  /* dark text on light bg */
  --bot-build-button-secondary: #8fa8b8;
  /* subtle text */
  --bot-build-button-secondary-hover: #b0c4d3;
  /* light muted text */
  --bot-build-button-secondary-text: #0b2f3a;
  /* dark text on light bg */
  --bot-build-button-ghost: #8fa8b8;
  /* subtle text */
  --bot-build-button-ghost-hover: #b0c4d3;
  /* light muted text */
  --bot-build-button-ghost-text: #ffffff;
  /* white - maximum contrast */
  --bot-build-back-button: #8fa8b8;
  /* subtle text */
  --bot-build-back-button-hover: #b0c4d3;
  /* light muted text */
  --bot-build-back-button-hover-bg: #1a4a5a;
  /* dark surface */
  --bot-build-node-button-bg: #103847;
  /* surface color */
  --bot-build-node-button-border: #1e4e5e;
  /* border color */
  --bot-build-node-button-hover: #1a4a5a;
  /* dark surface */
  --bot-build-node-button-text: #ffffff;
  /* white - maximum contrast */
  --bot-build-node-button-secondary-text: #8fa8b8;
  /* subtle text */
  --bot-build-flow-bg: #0b2f3a;
  /* deep teal base */
  --bot-build-flow-grid: #1a4a5a;
  /* dark surface grid */
  --bot-build-flow-controls-bg: #103847;
  /* surface color */
  --bot-build-flow-controls-border: #1e4e5e;
  /* border color */
  --bot-build-flow-controls-text: #8fa8b8;
  /* subtle text */
  --bot-build-flow-controls-hover: #b0c4d3;
  /* light muted text */
  --bot-build-minimap-bg: #103847;
  /* surface color */
  --bot-build-minimap-border: #1e4e5e;
  /* border color */
  --bot-build-minimap-node: #8fa8b8;
  /* subtle text */
  --bot-build-minimap-node-selected: #4dbdeb;
  /* accent color */
  --bot-build-connection-line: #8fa8b8;
  /* subtle text */
  --bot-build-connection-line-selected: #4dbdeb;
  /* accent color */
  --bot-build-menu-bg: #103847;
  /* surface color */
  --bot-build-menu-border: #1e4e5e;
  /* border color */
  --bot-build-menu-shadow: rgba(0, 0, 0, 0.3);
  --bot-build-menu-item-hover: #1a4a5a;
  /* dark surface */
  --bot-build-menu-item-text: #ffffff;
  /* white - maximum contrast */
  --bot-build-modal-bg: #103847;
  /* surface color */
  --bot-build-modal-border: #1e4e5e;
  /* border color */
  --bot-build-modal-text: #ffffff;
  /* white - maximum contrast */
  --bot-build-modal-title: #ffffff;
  /* white - maximum contrast */
  --bot-build-modal-button-cancel: #8fa8b8;
  /* subtle text */
  --bot-build-modal-button-cancel-hover: #b0c4d3;
  /* light muted text */
  --bot-build-modal-button-confirm: #4dbdeb;
  /* accent color */
  --bot-build-modal-button-confirm-hover: #38bdf8;
  /* lighter accent */
  --bot-build-modal-button-confirm-text: #0b2f3a;
  /* dark text on light bg */

  /* Credits & Usage Component - Dark Mode */
  --credits-bg: #0b2f3a;
  /* deep teal base */
  --credits-title: #ffffff;
  /* white - maximum contrast */
  --credits-subtitle: #b0c4d3;
  /* light muted text */
  --credits-card-bg: #103847;
  /* surface color */
  --credits-card-border: #1e4e5e;
  /* border color */
  --credits-card-shadow: rgba(0, 0, 0, 0.3);
  --credits-remaining-title: #ffffff;
  /* white - maximum contrast */
  --credits-remaining-value: #4dbdeb;
  /* accent color */
  --credits-remaining-value-zero: #ff6b6b;
  /* danger color for zero credits */
  --credits-progress-bg: #1a4a5a;
  /* dark surface */
  --credits-progress-fill: #4dbdeb;
  /* accent color */
  --credits-progress-fill-warning: #fbbf24;
  /* amber-400 - warning color */
  --credits-progress-fill-danger: #ff6b6b;
  /* danger color */
  --credits-text-muted: #b0c4d3;
  /* light muted text */
  --credits-text-subtle: #8fa8b8;
  /* subtle text */
  --credits-link: #4dbdeb;
  /* accent color */
  --credits-link-hover: #38bdf8;
  /* lighter accent */
  --credits-alert-danger-bg: #2d1b1b;
  /* dark red background */
  --credits-alert-danger-border: #ff6b6b;
  /* danger color border */
  --credits-alert-danger-text: #ff9999;
  /* lighter red text for better contrast */
  --credits-alert-danger-title: #ffffff;
  /* white - maximum contrast */
  --credits-alert-warning-bg: #2d2b1b;
  /* dark amber background */
  --credits-alert-warning-border: #fbbf24;
  /* amber-400 - warning color border */
  --credits-alert-warning-text: #fcd34d;
  /* amber-300 - lighter amber text */
  --credits-alert-warning-title: #ffffff;
  /* white - maximum contrast */
  --credits-tab-active-bg: #1a4a5a;
  /* dark surface */
  --credits-tab-active-text: #4dbdeb;
  /* accent color */
  --credits-tab-inactive-bg: #103847;
  /* surface color */
  --credits-tab-inactive-text: #8fa8b8;
  /* subtle text */
  --credits-select-bg: #103847;
  /* surface color */
  --credits-select-border: #1e4e5e;
  /* border color */
  --credits-select-text: #ffffff;
  /* white - maximum contrast */
  --credits-select-arrow: #b0c4d3;
  /* lighter arrow for better visibility */
  --credits-select-content-bg: #103847;
  /* surface color for dropdown */
  --credits-select-content-border: #1e4e5e;
  /* border color for dropdown */
  --credits-select-item-bg: #103847;
  /* surface color for items */
  --credits-select-item-hover-bg: #1a4a5a;
  /* dark surface - hover background for items */
  --credits-select-item-text: #ffffff;
  /* white text color for items */
  --credits-select-item-hover-text: #ffffff;
  /* white hover text color */
  --credits-no-data-text: #b0c4d3;
  /* light muted text */
  --credits-debug-bg: #1a4a5a;
  /* dark surface */
  --credits-debug-border: #1e4e5e;
  /* border color */
  --credits-debug-text: #b0c4d3;
  /* light muted text */
  --credits-button-primary: #4dbdeb;
  /* accent color */
  --credits-button-primary-hover: #38bdf8;
  /* lighter accent */
  --credits-button-primary-text: #0b2f3a;
  /* dark text on light bg */
  --credits-button-primary-bg: #4dbdeb;
  /* accent color */
  --credits-button-primary-border: #4dbdeb;
  /* accent color */
  --credits-button-primary-hover-bg: #38bdf8;
  /* lighter accent */
  --credits-button-primary-hover-border: #38bdf8;
  /* lighter accent */
  --credits-button-primary-hover-text: #0b2f3a;
  /* dark text on light bg */
  --credits-button-secondary: #8fa8b8;
  /* subtle text */
  --credits-button-secondary-hover: #b0c4d3;
  /* light muted text */
  --credits-button-secondary-text: #0b2f3a;
  /* dark text on light bg */
  --credits-button-secondary-bg: #8fa8b8;
  /* subtle text */
  --credits-button-secondary-border: #8fa8b8;
  /* subtle text */
  --credits-button-secondary-hover-bg: #b0c4d3;
  /* light muted text */
  --credits-button-secondary-hover-border: #b0c4d3;
  /* light muted text */
  --credits-button-secondary-hover-text: #0b2f3a;
  /* dark text on light bg */
  --credits-button-outline: #8fa8b8;
  /* subtle text */
  --credits-button-outline-hover: #b0c4d3;
  /* light muted text */
  --credits-button-outline-text: #ffffff;
  /* white - maximum contrast */
  --credits-button-outline-border: #1e4e5e;
  /* border color */
  --credits-button-outline-bg: transparent;
  --credits-button-outline-hover-bg: #1a4a5a;
  /* dark surface */
  --credits-button-outline-hover-text: #ffffff;
  /* white - maximum contrast */
  --credits-button-outline-hover-border: #1e4e5e;
  /* border color */
  --credits-export-button-bg: #020817;

  /* Add Credits Modal Component - Dark Mode */
  --add-credits-modal-bg: #103847;
  --add-credits-modal-border: #1e4e5e;
  --add-credits-modal-shadow: rgba(0, 0, 0, 0.3);
  --add-credits-modal-title: #ffffff;
  --add-credits-modal-description: #b0c4d3;
  --add-credits-modal-subscription-bg: #1a4a5a;
  --add-credits-modal-subscription-border: #1e4e5e;
  --add-credits-modal-subscription-title: #ffffff;
  --add-credits-modal-subscription-value: #4dbdeb;
  --add-credits-modal-subscription-label: #8fa8b8;
  --add-credits-modal-alert-info-bg: #1e3a8a;
  --add-credits-modal-alert-info-border: #3b82f6;
  --add-credits-modal-alert-info-text: #93c5fd;
  --add-credits-modal-alert-warning-bg: #2d2b1b;
  --add-credits-modal-alert-warning-border: #fbbf24;
  --add-credits-modal-alert-warning-text: #fcd34d;
  --add-credits-modal-alert-error-bg: #2d1b1b;
  --add-credits-modal-alert-error-border: #ff6b6b;
  --add-credits-modal-alert-error-text: #ff9999;
  --add-credits-modal-billing-toggle-bg: #1a4a5a;
  --add-credits-modal-billing-toggle-active-bg: #103847;
  --add-credits-modal-billing-toggle-active-text: #ffffff;
  --add-credits-modal-billing-toggle-inactive-text: #8fa8b8;
  --add-credits-modal-plan-card-bg: #103847;
  --add-credits-modal-plan-card-border: #1e4e5e;
  --add-credits-modal-plan-card-selected-bg: #1e3a8a;
  --add-credits-modal-plan-card-selected-border: #3b82f6;
  --add-credits-modal-plan-card-hover-border: #374151;
  --add-credits-modal-plan-name: #ffffff;
  --add-credits-modal-plan-credits: #8fa8b8;
  --add-credits-modal-plan-price: #ffffff;
  --add-credits-modal-plan-period: #8fa8b8;
  --add-credits-modal-popular-badge-bg: #3b82f6;
  --add-credits-modal-popular-badge-text: #ffffff;
  --add-credits-modal-package-card-bg: #103847;
  --add-credits-modal-package-card-border: #1e4e5e;
  --add-credits-modal-package-card-selected-bg: #1e3a8a;
  --add-credits-modal-package-card-selected-border: #3b82f6;
  --add-credits-modal-package-card-hover-border: #374151;
  --add-credits-modal-package-credits: #ffffff;
  --add-credits-modal-package-price: #ffffff;
  --add-credits-modal-package-per-credit: #8fa8b8;
  --add-credits-modal-package-description: #8fa8b8;
  --add-credits-modal-package-save: #4dbdeb;
  --add-credits-modal-section-title: #ffffff;
  --add-credits-modal-button-cancel-bg: transparent;
  --add-credits-modal-button-cancel-border: #1e4e5e;
  --add-credits-modal-button-cancel-text: #ffffff;
  --add-credits-modal-button-cancel-hover-bg: #1a4a5a;
  --add-credits-modal-button-primary-bg: #3b82f6;
  --add-credits-modal-button-primary-text: #ffffff;
  --add-credits-modal-button-primary-hover-bg: #2563eb;
  --add-credits-modal-button-disabled-bg: #1a4a5a;
  --add-credits-modal-button-disabled-text: #6b7280;
  --add-credits-modal-loading-text: #8fa8b8;
  --add-credits-modal-shimmer-bg: #1a4a5a;

  /* Admin API Component - Dark Mode */
  --admin-api-info-box-bg: rgba(26, 74, 90, 0.8);
  --admin-api-info-box-text: #ffffff;
  --admin-api-info-box-link: #4dbdeb;
  --admin-api-copy-button-text: var(--color-always-white);
  --admin-api-copy-button-bg: #4dbdeb;
  --admin-api-copy-button-hover-bg: #38bdf8;
  --admin-api-copy-button-border: #4dbdeb;
  --admin-api-copy-button-hover-border: #38bdf8;
  --admin-api-tab-active: #4dbdeb;
  --admin-api-tab-inactive: #8fa8b8;
  --admin-api-tab-indicator: #4dbdeb;
  --admin-api-button-text: var(--color-always-white);
  --admin-api-warning-text: #ff6b6b;
  --admin-api-placeholder-text: #e5e7eb;

  /* Campaign Finish Section - Dark Mode */
  --campaign-finish-title-bg: #1c2b1b;
  --campaign-finish-title-text: #17761d;
  --campaign-finish-audience-label-bg: #1c2b1b;
  --campaign-finish-audience-label-border: rgba(23, 118, 29, 0.3);
  --campaign-finish-audience-label-text: #17761d;
  --campaign-finish-divider: #1e4e5e;
  --campaign-finish-no-message-bg: #1c2b1b;
  --campaign-finish-no-message-text: #17761d;

  /* Campaign Footer Panel - Dark Mode */
  --campaign-footer-panel-bg: #0b2f3a;
  --campaign-footer-panel-border: #1e4e5e;
}

/* Support Table – align MUI DataGrid with theme tokens */
.MuiDataGrid-root {
  background-color: var(--color-surface);
  color: var(--color-text);
}

.MuiDataGrid-columnHeaders,
.MuiDataGrid-toolbarContainer {
  background-color: var(--color-surface);
  color: var(--color-text);
  border-color: var(--color-border);
}

.MuiDataGrid-withBorderColor {
  border-color: var(--color-border);
}

/* Light mode row striping and hover */
html .MuiDataGrid-row:nth-of-type(odd) {
  background-color: var(--color-surface) !important;
}

html .MuiDataGrid-row:nth-of-type(even) {
  background-color: var(--color-surface-muted) !important;
}

html .MuiDataGrid-row:hover {
  background-color: var(--tasks-row-hover-bg) !important;
}

/* Dark mode overrides */
.dark .MuiDataGrid-root,
.dark .MuiDataGrid-columnHeaders,
.dark .MuiDataGrid-toolbarContainer {
  background-color: var(--color-surface);
  color: var(--color-text);
}

.dark .MuiDataGrid-row:nth-of-type(odd) {
  background-color: var(--color-surface) !important;
}

.dark .MuiDataGrid-row:nth-of-type(even) {
  background-color: var(--color-surface-muted) !important;
}

.dark .MuiDataGrid-row:hover {
  background-color: var(--tasks-row-hover-bg) !important;
}

.dark .MuiDataGrid-withBorderColor {
  border-color: var(--color-border);
}

/* DataGrid footer / pagination */
.MuiDataGrid-footerContainer {
  background-color: var(--color-surface);
  color: var(--color-text);
  border-top: 1px solid var(--color-border);
}

.MuiTablePagination-root {
  color: var(--color-text);
}

.MuiTablePagination-selectLabel,
.MuiTablePagination-displayedRows {
  color: var(--color-text-muted);
}

.MuiTablePagination-select {
  color: var(--color-text);
}

.MuiTablePagination-actions .MuiIconButton-root {
  color: var(--color-text);
}

.MuiTablePagination-actions .MuiIconButton-root:hover {
  background-color: var(--color-surface-muted);
}

.MuiTablePagination-actions .Mui-disabled {
  color: var(--color-text-muted) !important;
  opacity: 0.5;
}

/* Pagination select arrow and menu */
.MuiTablePagination-toolbar .MuiSelect-select {
  color: var(--color-text);
}

.MuiTablePagination-toolbar .MuiSelect-icon,
.MuiTablePagination-toolbar .MuiSelect-iconOutlined,
.MuiTablePagination-toolbar .MuiSvgIcon-root {
  color: var(--color-text);
  fill: var(--color-text);
}

/* Dropdown menu popup used by the rows-per-page select */
.MuiMenu-paper {
  background-color: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
}

.MuiMenu-paper .MuiMenuItem-root {
  color: var(--color-text);
}

.MuiMenu-paper .MuiMenuItem-root:hover {
  background-color: var(--color-surface-muted);
}

.MuiMenu-paper .MuiMenuItem-root.Mui-selected {
  background-color: var(--color-surface-accent) !important;
}

/* Global placeholder styling */
input::placeholder,
textarea::placeholder {
  color: var(--form-placeholder) !important;
  opacity: 1 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--form-placeholder) !important;
  opacity: 1 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--form-placeholder) !important;
  opacity: 1 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--form-placeholder) !important;
  opacity: 1 !important;
}

/* * {
  border-color: var(--color-border);
}
body {
  background: var(--color-bg);
  color: var(--color-text);
} */

/* Support Table – align MUI DataGrid with theme tokens */



/* Fix browser autofill styling to respect theme colors */

/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-internal-autofill-selected {
  appearance: none !important;
  background-image: none !important;
  background-color: var(--form-bg) !important;
  color: var(--form-text) !important;
  border: 1px solid var(--form-border) !important;
  border-radius: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px var(--form-bg) inset !important;
  -webkit-text-fill-color: var(--form-text) !important;
  transition: background-color 5000s ease-in-out 0s !important;
  box-shadow: 0 0 0 1000px var(--form-bg) inset !important;
} */

/*# sourceMappingURL=main-4f8c3db7.a061b692.css.map*/