.payment-pricing-box_rocket__DwOPo{animation:payment-pricing-box_float__EXVBs 6s ease-in-out infinite}@keyframes payment-pricing-box_float__EXVBs{0%{transform:translatey(0px)}50%{transform:translatey(-20px)}100%{transform:translatey(0px)}}
.payment_form_paymenMethodContainer__ErVi6 .payment_form_creditCardButton__illLE{background:var(--color-surface);color:#013750;font-weight:600;font-size:14px;min-width:164px;border:1px solid var(--tasks-notification-border);box-shadow:1px 2px 1px rgba(84,193,255,.3);border-radius:8px;margin-right:8px;padding:20px 20px;text-transform:capitalize}.payment_form_paymenMethodContainer__ErVi6 .payment_form_creditCardButton__illLE.payment_form_selected__YmsPT{border:1px solid var(--color-accent)}.payment_form_paymenMethodContainer__ErVi6 .payment_form_creditCardButton__illLE.payment_form_selected__YmsPT:hover{background:var(--color-surface);border:1px solid var(--color-accent)}.payment_form_paymenMethodContainer__ErVi6 .payment_form_creditCardButton__illLE:hover{background:var(--color-surface);border:1px solid var(--tasks-notification-border)}.payment_form_featuresRecived__JREW4{font-weight:400;color:#013750;font-size:14px}.payment_form_label__4DuHY{color:#013750;font-size:14px;font-weight:500;margin-bottom:8px;display:flex;align-items:center}.payment_form_label__4DuHY svg{font-size:16px;margin-left:5px}.payment_form_plantText__oeMD5{color:#858585}.payment_form_sumDetails__6POc\+{color:#013750;font-size:14px;font-weight:500}.payment_form_lineThrough__3kfDZ{text-decoration:line-through}.payment_form_rocket__WCN\+f{animation:payment_form_float__zDEDl 6s ease-in-out infinite}@keyframes payment_form_float__zDEDl{0%{transform:translatey(0px)}50%{transform:translatey(-20px)}100%{transform:translatey(0px)}}
.checkbox-form-cell_checkboxCell__evNE3{position:relative;display:flex;justify-content:center}.checkbox-form-cell_checkboxCell__evNE3 input[type=checkbox]{cursor:pointer}
.rating-form-cell_ratingCell__akULz{display:flex;align-items:center;justify-content:center;transition:.2s;height:35px;position:relative;cursor:text}.rating-form-cell_ratingCell__akULz .rating-form-cell_clearIcon__z21LM{display:none;color:#819ba8;position:absolute;right:0;cursor:pointer;transform:translate(50%, -45%);font-size:15px;z-index:3;top:50%}.rating-form-cell_ratingCell__akULz:hover .rating-form-cell_clearIcon__z21LM{display:block}
.timeline-form-cell_dateContainer__HHKIo{width:300px;display:flex;justify-content:center;align-items:center;position:relative;color:#013750;cursor:text;overflow:hidden}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_clearIcon__f1IpB{display:block;color:#819ba8;right:10%;cursor:pointer;transform:translate(50%, 10%);font-size:15px;z-index:3}.timeline-form-cell_dateContainer__HHKIo:hover{color:var(--color-primary)}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_addIcon__Nx68H,.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_dateIcon__KpYBW{width:16px;visibility:hidden}.timeline-form-cell_dateContainer__HHKIo:hover svg{visibility:visible}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g{display:flex;position:relative;white-space:nowrap;overflow:hidden;width:100%;margin:unset auto}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g .timeline-form-cell_timelineCellDataEmpty__i6KRv{flex:1;position:relative;background:#c4c4c4;height:25px;border-radius:13px;margin:4px auto;color:var(--color-surface);text-overflow:ellipsis;overflow:hidden;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-size:10px}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g .timeline-form-cell_timelineCellData__P8t-9{font-size:10px;display:flex;align-items:center;flex:1;align-content:center;justify-content:center;position:relative;background:#323232;height:25px;border-radius:13px;margin:auto;color:var(--color-surface);text-overflow:ellipsis;overflow:hidden;text-align:center;white-space:nowrap}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g div{overflow:hidden;text-overflow:ellipsis}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g .timeline-form-cell_dateIcon__KpYBW{padding-left:2px}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g .timeline-form-cell_dateIcon__KpYBW path{fill:var(--color-primary)}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g .timeline-form-cell_addIcon__Nx68H circle{fill:url(#SVGID_1_)}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g .timeline-form-cell_addIcon__Nx68H path{fill:var(--color-surface) f}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g label{display:none}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g input{border:none;font-size:14px;padding:0;text-align:center}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_timelineCell__NIM0g fieldset{border:none}.timeline-form-cell_dateContainer__HHKIo .timeline-form-cell_emptyTimeline__aLWmy{border-radius:8px;margin:5px;background:#ababab}
.files_icons_imgIcon__0gnVg{height:20px;width:20px}.files_icons_docIcons__PbJM9{height:20px;width:15px;display:inline-block}
.move-to-menu_move_to_menu_wrapper__BlEkE{display:grid;min-width:162px;z-index:10;padding:10px;border-radius:5px;background-color:var(--tasks-board-bg);box-shadow:0px 8px 16px 0px rgba(0,55,80,.16);transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1);transform-origin:top;animation:move-to-menu_translated__xxxxD .2s cubic-bezier(0.165, 0.84, 0.44, 1)}@keyframes move-to-menu_translated__xxxxD{0%{top:0px}100%{top:-102px}}.move-to-menu_move_to_btn__Dj7uI{color:var(--color-primary);border:0;padding:8px;display:flex;justify-content:left;cursor:pointer;background-color:var(--tasks-board-bg);border-radius:5px}.move-to-menu_move_to_btn__Dj7uI:hover{background-color:var(--tasks-menu-hover-bg)}.move-to-menu_move_to_header__vALnm{display:flex;align-items:flex-start}.move-to-menu_move_to_header__vALnm p{font-weight:600;flex:1;align-self:center;padding:0;margin:0}.move-to-menu_back_btn__jezqM{display:flex;align-items:center;color:var(--color-primary);border:0;padding:5px 8px;border-radius:3px;background-color:var(--tasks-group-bg)}.move-to-menu_back_btn__jezqM span{display:flex;align-items:center;margin-right:3px}.move-to-menu_filter_container__rbUQL{display:flex;margin-top:8px;border-radius:3px;border:1px solid var(--tasks-group-bg);border-bottom-width:2px}.move-to-menu_filter_container__rbUQL input{flex:1;border:0;outline:none;border-radius:3px}.move-to-menu_filter_container__rbUQL button{border:0;outline:none;background-color:var(--color-surface)}.move-to-menu_mapped_items__GoRJr{margin-top:8px;height:200px;overflow-y:auto}.move-to-menu_mapped_items__GoRJr::-webkit-scrollbar{background-color:var(--tasks-group-bg);width:2px}.move-to-menu_mapped_items__GoRJr::-webkit-scrollbar-thumb{background-color:var(--tasks-board-bg);border-radius:10px}.move-to-menu_group_item_wrap__HZgpC{display:flex;align-items:center;border-radius:3px;padding:0 5px}.move-to-menu_group_item_wrap__HZgpC:hover{background-color:var(--tasks-input-border)}.move-to-menu_group_item_wrap__HZgpC .move-to-menu_group_item__Shuqs{flex:1}.move-to-menu_accent_icon__GMNr6{width:16px;height:16px;margin-right:8px;background-color:var(--tasks-group-bg);border-radius:50%}.move-to-menu_mapped_items__GoRJr button{color:var(--color-primary);width:100%;border:0;display:block;text-align:left;padding:8px;outline:none;border-radius:3px;background-color:rgba(0,0,0,0)}.move-to-menu_mapped_items__GoRJr button:hover{background-color:var(--tasks-menu-hover-bg)}.move-to-menu_loadingGroups__QZnOc{height:200px;background-color:var(--tasks-board-bg);display:flex;align-items:center;justify-content:center;border-radius:10px}
.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}
.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)}
.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}
.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}
.export-to-excel_container__MKPRI{padding:24px}.export-to-excel_exportHeader__O-S-V{font-weight:600;display:flex;align-items:center}h3{margin:32px 0}.export-to-excel_buttonContainer__FpuOw{display:flex;justify-content:flex-end}.export-to-excel_export_button__aDFCn{font-weight:600 !important;border-radius:5px !important;width:30% !important;color:var(--color-surface) !important;text-transform:capitalize !important;background:linear-gradient(-90deg, #6dd1f1, var(--tasks-button-hover-bg)) !important}
.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%;max-width:90vw;position:relative}@media(max-width: 785px){.image-previewer_image_wrapper__oh81B{flex-basis:92%}}.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:8px;right:8px;width:40px;height:40px;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;cursor:pointer}
.kanban-column_task_list__977nZ::-webkit-scrollbar{width:4px;height:4px;background:var(--tasks-board-bg)}.kanban-column_task_list__977nZ::-webkit-scrollbar-thumb{background-color:var(--tasks-menu-hover-bg)}.kanban-column_kanbanScroller__bEJmo::-webkit-scrollbar{width:4px}.kanban-column_kanbanScroller__bEJmo::-webkit-scrollbar-thumb{background-color:#a1a1a1;border-radius:10px}
.chat-task-list_virtuoso_wrapper__1dOvB::-webkit-scrollbar{width:10px;height:15px}.chat-task-list_virtuoso_wrapper__1dOvB::-webkit-scrollbar-thumb{background-color:#bcbcbc}:focus-visible{outline:none}
.tasks-panel_header__lH4xz{display:flex;align-items:center;justify-content:space-between;height:60px}.tasks-panel_extraDataPanel__jS\+\+A{overflow:auto;height:100%;width:450px;background:var(--tasks-group-bg)}.tasks-panel_extraDataPanel__jS\+\+A::-webkit-scrollbar{width:4px;background-color:rgba(0,0,0,0);border-radius:10px}.tasks-panel_extraDataPanel__jS\+\+A::-webkit-scrollbar-thumb{background-color:var(--color-surface-muted);border-radius:10px}@media only screen and (max-width: 768px){.tasks-panel_extraDataPanel__jS\+\+A{width:auto}}.tasks-panel_panelContainer__QgTQz{position:relative;border-inline-start:0px solid var(--color-border);background-color:var(--color-bg);user-select:none}.tasks-panel_topBar__sMTuU{display:grid;grid-template-columns:6% auto 5% 1fr 5%;justify-content:space-between;color:var(--color-text);background-color:var(--color-surface);justify-content:center;padding:10px;align-items:center;border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.tasks-panel_topBarIcons__e-QAl{transition:.2s;color:var(--color-text-muted) !important}.tasks-panel_topBarIcons__e-QAl:hover{background-color:var(--color-surface-muted) !important}.tasks-panel_graphIcon__HVMcR{flex-basis:7%;display:flex;justify-content:center}.tasks-panel_inlineEditWrap__mh2T9{flex-basis:20%}.tasks-panel_shareIcon__nfUqX{flex:1 !important;font-size:23px;display:flex;justify-content:center}.tasks-panel_deleteIcon__N8fk9{flex:1 !important;display:flex;justify-content:center;justify-content:center;font-size:23px;transition:.2s}.tasks-panel_deleteIcon__N8fk9:hover{color:#ff3867 !important;border:1px dashed #ff3867 !important}.tasks-panel_solidLine__CXmnW{flex-basis:75%;height:2px;background-color:var(--color-primary)}.tasks-panel_emptyBoard__YFz70{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:var(--color-text);border-radius:0px}.tasks-panel_taskXIcon__xZQIU{display:flex;justify-content:center}.tasks-panel_taskXIcon__xZQIU svg{font-size:54px;color:var(--color-primary)}.tasks-panel_createGroup__RS9DC{text-transform:capitalize !important;width:100%;padding:12px 16px;background-color:var(--color-accent) !important;color:var(--color-surface) !important;border-radius:5px;border-bottom:4px solid #4760f0 !important;outline:none}.tasks-panel_customSkeletonStyle__m8ZO\+{background-color:var(--tasks-group-bg) !important}.tasks-panel_extraDataWrapper__p2-Hd{top:0;width:399px;z-index:100;transition:inset-inline-end .5s ease-in-out}.tasks-panel_closeExtraDataWrapper__0JXHD{inset-inline-end:-399px}.tasks-panel_setBoardIconPicker__t7nr1{position:absolute;top:-17px;inset-inline-start:32px;z-index:60;box-shadow:0 5px 12px 0 rgba(0,0,0,.15)}.tasks-panel_resizeHandle__S1\+Mi{width:15px;height:100%;background-color:#d3d3d3;cursor:col-resize;position:absolute;display:flex;align-items:center;inset-inline-start:0;top:0;opacity:0;transition:opacity .4s}.tasks-panel_resizeHandle__S1\+Mi:hover{opacity:1}
.recents-boards_container__lWT7V{width:100vw}.recents-boards_header__RYNsk{position:fixed;top:0;width:100%;z-index:30;display:flex;align-items:center;height:80px;padding:0 15px;border-left:1px solid var(--color-border);background-color:var(--color-surface)}.recents-boards_backgroundCol__nqww4{user-select:none;height:80px;flex:1}.recents-boards_contentWrapper__dLtne{margin-top:75px}.recents-boards_recentBoardsWrapper__3XQSc{width:100%}.recents-boards_labelWrap__fVqs2{display:flex;padding:0 4px;justify-content:space-between}.recents-boards_labelTitle__YFn96{flex:1;font-size:15px;font-weight:600;margin:5px 0}.recents-boards_buttonLink__1IE2x{cursor:pointer;color:var(--tasks-text-muted);text-align:right;flex-basis:15%;font-size:15px;font-weight:600;margin:5px 0}.recents-boards_buttonLink__1IE2x:hover{text-decoration:underline}.recents-boards_mappedRecentBoards__C5sK0{padding:60px 24px 60px 24px;height:147px;border-radius:8px;background-color:var(--color-surface);overflow:hidden}.recents-boards_seeAll__2L0Zg .recents-boards_mappedRecentBoards__C5sK0{justify-content:center !important;flex-wrap:wrap !important;height:auto !important;overflow:unset !important}.recents-boards_boardItem__ZovOW{user-select:none;cursor:pointer;font-size:20px;position:relative;display:flex;align-items:center;justify-self:center;border-radius:8px;border:1px solid var(--color-border);border-color:var(--color-border);padding:24px 0}.recents-boards_boardItemWrap__Vs74q{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:100%}.recents-boards_boardIcon__l48n4{position:absolute;left:50%;top:80%;z-index:10;width:48px;height:48px;display:flex;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);border-color:var(--color-border);justify-content:center;align-items:center;transform:translate(-50%, -172%)}.recents-boards_boardItemWrap__Vs74q h3{text-align:center;flex-basis:60%;font-size:18px;font-weight:600;line-height:27px;letter-spacing:0em;padding:0;margin:0}.recents-boards_boardItemWrap__Vs74q p{color:var(--color-text-muted);flex-basis:60%;font-size:14px;font-weight:500;line-height:21px;letter-spacing:0em;text-align:center}.recents-boards_notificationsWrapper__ucCT\+{margin-top:45px}.recents-boards_notificationItem__Hwa-Y{display:flex;align-items:center;height:70px;padding:0px 24px 0px 16px;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.recents-boards_iconCol__i458b{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);height:28px;width:28px;background-color:var(--color-surface)}.recents-boards_userAvatarCol__hUWeP{cursor:pointer;display:flex;align-items:center;justify-content:center;height:28px;width:28px;margin:4px;background-color:var(--color-surface-muted);border-radius:50%}.recents-boards_titleCol__9UOm4{cursor:pointer;flex:1;font-size:14px}.recents-boards_dateCol__JKE1x{height:10px;display:flex;align-items:center;font-size:13px;color:var(--color-text-muted)}.recents-boards_dateClocIcon__u47\+L{margin:-2px 5px 0 0;display:flex;align-items:center;justify-content:center}.recents-boards_notificationItem__Hwa-Y:nth-child(1){border-top-left-radius:8px;border-top-right-radius:8px}.recents-boards_notificationItem__Hwa-Y:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.files_versions_panel__Wtvb1{display:flex;flex-direction:column;height:100%;min-height:0}.files_versions_panelHeader__qGNz\+{font-size:15px;font-weight:600;color:var(--color-text);padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--color-border)}.files_versions_sectionLabel__Q5FN8{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:10px 0 6px}.files_versions_emptyState__yj3Ib{font-size:13px;color:var(--color-text-muted);padding:12px;text-align:center;border:1px dashed var(--color-border);border-radius:8px}.files_versions_versionsColumn__2-5TQ{display:flex;flex-direction:column-reverse;gap:8px;overflow-y:auto;min-height:0;padding-inline-end:2px}.files_versions_versionsColumn__2-5TQ ::-webkit-scrollbar{width:6px}.files_versions_versionsColumn__2-5TQ ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}.files_versions_fileContainer__Zugs\+{font-size:12px;position:relative;border:1px solid var(--color-border);border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease}.files_versions_fileContainer__Zugs\+:hover{border-color:var(--color-accent);box-shadow:0 1px 6px rgba(15,23,42,.08)}.files_versions_fileContainer__Zugs\+ img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V{flex:1;min-width:0}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_fileNameContainer__Pq8Wx{display:flex;justify-content:space-between;align-items:center;gap:6px}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_fileName__S5jFv{flex:1;min-width:0;font-weight:500;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_versionMenu__5MRIn{display:flex;flex-shrink:0;color:var(--color-text-muted)}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_versionMetaRow__GZrU-{display:flex;align-items:center;gap:8px;margin-top:6px}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_versionBadge__YBZn4{border:1px solid var(--color-border);padding:1px 6px;border-radius:6px;color:var(--color-text-muted);font-size:10px;font-weight:600;flex-shrink:0}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_currentBadge__YD4tZ{border-color:var(--color-accent);color:var(--color-primary);background:var(--color-surface-accent)}.files_versions_fileContainer__Zugs\+ .files_versions_versionDetails__Ijs9V .files_versions_timestamp__9AUgc{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files_versions_versionSelected__Q8kwy{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);background:var(--color-surface-accent)}
.media_manager_edit_wrapper__gehnZ{display:flex;flex-direction:column;height:100%;min-height:0;padding:16px}.media_manager_edit_panelHeader__Bh0FY{font-size:15px;font-weight:600;color:var(--color-text);padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--color-border)}.media_manager_edit_cardList__fDQb8{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-inline-end:2px}.media_manager_edit_cardList__fDQb8 ::-webkit-scrollbar{width:6px}.media_manager_edit_cardList__fDQb8 ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}.media_manager_edit_card__Et3-c{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.media_manager_edit_cardHeader__0cHPG{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-muted)}.media_manager_edit_cardHeader__0cHPG .media_manager_edit_cardIcon__KcZuj{display:inline-flex;align-items:center;font-size:15px}.media_manager_edit_cardHeader__0cHPG .media_manager_edit_cardTitle__WbSl1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media_manager_edit_cardCell__Lpue5{min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--color-surface-muted);overflow:hidden}.media_manager_edit_cardCellPlain__t00fE{background:rgba(0,0,0,0)}.media_manager_edit_emptyState__w1Ber{font-size:13px;color:var(--color-text-muted);padding:16px;text-align:center;border:1px dashed var(--color-border);border-radius:8px}
.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}
.bulk-actions-dialog_fixed_wrapper__qGgp3{background-color:rgba(0,128,0,0);position:fixed;bottom:60px;display:flex;justify-content:center;z-index:10;transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1);transform-origin:bottom;animation:bulk-actions-dialog_translated__pbtb7 .2s cubic-bezier(0.165, 0.84, 0.44, 1);pointer-events:none}@keyframes bulk-actions-dialog_translated__pbtb7{0%{bottom:0px}100%{bottom:60px}}.bulk-actions-dialog_dialog_actions_menu__yt1Tq{display:flex;position:relative;align-items:center;height:60px;background-color:var(--color-surface);border-radius:9px;box-shadow:0 0 20px 0 var(--tasks-shadow);pointer-events:auto}.bulk-actions-dialog_aside_col__Otg8D{height:60px;display:flex;align-items:center;justify-content:center;width:60px}.bulk-actions-dialog_aside_left__Rpt8b{background:linear-gradient(-90deg, #6dd1f1, var(--tasks-button-hover-bg));color:#fff;font-size:28px}.bulk-actions-dialog_selected_txt__sPOEA{padding-left:10px;padding-right:10px}.bulk-actions-dialog_selected_txt__sPOEA p{font-size:18px;margin-inline-end:24px}.bulk-actions-dialog_aside_left__Rpt8b p{padding:0;margin:0}.bulk-actions-dialog_aside_right__FXQO-{cursor:pointer;background-color:var(--color-surface);transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1)}.bulk-actions-dialog_aside_right__FXQO-:hover{color:var(--color-accent)}.bulk-actions-dialog_main_col__DWB10{display:flex;flex:1}.bulk-actions-dialog_bulk_action_btn_wrap__r65At{color:210 40% 96.1%}.bulk-actions-dialog_bulk_action_btn_wrap__r65At .bulk-actions-dialog_bulk_action_btn__YYcBx{cursor:pointer;display:grid;grid-template-columns:100%;margin:0 10px;border:0;outline:none;padding:8px;background-color:rgba(0,0,0,0);transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1);color:var(--color-primary);font-size:14px;font-family:"Inter",sans-serif;font-weight:500;display:flex;flex-direction:column;align-items:center}.bulk-actions-dialog_bulk_action_btn_wrap__r65At .bulk-actions-dialog_bulk_action_btn__YYcBx span svg{font-size:18px}.bulk-actions-dialog_bulk_action_btn_wrap__r65At .bulk-actions-dialog_bulk_action_btn__YYcBx:hover{color:#6dd1f1}@media only screen and (max-width: 768px){.bulk-actions-dialog_fixed_wrapper__qGgp3{background-color:rgba(0,128,0,0);position:fixed;left:0px;bottom:0px;width:100%;display:flex;justify-content:center;z-index:10;transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1);transform-origin:bottom;animation:none}.bulk-actions-dialog_dialog_actions_menu__yt1Tq{display:flex;position:relative;flex-wrap:wrap;align-items:center;height:auto;flex-direction:column;background:var(--color-surface);border-radius:0;box-shadow:0px 0px 12px 0px var(--tasks-shadow)}.bulk-actions-dialog_main_col__DWB10{flex-wrap:wrap}.bulk-actions-dialog_aside_left__Rpt8b{position:absolute;left:0;border-radius:0}.bulk-actions-dialog_selected_txt__sPOEA{border:none}.bulk-actions-dialog_aside_right__FXQO-{position:absolute;right:0;border-radius:0;border:none}}
.mobile-board_wrapper__pqlTq{width:100%;background:var(--color-bg);box-sizing:border-box}.mobile-board_virtuoso__\+qNss{width:100%}.mobile-board_groupHeader__BMRjx{display:flex;align-items:center;gap:8px;padding:14px 16px 6px 16px;box-sizing:border-box}.mobile-board_groupColorDot__vunSi{width:12px;height:12px;border-radius:4px;flex:0 0 auto}.mobile-board_groupName__8DOgh{font-size:16px;font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-board_groupCount__5oKnN{font-size:13px;font-weight:500;color:var(--color-text-muted);flex:0 0 auto}.mobile-board_card__pBCM3{position:relative;width:calc(100% - 24px);margin:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06)}.mobile-board_subCard__wY35o{width:calc(100% - 40px);margin-inline-start:28px}.mobile-board_accentBar__4oPqD{position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px}.mobile-board_cardHeader__tFjPr{display:flex;align-items:center;gap:4px;min-height:44px;padding-inline-end:4px}.mobile-board_headerPrefix__YvUnE{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:44px}.mobile-board_openBtn__yY\+wu{flex:0 0 auto}.mobile-board_fields__-qg2O{display:flex;flex-direction:column;padding:4px 12px 10px 12px;gap:2px}.mobile-board_field__1qKks{display:flex;align-items:center;gap:8px;min-height:40px;border-top:1px solid var(--color-border)}.mobile-board_fieldLabel__-f3dz{flex:0 0 34%;max-width:34%;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-board_fieldValue__A5JN5{flex:1 1 auto;min-width:0;display:flex;align-items:center;min-height:40px;overflow:hidden}.mobile-board_fieldValue__A5JN5>*{max-width:100%}.mobile-board_moreBtn__0WFVh{align-self:flex-start;margin-top:4px;background:rgba(0,0,0,0);border:none;color:var(--color-accent);font-size:13px;font-weight:600;padding:8px 4px;min-height:40px;cursor:pointer}.mobile-board_addRow__kIEXp{padding:2px 12px 8px 12px;box-sizing:border-box}.mobile-board_newGroup__StXYf{padding:12px 16px}.mobile-board_spacer__kDoaS{height:4px}
.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)}
.form_form_header__XHEOB{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;padding:0 40px 12px;background:var(--tasks-group-bg);z-index:0;position:relative}.form_form_wrapper__mLfPe{background-color:var(--tasks-board-bg);width:700px;border-radius:20px;padding:32px 48px}.form_form_body__rgAgq{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.form_form_cell__RlfqV{border:rgba(0,0,0,0);padding:16px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .1s;margin-top:12px}.form_form_cell__RlfqV:hover{box-shadow:0 5px 12px rgba(0,0,0,.15)}.form_form_cell__RlfqV:hover .form_drag_handle__Smehs{opacity:1}.form_form_cell__RlfqV:hover .form_required_and_visible__FYfwW{display:flex;flex-direction:row;align-items:flex-start;visibility:visible}.form_form_column_cell__ID53p{margin-block:15px;margin-inline-start:6px;display:flex;justify-content:flex-start;max-width:300px}.form_drag_handle__Smehs{opacity:0}.form_form_cell__RlfqV .form_required_and_visible__FYfwW{visibility:hidden}.form_settings_drawer_container__YOjHL{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)}.form_settings_drawer__SvnYc .form_title__Nawkj{margin:2px;font-size:20px;font-weight:800;font-family:"Poppins","Assistant",sans-serif;margin-bottom:24px;align-self:center}.form_settings_drawer_title__TROSR{display:flex;font-size:15px;font-weight:500;font-family:"Poppins"}.form_settings_drawer__SvnYc .form_option__WGDiV{padding-block:8px 28px;padding-inline:4px;border-top:1px solid #e5e5e5}.form_settings_drawer__SvnYc .form_option__WGDiV.form_first__-q3DG{border-top:0;margin-top:8px}.form_form_header__XHEOB .form_header_button__1DmXE{cursor:pointer;opacity:.5;display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;height:36px;padding:0 16px;font-size:14px;border-radius:8px;font-weight:600;border:0;background-color:rgba(0,0,0,0);outline:none;color:#013750;text-transform:capitalize;font-family:"Poppins",sans-serif;flex-shrink:0}.form_form_header__XHEOB .form_active__tH\+vT,.form_form_header__XHEOB .form_header_button__1DmXE:hover{opacity:1;background:var(--color-surface);box-shadow:0 5px 12px var(--modal-shadow)}
.bt-color-picker_pickerContainer__oWgqc{background-color:var(--color-surface) f;z-index:99999;box-shadow:0px 1px 3px 0px var(--tasks-shadow);padding:10px;border-radius:5px;animation:bt-color-picker_translated__dgaFP .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:absolute;top:30px;right:22px}@keyframes bt-color-picker_translated__dgaFP{0%{transform:translate(-100px)}100%{transform:translate(0px)}}
.task-list-header_ganttTable__7w3v8 {
  display: table;
  /* border-bottom: #e6e4e4 1px solid; */
  /* border-top: #e6e4e4 1px solid; */
}

.task-list-header_ganttTable_Header__\+nu\+t {
  display: table-row;
  list-style: none;
}

.task-list-header_ganttTable_HeaderSeparator__dVMbM {
  border-right: 1px solid rgb(196, 196, 196);
  opacity: 1;
  margin-left: -2px;
}

.task-list-header_ganttTable_HeaderItem__HK-ev {
  position: relative;
  box-sizing: border-box;
  overflow: scroll;
  padding-left: 5px;
  text-align: center;
  padding-right: 5px;
  display: table-cell;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  margin: 0px 5px;
    opacity: 0.5;
    white-space: nowrap;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 600;
    border: 0;
    outline: none;
    color: var(--brand-text);
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
}

.task-list-header_resizer__LIaDT {
  position: absolute;
  top: 0;
  right: -5px;
  height: 100%;
  width: 10px;
  cursor: ew-resize;
  user-select: none;
}

.task-list-table-row_taskListTableRow__04Tri {
  position: relative;
  display: table-row;
  text-overflow: ellipsis;
}

.task-list-table-row_lighten__1cZmz {
  background-color: var(--tasks-menu-hover-bg)eff;
}

.task-list-table-row_cut__y1jqS {
  opacity: 0.3;
}

.task-list-table-row_taskListCell__Zgeho {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding:0 10px;
}

.task-list-table-row_dropAfter__0-YIE {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  color: transparent;
}

.task-list-table-row_dropAfterLighten__pfE9h {
  color: var(--bulk-text-secondary)6ff;
}

.task-list-table-row_dropAfter__0-YIE::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: currentColor;
}

.task-list-table-row_dropAfter__0-YIE::after {
  content: "";
  flex: 1;
  height: 3px;
  background-color: currentColor;
}

.task-list-table_taskListWrapper__gf6ym {
  display: table;
  border-bottom: #e6e4e4 1px solid;
}

.tooltip_tooltipDefaultContainer__nkTLj {
  background: var(--color-surface);
  padding: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.tooltip_tooltipDefaultContainerParagraph__55aUy {
  font-size: 12px;
  margin-bottom: 6px;
  color: var(--bulk-text-secondary);
}

.tooltip_tooltipDetailsContainer__cV5PH {
  position: absolute;
  display: flex;
  flex-shrink: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tooltip_tooltipDetailsContainerHidden__2bvGL {
  visibility: hidden;
  position: absolute;
  display: flex;
  pointer-events: none;
}

.vertical-scroll_scroll__gP-y4 {
  overflow: hidden auto;
  width: 1rem;
  flex-shrink: 0;
  
  /*firefox*/
  scrollbar-width: thin;
}
.vertical-scroll_scroll__gP-y4::-webkit-scrollbar {
  width: 1.1rem;
  height: 1.1rem;
}
.vertical-scroll_scroll__gP-y4::-webkit-scrollbar-corner {
  background: transparent;
  
}
.vertical-scroll_scroll__gP-y4::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  background: var(--modal-shadow);
  background: var(--modal-shadow);
  border-radius: 10px;
  background-clip: padding-box;
}
.vertical-scroll_scroll__gP-y4::-webkit-scrollbar-thumb:hover {
  border: 4px solid transparent;
  background: var(--modal-shadow);
  background: var(--modal-shadow);
  background-clip: padding-box;
}

.task-list_taskListRoot__oalzy {
  position: relative;
  /* border-left: #e6e4e4 1px solid; */
}

.task-list_taskListHorizontalScroll__UtbMw {
  overflow-x: scroll;
}

.task-list_taskListHorizontalScroll__UtbMw::-webkit-scrollbar {
  width: 1.1rem;
  height: 1.1rem;
}

.task-list_taskListHorizontalScroll__UtbMw::-webkit-scrollbar-corner {
  background: transparent;
}

.task-list_taskListHorizontalScroll__UtbMw::-webkit-scrollbar-thumb {
  /* border: 6px solid transparent; */
  background: var(--modal-shadow);
  background: var(--modal-shadow);
  border-radius: 10px;
  background-clip: padding-box;
}

.task-list_taskListHorizontalScroll__UtbMw::-webkit-scrollbar-thumb:hover {
  /* border: 4px solid transparent; */
  background: var(--modal-shadow);
  background: var(--modal-shadow);
  background-clip: padding-box;
}

.task-list_taskListResizer__DG87U {
  position: absolute;
  top: 0;
  right: -5px;
  height: 100%;
  width: 10px;
  cursor: ew-resize;
  user-select: none;
}

.task-list_taskListResizer__DG87U::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  height: 100%;
  width: 2px;
  background-color: #e5e5e5;
}

.task-list_horizontalContainer__ZRGh0 {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.task-list_tableWrapper__X1Dpj {
  position: relative;
}

.task-list_scrollToTop__6TPlx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.task-list_scrollToBottom__znAnN {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.task-list_hidden__6aSGY {
  display: none;
}

.calendar_calendarBottomText__JLsWG {
  text-anchor: middle;
  fill: var(--color-text);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.calendar_calendarTopTick__M87dh {
  stroke: #e6e4e4;
}

.calendar_calendarTopText__KCr8o {
  text-anchor: middle;
  fill: #555;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.calendar_calendarHeader__eyGTy {
  fill: var(--color-surface);
  stroke: var(--bulk-border);
  stroke-width: 1.4;
}

.fix-dependency-position_hoverVisibleWrapper__nyCul:hover .fix-dependency-position_wrapper__e\+U\+b {
  display: initial;
}

.fix-dependency-position_wrapper__e\+U\+b {
  cursor: pointer;
  display: flex;
}

.fix-dependency-position_wrapper__e\+U\+b:hover .fix-dependency-position_mainPath__djmYv {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .7));
}

.fix-dependency-position_mainPath__djmYv {
  fill: none;
  display: block;
  stroke-width: 1.5px;
}

.fix-dependency-position_clickZone__FIjNX {
  fill: transparent;
  stroke: transparent;
}

.arrow_arrow_clickable__zotOr {
  cursor: pointer;
}

.arrow_arrow_clickable__zotOr:hover .arrow_mainPath__9pd6x {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .7));
}

.arrow_mainPath__9pd6x {
  fill: none;
  stroke-width: 1.5px;
}

.arrow_clickZone__8fbs1 {
  fill: none;
  float: left;
  stroke: transparent;
  stroke-width: 8px;
}

.relation-line_relationLine__Tv-ca {
  stroke: grey;
  stroke-width: 2;
  stroke-dasharray: 4;
}

.bar-fix-width_hoverVisibleWrapper__\+m-gD:hover .bar-fix-width_wrapper__nKUkM {
  display: initial;
}

.bar-fix-width_wrapper__nKUkM {
  cursor: pointer;
}

.bar-fix-width_wrapper__nKUkM:hover .bar-fix-width_mainPath__OK0BX {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .7));
}

.bar-fix-width_mainPath__OK0BX {
  fill: none;
  stroke-width: 1.5px;
}

.bar-fix-width_clickZone__ekqfk {
  fill: transparent;
  stroke: transparent;
}

.bar_barWrapper__mW1m8 {
  cursor: pointer;
  outline: none;
}

.bar_barWrapper__mW1m8:hover .bar_barHandle__pcSI4 {
  visibility: visible;
  opacity: 1;
}

.bar_barHandle__pcSI4 {
  fill: var(--tasks-input-border);
  cursor: ew-resize;
  opacity: 0;
  visibility: hidden;
}

.bar_barBackground__yv-6o {
  user-select: none;
  stroke-width: 0;
}

.bar-relation-handle_barRelationHandleWrapper__fZQq3:hover .bar-relation-handle_barRelationHandle__G6oRH, .bar-relation-handle_barRelationHandle__G6oRH.bar-relation-handle_barRelationHandle_drawMode__v5sac {
  opacity: 1;
}

.bar-relation-handle_barRelationHandle__G6oRH {
  fill: var(--color-surface);
  stroke: #34a3eb;
  cursor: pointer;
  opacity: 0;
  transition: .3s;
}

.milestone_milestoneWrapper__SUh29 {
  cursor: pointer;
  outline: none;
}

.milestone_milestoneBackground__cXe-8 {
  user-select: none;
}

.project_projectWrapper__WASdl {
  cursor: pointer;
  outline: none;
}

.project_projectBackground__x57Wb {
  user-select: none;
  opacity: 0.6;
}

.project_projectTop__pLbfv {
  user-select: none;
}

.task-list_barLabel__Hi1Ge {
  fill: var(--color-surface);
  text-anchor: middle;
  font-weight: lighter;
  dominant-baseline: central;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.task-list_barLabelOutside__VF9yP {
  fill: #555;
  text-anchor: start;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.gantt_ganttVerticalContainer__e9Vnu {
  overflow-x: scroll;
  overflow-y: hidden;
  font-size: 0;
  margin: 0;
  padding: 0;
}

.gantt_ganttVerticalContainer__e9Vnu::-webkit-scrollbar {
  width: 1.1rem;
  height: 1.1rem;
}

.gantt_ganttVerticalContainer__e9Vnu::-webkit-scrollbar-corner {
  background: transparent;
}

.gantt_ganttVerticalContainer__e9Vnu::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  background: var(--modal-shadow);
  background: var(--modal-shadow);
  border-radius: 10px;
  background-clip: padding-box;
}

.gantt_ganttVerticalContainer__e9Vnu::-webkit-scrollbar-thumb:hover {
  border: 4px solid transparent;
  background: var(--modal-shadow);
  background: var(--modal-shadow);
  background-clip: padding-box;
}

.gantt_horizontalContainer__uz0Rt {
  margin: 0;
  padding: 0;
  min-height: 600;
  min-width: 100%;
  overflow: hidden;
}

.gantt_wrapper__kc0jc {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  position: relative;
}

.title-column_taskListNameWrapper__JDJ4k {
  display: grid;
  grid-template-columns:  auto 1fr auto;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.title-column_dragging__CuTr5 {
  opacity: 0.5;
}

.title-column_taskListExpander__KBCby {
  opacity: 0.9;
  font-size: 18px;
  user-select: none;
  cursor: pointer;
}

.title-column_taskListEmptyExpander__QEAhi {
  user-select: none;
  cursor: default;
}

.title-column_taskName__V-Nz1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Inter','Assistant',sans-serif;
}

.delete-column_button__6TfG2 {
  margin: 0;
  padding: 5px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

.edit-column_button__bjAEH {
  margin: 0;
  padding: 5px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
}

.add-column_button__JXOGb {
  margin: 0;
  padding: 5px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

.menu-option_menuOption__-6i-k {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: var(--color-surface);
  cursor: pointer;
  padding: 5px;
  text-align: center;
}

.menu-option_menuOption__-6i-k:hover {
  background-color: var(--tasks-menu-hover-bg)eee;
}

.menu-option_icon__79-fF {
  width: 30px;
}

.menu-option_label__CTEWG {
  flex: 1;
}

.kanban_settings_drawer_container__j0wWR{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)}.kanban_settings_drawer__ISqPn p{margin:2px;align-self:center}.kanban_settings_drawer_title__x9T1v{display:flex;justify-content:space-between}.kanban_kanban_header__3jQNz{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;padding:0 40px;background:var(--tasks-group-bg);z-index:0;position:relative}.kanban_kanban_header__3jQNz .kanban_header_button__o5lb4{cursor:pointer;opacity:.5;display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;height:36px;padding:0 16px;font-size:14px;border-radius:8px;font-weight:600;border:0;background-color:rgba(0,0,0,0);outline:none;color:#013750;text-transform:capitalize;font-family:"Poppins",sans-serif;flex-shrink:0}.kanban_kanban_header__3jQNz .kanban_header_button__o5lb4:hover{opacity:1;background:var(--color-surface);box-shadow:0 5px 12px var(--modal-shadow)}
.filter_button_filterButtonContainer__wWC3\+:hover .filter_button_button_col__t-pYb,.filter_button_filterButtonContainer__wWC3\+:hover .filter_button_button_col_expender__jnZa1{opacity:.8;background:var(--color-surface) !important}.filter_button_filterButtonContainer__wWC3\+ .filter_button_button_col_expender__jnZa1{opacity:.5;background:rgba(0,0,0,0)}.filter_button_filterButtonContainer__wWC3\+ .filter_button_button_col_expender__jnZa1:hover{opacity:1;box-shadow:0 5px 12px var(--modal-shadow) !important}.filter_button_filterButtonContainer__wWC3\+ .filter_button_button_col__t-pYb{cursor:pointer;opacity:.5;background:rgba(0,0,0,0);display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;height:36px;padding:0 16px;font-size:14px;border-radius:8px;font-weight:600;border:0;outline:none;color:var(--color-text) !important;text-transform:capitalize;font-family:"Poppins",sans-serif}.filter_button_filterButtonContainer__wWC3\+ .filter_button_button_col__t-pYb:hover{opacity:1}.filter_button_filterButtonContainer__wWC3\+ .filter_button_button_col__t-pYb:hover~.filter_button_button_col_expender__jnZa1{opacity:1}.filter_button_filterButtonContainer__wWC3\+ .filter_button_button_col_selected__2wyZ7{opacity:.8;background:var(--color-surface);box-shadow:0 5px 12px var(--modal-shadow)}
.filter_styles_scrollContainer__83tBQ{overflow-y:auto;display:flex;flex-direction:column;max-height:300px;gap:4px}.filter_styles_scrollContainerX__lSn4q{overflow-x:auto;overflow-y:visible;cursor:default}.filter_styles_scrollContainerX__lSn4q::-webkit-scrollbar{height:6px;background-color:rgba(0,0,0,0);border-radius:10px}.filter_styles_scrollContainerX__lSn4q::-webkit-scrollbar-thumb{background-color:#c5e9f1;border-radius:10px}.filter_styles_scrollContainer__83tBQ::-webkit-scrollbar{width:4px;transition:opacity .2s}.filter_styles_scrollContainer__83tBQ:hover::-webkit-scrollbar{background-color:rgba(0,0,0,0);border-radius:10px}.filter_styles_scrollContainer__83tBQ::-webkit-scrollbar-thumb{opacity:0}.filter_styles_scrollContainer__83tBQ:hover::-webkit-scrollbar-thumb{background-color:#c5e9f1;border-radius:10px;opacity:1}.filter_styles_mainScrollContainer__NzYFU::-webkit-scrollbar{height:12px;opacity:0}.filter_styles_mainScrollContainer__NzYFU:hover::-webkit-scrollbar{background-color:rgba(0,0,0,0);border-radius:10px;opacity:1}.filter_styles_mainScrollContainer__NzYFU::-webkit-scrollbar-thumb{border-radius:10px;opacity:0}.filter_styles_mainScrollContainer__NzYFU:hover::-webkit-scrollbar-thumb{background-color:#c5e9f1;border-radius:10px;opacity:1}
.tasks-panel-header_header__Tx2iG{margin-top:0px;padding:0 40px;display:flex;align-items:flex-start;justify-content:flex-start;background-color:var(--tasks-group-bg)}.tasks-panel-header_MobileHeaderContent__HMc1T{display:none}.tasks-panel-header_headerContainer__71Doa .tasks-panel-header_header__Tx2iG .tasks-panel-header_button_col__i9Dk4{cursor:pointer;opacity:.5;display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;height:36px;padding:0 16px;font-size:14px;border-radius:8px;font-weight:600;border:0;background-color:rgba(0,0,0,0);outline:none;color:#013750;text-transform:capitalize;font-family:"Poppins",sans-serif;flex-shrink:0}.tasks-panel-header_headerContainer__71Doa .tasks-panel-header_header__Tx2iG .tasks-panel-header_button_col__i9Dk4:hover{opacity:1;background:var(--color-surface)}@media(max-width: 768px){.tasks-panel-header_header__Tx2iG{padding:40px 0 0 30px}}.tasks-panel-header_popover__Y7tvj{max-height:400px;z-index:100;margin:2;box-shadow:0 5px 12px rgba(0,55,80,.16);border-radius:5px;background-color:var(--tasks-board-bg);padding:16px;overflow-x:hidden;text-align:center;max-width:180px}.tasks-panel-header_popover__Y7tvj::-webkit-scrollbar{width:4px;background-color:rgba(0,0,0,0);border-radius:10px}.tasks-panel-header_popover__Y7tvj::-webkit-scrollbar-thumb{background-color:#c5e9f1;border-radius:10px}
.mobile-toolbar-menu_optionsButton__TX4d5{flex-shrink:0;color:var(--color-text, #013750) !important;opacity:.7;border-radius:8px !important}.mobile-toolbar-menu_optionsButton__TX4d5:hover{opacity:1;background-color:var(--color-surface, rgba(0, 55, 80, 0.06)) !important}.mobile-toolbar-menu_drawerPaper__zJzgU{width:100% !important;max-width:100% !important;border-top-left-radius:16px !important;border-top-right-radius:16px !important;background:var(--tasks-group-bg, #fff) !important;box-shadow:0 -4px 24px rgba(0,55,80,.16) !important;max-height:85vh;overflow-y:auto}.mobile-toolbar-menu_sheet__tHXiO{display:flex;flex-direction:column;padding:8px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.mobile-toolbar-menu_handle__nQX98{width:40px;height:4px;border-radius:999px;background-color:var(--color-border, rgba(0, 55, 80, 0.2));margin:4px auto 8px;flex-shrink:0}.mobile-toolbar-menu_header__MLjoO{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid var(--color-border, rgba(0, 55, 80, 0.08));margin-bottom:4px}.mobile-toolbar-menu_title__iJC12{font-family:"Poppins",sans-serif;font-size:16px;font-weight:600;color:var(--color-text, #013750)}.mobile-toolbar-menu_closeButton__b-zrt{color:var(--color-text, #013750) !important}.mobile-toolbar-menu_rows__WdYts{display:flex;flex-direction:column}.mobile-toolbar-menu_row__cDh1H{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--color-border, rgba(0, 55, 80, 0.06))}.mobile-toolbar-menu_row__cDh1H:last-child{border-bottom:none}.mobile-toolbar-menu_rowLabel__I2RKr{font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary, rgba(1, 55, 80, 0.55));text-align:start}.mobile-toolbar-menu_control__pHcp5{display:flex;align-items:center;width:100%;min-height:44px}.mobile-toolbar-menu_control__pHcp5 button,.mobile-toolbar-menu_control__pHcp5 .relative{width:100%;max-width:100%;justify-content:flex-start}
.bt-workload_avatar_wrap__EYo0F{width:1000px;height:1000px;border-radius:200px;background-color:#fff}.bt-workload_workload_view_header__BTj19{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;padding:0 40px 12px;background:var(--tasks-group-bg);z-index:0;position:relative}.bt-workload_workload_view_header__BTj19 .bt-workload_header_button__0DzUH{cursor:pointer;opacity:.5;display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;height:36px;padding:0 16px;font-size:14px;border-radius:8px;font-weight:600;border:0;background-color:rgba(0,0,0,0);outline:none;color:#013750;text-transform:capitalize;font-family:"Poppins",sans-serif;flex-shrink:0}.bt-workload_workload_view_header__BTj19 .bt-workload_header_button__0DzUH:hover{opacity:1;background:var(--color-surface);box-shadow:0 5px 12px var(--modal-shadow)}.bt-workload_settings_drawer_container__j7c6p{width:390px;box-sizing:border-box;min-width:0;height:calc(100vh - 80px);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);overflow-y:scroll;padding-bottom:80px}.bt-workload_settings_drawer__Lsb-r .bt-workload_drawer_title__SSwXg{margin:2px;font-size:20px;font-weight:800;font-family:"Poppins","Assistant",sans-serif;margin-bottom:24px;align-self:center}.bt-workload_settings_drawer_title__ADd6S{display:flex;font-size:15px;font-weight:500;font-family:"Poppins";margin-bottom:4px}.bt-workload_field_title__bOZPs{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2px}.bt-workload_edit_user_capacity__v1KSH{position:absolute;top:0;left:0;border:1px dashed #000;border-radius:9px;width:100%;height:100%;display:none;justify-content:center;align-items:center}.bt-workload_edit_labels_button_wrap__l3RYc{padding:0px 6px 4px 6px;margin-left:10px;margin-right:10px}.bt-workload_edit_labels_button__EAyWz{cursor:pointer;padding:4px 10px !important;background-color:var(--tasks-board-bg);border-radius:4px !important;margin-top:3px !important;font-size:14px !important;font-weight:600 !important;width:100% !important;border:0 !important;outline:none !important;transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important}.bt-workload_edit_labels_button__EAyWz:hover{background-color:var(--tasks-group-bg) !important}.bt-workload_person_row__1YCU1{width:100%;margin-bottom:12px}.bt-workload_person_row__1YCU1:hover .bt-workload_mock_person_delete_button__uwVj\+{opacity:1}.bt-workload_mock_person_delete_button__uwVj\+{display:block;cursor:pointer;font-size:15px;opacity:0;flex-shrink:0;width:14px}
.scheduled-contact-list_contactListContainer__6OXCJ{z-index:10000;width:100%;overflow:auto}.scheduled-contact-list_header__0NDFZ{background-color:rgba(0,0,0,0);border-bottom:1px solid initial;border-top:1px solid initial;display:flex;justify-content:flex-end;height:47px;align-items:center;padding-left:12px;color:var(--color-primary)}.scheduled-contact-list_messagePreviewContainer__JNCs\+{display:flex;flex-direction:column;color:210 40% 96.1%;font-size:13px;justify-content:flex-end}.scheduled-contact-list_contactContainer__45h01{display:flex;height:72px;color:inherit;font-size:16px}.scheduled-contact-list_contactContainer__45h01.scheduled-contact-list_closed__yQRpi{display:none}.scheduled-contact-list_contactContainer__45h01 .scheduled-contact-list_contactImageWrapper__C2-0M{padding:0 15px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid initial}.scheduled-contact-list_contactContainer__45h01 .scheduled-contact-list_contactImageWrapper__C2-0M .scheduled-contact-list_contactImageContainer__kP6aX{width:49px;height:49px;border-radius:50%;overflow:hidden}.scheduled-contact-list_contactContainer__45h01 .scheduled-contact-list_contactImageWrapper__C2-0M .scheduled-contact-list_contactImageContainer__kP6aX img,.scheduled-contact-list_contactContainer__45h01 .scheduled-contact-list_contactImageWrapper__C2-0M .scheduled-contact-list_contactImageContainer__kP6aX svg{width:100%;height:100%}.scheduled-contact-list_contactContainer__45h01 .scheduled-contact-list_contactInfoWrapper__EkXfa{display:flex;padding-left:15px;border-bottom:1px solid initial;flex:1;justify-content:space-between;align-items:center;min-width:0}.scheduled-contact-list_contactContainer__45h01 .scheduled-contact-list_contactInfoWrapper__EkXfa .scheduled-contact-list_contactName__cTENj{font-size:16px;font-weight:500}.scheduled-contact-list_contactContainer__45h01 .scheduled-contact-list_contactInfoWrapper__EkXfa .scheduled-contact-list_messagePreview__y47DU{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-top:8px;color:210 40% 96.1%}html[dir=ltr] .scheduled-contact-list_contactInfoWrapper__EkXfa{padding-left:0;padding-right:15px}
.app-view_pageContainer__jSa3j{height:100vh;direction:inherit;display:flex;background-color:var(--color-bg)}.app-view_titleContainer__S6KqE{background-color:var(--page-header-bg);border-bottom:1px solid var(--color-border);border-bottom-color:var(--color-border);padding:0 56px;box-sizing:border-box;display:flex;align-items:center;height:80px;justify-content:space-between;flex-shrink:0}@media(max-width: 785px){.app-view_titleContainer__S6KqE{padding:0 12px;height:56px;gap:8px;flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:hidden}}.app-view_pageTitle__a1ixq{margin:0;font-size:1.25rem;font-weight:500;color:inherit}@media(max-width: 785px){.app-view_pageTitle__a1ixq{font-size:1.125rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.app-view_headerActions__CllDP{display:flex;align-items:center;gap:16px}@media(max-width: 785px){.app-view_headerActions__CllDP{gap:8px;flex-wrap:nowrap;flex-shrink:0;min-width:0}}.app-view_contentContainer__E-5Lo{flex:1;overflow:auto;min-height:0;min-width:0}.app-view_noHeaderContent__zt2k4{height:100vh}
.status-box_modal__gKAA5{background-color:var(--tasks-group-bg);width:100%;max-width:500px;margin:0 auto;box-sizing:border-box;border-radius:6px;font-family:"Montserrat",sans-serif !important;display:flex;flex-direction:column;max-height:100%}.status-box_modal__gKAA5 *{box-sizing:border-box}.status-box_modal__gKAA5 .status-box_header__zlOn3{padding-inline:16px;height:44px;background:var(--color-surface);box-shadow:0 0 6px 0 rgba(0,55,80,.1);display:flex;align-items:center;justify-content:space-between;font-family:"Montserrat",sans-serif !important}.status-box_modal__gKAA5 .status-box_header__zlOn3 .status-box_icon_and_email__1xo8v{font-size:14px;display:flex;align-items:center;gap:10px;color:var(--color-accent);font-weight:600}.status-box_modal__gKAA5 .status-box_header__zlOn3 .status-box_icon_and_email__1xo8v img{height:24px}.status-box_modal__gKAA5 .status-box_header__zlOn3 .status-box_log_out__aVns8{font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer}.status-box_modal__gKAA5 .status-box_body__6ypXJ{padding:12px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_plan__-u-Et{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:var(--color-surface-accent);border-radius:8px;gap:4px}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_plan__-u-Et .status-box_plan_name__v810x{font-weight:700;font-size:clamp(18px,5vw,24px);color:var(--color-accent);font-family:"Montserrat",sans-serif !important}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_plan__-u-Et .status-box_features__\+Py5G{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(12px,3vw,24px);width:100%}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_plan__-u-Et .status-box_features__\+Py5G .status-box_feature__Vf6FW{display:flex;flex-direction:column;align-items:center;flex:1;line-height:normal !important}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_plan__-u-Et .status-box_features__\+Py5G .status-box_feature__Vf6FW *{text-align:center}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_plan__-u-Et .status-box_features__\+Py5G .status-box_feature__Vf6FW .status-box_feature_name__a8J9t{font-size:clamp(12px,3vw,14px);font-weight:800;font-family:"Montserrat",sans-serif !important;color:var(--color-text)}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_plan__-u-Et .status-box_features__\+Py5G .status-box_feature__Vf6FW .status-box_feature_status__BCLJI{font-size:clamp(10px,2.5vw,12px);font-weight:500;color:var(--color-text-muted);font-family:"Montserrat",sans-serif !important}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_image__jPuvs{display:flex;justify-content:center;text-align:center;margin:12px 0;flex-shrink:0}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_image__jPuvs img{width:min(250px,100%);height:auto;max-width:100%}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_bottom__42eoH{text-align:center;flex-shrink:0}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_bottom__42eoH button.status-box_ctaButton__9jbVh{background:linear-gradient(66.67deg, var(--tasks-button-hover-bg) 0%, #6dd1f1 100%);height:clamp(48px,10vw,56px);font-family:"Poppins","Inter",sans-serif;width:100%;font-weight:800;color:#fff;border-radius:8px;border:0;font-size:clamp(14px,3.5vw,18px);cursor:pointer;box-sizing:border-box;padding:8px 16px}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_bottom__42eoH p{font-size:clamp(11px,2.5vw,13px);font-weight:600;margin-bottom:4px;margin-top:8px;font-family:"Montserrat",sans-serif !important;line-height:1.4;color:var(--color-text)}.status-box_modal__gKAA5 .status-box_body__6ypXJ .status-box_bottom__42eoH .status-box_link__CsPOy{font-size:clamp(11px,2.5vw,13px);color:var(--color-text-muted);background:none;border:none;cursor:pointer;font-family:"Montserrat",sans-serif !important;padding:4px}
.subscription-selection_root__ZRzi2{font-size:16px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.subscription-selection_root__ZRzi2 .subscription-selection_loaderContainer__EhD28{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8);z-index:1000}.subscription-selection_root__ZRzi2 .subscription-selection_row__QfOfr{display:flex;align-items:center}.subscription-selection_root__ZRzi2 .subscription-selection_row__QfOfr svg{margin-right:5px}.subscription-selection_root__ZRzi2 .subscription-selection_price__5O45a{margin:25px 0;width:130px;height:130px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;display:flex;flex-direction:column;align-items:center}.subscription-selection_root__ZRzi2 .subscription-selection_price__5O45a .subscription-selection_priceTag__tQcVF{font-size:24px}.subscription-selection_title__W\+Rs1{font-size:20px}.subscription-selection_support__IBBId{color:#69696a;display:flex;align-items:center}.subscription-selection_support__IBBId img{height:30px;margin-right:5px}.subscription-selection_paypalSubscribe__cuT6h{margin-top:30px}.subscription-selection_activeSubscriptionContainer__cbBQa{max-width:400px;display:flex;align-items:center}.subscription-selection_bigTitle__SY8xB{font-size:32px}
.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}
/* 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: #f5f8fb;
  --page-header-bg: var(--color-bg);

  --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: #dbeafe;
  --calendar-date-badge-bg: #dbeafe;
  --calendar-date-badge-text: #3b82f6;
  --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: var(--color-bg);
  --tasks-row-bg: #ffffff;
  --tasks-row-hover-bg: #f4fcfd;
  --tasks-row-active-bg: #e9f5f7;
  --tasks-group-bg: var(--color-bg);
  --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: #2563eb;
  --bulk-tab-inactive: #93c5fd;

  /* Bulk Button */
  --bulk-button-bg: #eff6ff;
  --bulk-button-text: #2563eb;
  --bulk-button-hover: #dbeafe;

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

  /* Connect-WhatsApp "attention" amber (matches the Pro-plan pill family;
     kept as its own tokens so the activation surfaces don't couple to the
     subscription styling). Used by the top-bar connect chip, the /calendar
     first-run banner accent, and the /connections Pro upsell card. */
  --connect-attention-bg: #fdf4e0;
  --connect-attention-border: #f2ce85;
  --connect-attention-fg: #a4680f;

  /* 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: linear-gradient(to bottom, #eff6ff, #ffffff);
  --nav-border: #e2e8f0;
  --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: #2563eb;
  /* blue-600 - brand color */
  --bot-list-edit-hover: #2563eb;
  /* blue-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: #2563eb;
  /* blue-600 - brand color */
  --bot-list-button-primary-hover: #1d4ed8;
  /* blue-700 - darker hover */
  --bot-list-button-primary-text: #ffffff;
  --bot-list-status-published-bg: #eff6ff;
  /* blue-50 - light background */
  --bot-list-status-published-text: #1d4ed8;
  /* blue-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: #2563eb;
  /* blue-600 - brand color */
  --bot-list-toggle-off: #cbd5e1;
  /* slate-300 - light gray */
  --bot-list-toggle-thumb: #ffffff;
  --bot-list-bot-icon-bg: #eff6ff;
  /* blue-50 - light background */
  --bot-list-bot-icon: #2563eb;
  /* blue-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: #eff6ff;
  /* blue-50 - light background */
  --bot-detail-stat-icon-emerald: #2563eb;
  /* blue-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: #2563eb;
  /* blue-600 - brand color */
  --bot-detail-button-primary-hover: #1d4ed8;
  /* blue-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: #eff6ff;
  /* blue-50 - light background */
  --sessions-list-active-badge-text: #1d4ed8;
  /* blue-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: #eff6ff;
  /* blue-50 - light background */
  --deployments-sidebar-active-badge-text: #1d4ed8;
  /* blue-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: #eff6ff;
  /* blue-50 - light background */
  --bot-build-title-input-border: #2563eb;
  /* blue-600 - brand color */
  --bot-build-title-text: #0f172a;
  /* slate-900 - strong contrast */
  --bot-build-title-hover-border: #2563eb;
  /* blue-600 - 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: #2563eb;
  /* blue-600 - brand color */
  --bot-build-button-primary-hover: #1d4ed8;
  /* blue-700 - 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: #cbd5e1;
  /* slate-300 - more visible 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: #2563eb;
  /* blue-600 - brand color */
  --bot-build-connection-line: #64748b;
  /* slate-500 - better contrast */
  --bot-build-connection-line-selected: #2563eb;
  /* blue-600 - 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: #2563eb;
  /* blue-600 - brand color */
  --bot-build-modal-button-confirm-hover: #1d4ed8;
  /* blue-700 - 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: #2563eb;
  /* blue-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: #2563eb;
  /* blue-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: #2563eb;
  /* blue-600 - brand color */
  --credits-link-hover: #1d4ed8;
  /* blue-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: #2563eb;
  /* blue-600 - brand color */
  --credits-button-primary-hover: #1d4ed8;
  /* blue-700 - darker hover */
  --credits-button-primary-text: #ffffff;
  --credits-button-primary-bg: #2563eb;
  /* blue-600 - brand color */
  --credits-button-primary-border: #2563eb;
  /* blue-600 - brand color */
  --credits-button-primary-hover-bg: #1d4ed8;
  /* blue-700 - darker hover */
  --credits-button-primary-hover-border: #1d4ed8;
  /* blue-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: #eff6ff;
  --campaign-finish-title-text: #2563eb;
  --campaign-finish-audience-label-bg: #eff6ff;
  --campaign-finish-audience-label-border: rgba(0, 0, 0, 0.1);
  --campaign-finish-audience-label-text: #2563eb;
  --campaign-finish-divider: #d9d9d9;
  --campaign-finish-no-message-bg: #eff6ff;
  --campaign-finish-no-message-text: #2563eb;

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

  /* team inbox light mode */
  --team-inbox-neutral-icons: #4a5568;
  --team-inbox-active-color: #53bdeb;
  --team-inbox-active-BG-color: rgba(83, 189, 235, 0.15);
  --team-inbox-active-BG-color-hover: rgba(83, 189, 235, 0.2);
  --team-inbox-BG-color-hover: rgba(0, 0, 0, 0.04);
  --team-inbox-timestamp-color: rgba(26, 32, 44, 0.6);
  --team-inbox-scrollbar-thumb: rgba(0, 0, 0, 0.2);
  --team-inbox-scrollbar-thumb-hover: rgba(0, 0, 0, 0.3);

  /* ===== WhatsApp Web parity (team inbox) - Light Mode ===== */
  --wa-panel-bg: #f0f2f5;
  --wa-sidebar-bg: #ffffff;
  --wa-meta-text: #667781;
  --wa-accent: #00a884;
  --wa-unread-badge: #25d366;
  --wa-chat-bg: #efeae2;
  --wa-date-chip-bg: #ffffff;
  --wa-hover-action-bg: #ffffff;
  --wa-hover-action-icon: rgba(0, 0, 0, 0.6);
  --wa-quote-bg: rgba(0, 0, 0, 0.06);
  --wa-search-bg: #f0f2f5;
  --wa-divider: #e9edef;
  --wa-title-text: #111b21;
  --wa-secondary-text: #54656f;
  --wa-chip-selected-bg: #e7fce3;
  --wa-row-hover-bg: #f5f6f6;
  --wa-row-selected-bg: #f0f2f5;
  --wa-composer-input-bg: #ffffff;

  /* Subscription Plan Component - Light Mode */
  --subscription-plan-free-bg: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
  --subscription-plan-free-border: #e5e7eb;
  --subscription-plan-free-text: #6b7280;
  --subscription-plan-free-icon: #6b7280;
  --subscription-plan-free-button: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  --subscription-plan-free-button-hover: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  --subscription-plan-basic-bg: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  --subscription-plan-basic-border: #93c5fd;
  --subscription-plan-basic-text: #2563eb;
  --subscription-plan-basic-icon: #2563eb;
  --subscription-plan-basic-button: #2563eb;
  --subscription-plan-basic-button-hover: #1d4ed8;
  --subscription-plan-standard-bg: linear-gradient(135deg, #e9d5ff 0%, #ddd6fe 100%);
  --subscription-plan-standard-border: #c4b5fd;
  --subscription-plan-standard-text: #7c3aed;
  --subscription-plan-standard-icon: #7c3aed;
  --subscription-plan-standard-button: #7c3aed;
  --subscription-plan-standard-button-hover: #6d28d9;
  --subscription-plan-pro-bg: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  --subscription-plan-pro-border: #fbbf24;
  --subscription-plan-pro-text: #d97706;
  --subscription-plan-pro-icon: #d97706;
  --subscription-plan-pro-feature-text: #92400e;
  --subscription-plan-pro-button: #d97706;
  --subscription-plan-pro-button-hover: #b45309;
  --subscription-plan-button-shadow: rgba(0, 0, 0, 0.1);
  --sidebar-header-bg: transparent;
  --wa-active-chat-bg: #f6f5f4;

}

.dark {
  /* Common - professional dark mode with proper contrast */
  --color-bg: #1e293b;
  /* slate-800 - better contrast with cards */
  --color-surface: #0f172a;
  /* slate-900 - darker for elevated surfaces */
  --color-text: #f1f5f9;
  /* slate-100 - excellent readability */
  --color-text-muted: #cbd5e1;
  /* slate-300 - clear muted text */
  --color-text-strong: #ffffff;
  /* strong white text */
  --color-text-subtle: #94a3b8;
  /* slate-400 - subtle text */
  --color-text-inverse: #0f172a;
  --color-border: #334155;
  /* slate-700 - proper border color */
  --color-primary: #38bdf8;
  /* sky-400 - better for dark mode */
  --color-primary-contrast: #0f172a;
  --color-accent: #38bdf8;
  /* consistent accent color */
  --color-accent-contrast: #0f172a;

  /* 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: #1e293b;
  --calendar-event-color: #ffffff;
  --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: var(--color-bg);
  --tasks-row-bg: #1e293b;
  --tasks-row-hover-bg: #334155;
  --tasks-row-active-bg: #475569;
  --tasks-group-bg: var(--color-bg);
  --tasks-cell-border: #334155;
  --tasks-text: #f1f5f9;
  /* improved white text for better contrast */
  --tasks-text-muted: #94a3b8;
  /* improved muted text contrast */
  --tasks-text-secondary: #cbd5e1;
  /* improved secondary text contrast */
  --tasks-button-bg: #38bdf8;
  --tasks-button-text: #0f172a;
  --tasks-button-hover-bg: #0ea5e9;
  --tasks-menu-bg: #0f172a;
  --tasks-menu-border: #334155;
  --tasks-menu-hover-bg: #1e293b;
  --tasks-shadow: rgba(0, 0, 0, 0.5);
  --tasks-input-border: #334155;
  --tasks-notification-bg: #1e293b;
  --tasks-notification-border: #334155;
  
  /* Page Header */
  --page-header-bg: var(--color-bg);
  --tasks-notification-unread: #38bdf8;
  --tasks-picker-bg: #1e293b;
  --tasks-picker-selected: #334155;
  --tasks-footer-bg: #1e293b;
  --tasks-danger: #ef4444;
  --background-list-item-active: #1e293b;
  --background-item-menu-hover: #334155;

  /* 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: #0f172a;
  --bulk-border: #334155;
  --bulk-text: #f1f5f9;
  /* improved white text for better contrast */
  --bulk-text-secondary: #94a3b8;
  /* improved secondary text contrast */
  --bulk-accent: #38bdf8;
  --bulk-success: #3b82f6;
  --bulk-warning: #f59e0b;
  --bulk-error: #ef4444;

  /* Bulk Management Tabs */
  --bulk-tab-active: #3b82f6;
  /* blue for dark mode */
  --bulk-tab-inactive: #93c5fd;
  /* lighter blue for dark mode */

  /* Bulk Button */
  --bulk-button-bg: #1e293b;
  /* darker background for dark mode */
  --bulk-button-text: #60a5fa;
  /* lighter blue text for dark mode */
  --bulk-button-hover: #334155;
  /* darker hover for dark mode */

  /* Labels Feature */
  --label-bg: #1e293b;
  --label-border: #334155;
  --label-text: #f1f5f9;
  /* improved white text for better contrast */
  --label-hover: #334155;

  /* WhatsApp Message */
  --whatsapp-bg: #0f172a;
  --whatsapp-border: #334155;
  --whatsapp-text: #f1f5f9;
  /* improved white text for better contrast */
  --whatsapp-bubble-sent: #005c4b;
  --whatsapp-bubble-received: #202c33;

  /* Contact Avatars */
  --contact-avatar-bg: #475569;
  --contact-avatar-fill: #94a3b8;

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

  /* Connect-WhatsApp "attention" amber — dark theme */
  --connect-attention-bg: #33280f;
  --connect-attention-border: #5a4416;
  --connect-attention-fg: #e8b45e;

  /* Workspace Users Members Component - Dark Mode */
  --danger-bg: #450a0a;
  /* dark red background for better contrast */
  --danger-color: #f87171;
  /* red-400 - lighter red for better visibility */
  --danger-hover-bg: #7f1d1d;
  /* 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: #1e293b;
  /* gray-700 - dark gray background */
  --border-hover: #475569;
  /* gray-600 - lighter border on hover */

  /* Chat/Communication */
  --chat-bg: #0f172a;
  --chat-border: #334155;
  --chat-text: #f1f5f9;
  /* improved white text for better contrast */
  --chat-bubble: #38bdf8;
  --chat-bubble-text: #0f172a;

  /* Form Controls */
  --form-bg: #0f172a;
  --form-border: #334155;
  --form-text: #f1f5f9;
  /* improved white text for better contrast */
  --form-placeholder: #94a3b8;
  /* improved placeholder contrast */
  --form-focus: #38bdf8;
  --form-error: #ef4444;

  /* Sidebar/Navigation */
  --nav-bg: linear-gradient(to bottom, #1e293b, #0f172a);
  --nav-border: #334155;
  --nav-text: #f1f5f9;
  /* improved white text for better contrast */
  --nav-link: #38bdf8;
  --nav-link-hover: #0ea5e9;
  --nav-active: #1e293b;
  --sidebar-header-bg: transparent;

  /* 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;

  /* team inbox light mode */
  --team-inbox-neutral-icons: #b0c4d3;
  --team-inbox-active-color: #53bdeb;
  --team-inbox-active-BG-color: rgba(83, 189, 235, 0.08);
  --team-inbox-active-BG-color-hover: rgba(83, 189, 235, 0.12);
  --team-inbox-BG-color-hover: rgba(255, 255, 255, 0.04);
  --team-inbox-timestamp-color: rgba(255, 255, 255, 0.6);
  --team-inbox-scrollbar-thumb: rgba(255, 255, 255, 0.2);
  --team-inbox-scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);

  /* ===== WhatsApp Web parity (team inbox) - Dark Mode ===== */
  --wa-panel-bg: #202c33;
  --wa-sidebar-bg: #111b21;
  --wa-meta-text: #8696a0;
  --wa-accent: #00a884;
  --wa-unread-badge: #00a884;
  --wa-chat-bg: #0b141a;
  --wa-date-chip-bg: #182229;
  --wa-hover-action-bg: #202c33;
  --wa-hover-action-icon: #aebac1;
  --wa-quote-bg: rgba(255, 255, 255, 0.06);
  --wa-search-bg: #202c33;
  --wa-divider: #222d34;
  --wa-title-text: #e9edef;
  --wa-secondary-text: #8696a0;
  --wa-chip-selected-bg: #103529;
  --wa-row-hover-bg: #202c33;
  --wa-row-selected-bg: #2a3942;
  --wa-composer-input-bg: #2a3942;

  /* Subscription Plan Component - Dark Mode */
  --subscription-plan-free-bg: linear-gradient(135deg, #1a1a1a 0%, #222222 100%);
  --subscription-plan-free-border: #374151;
  --subscription-plan-free-text: #9ca3af;
  --subscription-plan-free-icon: #9ca3af;
  --subscription-plan-free-button: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  --subscription-plan-free-button-hover: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  --subscription-plan-basic-bg: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
  --subscription-plan-basic-border: #3b82f6;
  --subscription-plan-basic-text: #60a5fa;
  --subscription-plan-basic-icon: #60a5fa;
  --subscription-plan-basic-button: #60a5fa;
  --subscription-plan-basic-button-hover: #3b82f6;
  --subscription-plan-standard-bg: linear-gradient(135deg, #581c87 0%, #7c2d12 100%);
  --subscription-plan-standard-border: #a855f7;
  --subscription-plan-standard-text: #c084fc;
  --subscription-plan-standard-icon: #c084fc;
  --subscription-plan-standard-button: #c084fc;
  --subscription-plan-standard-button-hover: #a855f7;
  --subscription-plan-pro-bg: linear-gradient(135deg, #92400e 0%, #b45309 100%);
  --subscription-plan-pro-border: #f59e0b;
  --subscription-plan-pro-text: #fbbf24;
  --subscription-plan-pro-icon: #fbbf24;
  --subscription-plan-pro-feature-text: #fcd34d;
  --subscription-plan-pro-button: #fbbf24;
  --subscription-plan-pro-button-hover: #f59e0b;
  --subscription-plan-button-shadow: rgba(0, 0, 0, 0.3);
  --wa-active-chat-bg: #2e2f2f;


}

/* 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) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
}

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

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

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

/* Dark mode specific overrides */
.dark .MuiMenu-paper {
  background-color: var(--color-surface) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

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

.dark .MuiMenu-paper .MuiMenuItem-root:hover {
  background-color: var(--color-surface-muted) !important;
  color: var(--color-text) !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;
} */

/* Chrome paints its own (light) background over autofilled inputs, which ignores
   the theme tokens the access-form fields are styled with, so an autocompleted
   email showed up light on the dark login form. Repaint the fill with the same
   tokens. Scoped to our own inputs so WhatsApp Web's fields are untouched. */
.bt-access-input:-webkit-autofill,
.bt-access-input:-webkit-autofill:hover,
.bt-access-input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--color-text, #111827) !important;
  caret-color: var(--color-text, #111827);
  box-shadow: 0 0 0 1000px var(--color-surface, #ffffff) inset !important;
  /* Chrome animates back to its own background on interaction; stall it. */
  -webkit-transition: background-color 600000s 0s, color 600000s 0s !important;
  transition: background-color 600000s 0s, color 600000s 0s !important;
}

/* Keep the focus ring the input sets inline (an !important rule above would
   otherwise win over it). */
.bt-access-input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3), 0 0 0 1000px var(--color-surface, #ffffff) inset !important;
}

.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}@media(max-width: 785px){.bt-chatbot_toolbar_wrapper__8Tcmq{width:170px !important;padding:8px;gap:8px}.bt-chatbot_bot_header__mvXtB{padding:16px 16px 14px 16px}.bt-chatbot_bt_popover_wrapper__F9YLK,.bt-chatbot_bt_popover_wrapper_for_settings__VK9uM{width:calc(100vw - 24px) !important;max-width:calc(100vw - 24px);min-height:0;max-height:90vh;padding-left:16px;padding-right:16px;overflow-y:auto}.bt-chatbot_main_node_wrapper__rOBsd{min-width:min(450px,90vw) !important}.bt-chatbot_secondary_node_wrapper__ZGylC{min-width:min(180px,90vw) !important}}.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:90vh;min-height:580px;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,.bt-chatbot_custom_controls__JupOl .react-flow__controls-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),.bt-chatbot_custom_controls__JupOl .react-flow__controls-button:not(:last-child){border-right:1px solid var(--bot-build-flow-controls-border)}.bt-chatbot_custom_controls__JupOl button:hover,.bt-chatbot_custom_controls__JupOl .react-flow__controls-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;fill:var(--bot-build-flow-controls-text);stroke:var(--bot-build-flow-controls-text)}.dark .bt-chatbot_custom_controls__JupOl{background:var(--bot-build-flow-controls-bg);border:1px solid var(--bot-build-flow-controls-border)}.dark .bt-chatbot_custom_controls__JupOl button,.dark .bt-chatbot_custom_controls__JupOl .react-flow__controls-button{background:var(--bot-build-flow-controls-bg) !important;color:var(--bot-build-flow-controls-text) !important;border-right-color:var(--bot-build-flow-controls-border)}.dark .bt-chatbot_custom_controls__JupOl button:hover,.dark .bt-chatbot_custom_controls__JupOl .react-flow__controls-button:hover{background-color:var(--bot-build-flow-controls-hover) !important}.dark .bt-chatbot_custom_controls__JupOl button svg,.dark .bt-chatbot_custom_controls__JupOl .react-flow__controls-button svg{fill:var(--bot-build-flow-controls-text) !important;stroke:var(--bot-build-flow-controls-text) !important}.dark .bt-chatbot_custom_controls__JupOl svg{fill:var(--bot-build-flow-controls-text) !important;stroke:var(--bot-build-flow-controls-text) !important}.bt-chatbot_toolbar_node_button_container__aJOm8{border-radius:5px;position:relative;overflow:hidden;padding:10px;box-sizing:border-box;margin-bottom:6px;color:#fff;transition:all .3s ease 0s;height:90px !important;width:100%}.bt-chatbot_toolbar_node_button_container__aJOm8:hover{filter:brightness(1.05)}.bt-chatbot_node_menu_item__xR0j2{border-radius:6px;padding:0 8px;margin:0 -8px;cursor:pointer;transition:background-color .12s ease}.bt-chatbot_node_menu_item__xR0j2:hover{background-color:var(--bot-build-menu-item-hover-bg, rgba(15, 23, 42, 0.06))}.bt-chatbot_toolbar_node_button_title__ZGWVn{font-weight:600;font-size:15px;line-height:22px;color:#fff}.bt-chatbot_toolbar_node_button_secondary_title__e1VOY{margin-top:5px;font-weight:500;font-size:12px;line-height:18px;width:150px;color:hsla(0,0%,100%,.9)}.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:var(--color-text, rgb(51, 51, 51));margin-bottom:12px;flex-wrap:wrap;gap:5px}.question-node_divider__Q8v6p{width:500px;margin-top:20px;padding-bottom:20px;border-top:1px solid var(--color-border, rgb(227, 227, 227))}
.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:var(--color-surface, #ffffff);padding:12px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);color:var(--color-text, #111827)}.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(--color-text-muted, 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 var(--color-surface, #ffffff);border-radius:50%;z-index:3;transition:all .2s ease}.trigger-node_trigger_source_handle__ycx\+L:hover{border-color:#96c484 !important;background-color:var(--color-surface, #ffffff) !important}.trigger-node_trigger_container__\+mxFG:hover .trigger-node_trigger_source_handle__ycx\+L{border:3px solid #b6d7a8 !important;background-color:var(--color-surface, #ffffff) !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 var(--color-border, rgb(227, 227, 227));color:var(--color-text, #111827)}.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 var(--color-border, rgb(227, 227, 227))}
.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:#3570b8}.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}

/*# sourceMappingURL=main-24b31177.d3be37d8.css.map*/