/* Chitta Behavioral AI Chatbot Admin Styles | License: GPLv2 or later | (c) 2026 Chitta Team */
.chitta_bai-menu-label { background-color: #722ed1; color: #fff; display: inline-block; vertical-align: top; margin: 1px 0 0 5px; padding: 0 6px; min-width: 7px; height: 17px; border-radius: 11px; font-size: 9px; line-height: 17px; font-weight: 600; text-align: center;}
.chitta_bai-admin-page:not([data-chitta-dst="support"]) .chitta_bai-support-form-area { display: none;} 
.chitta_bai-admin-page[data-chitta-dst="list"] .chitta_bai-manage-dashbord-area { display: none;} 
.chitta-account-banner { background: #fff; border-left: 4px solid #72aee6; padding: 15px 20px; margin: 20px 0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.07); display: flex; align-items: center; justify-content: space-between; gap: 20px;}
chitta-account-banner-text span { color: #666;}
.chitta-account-banner.chitta-account-not_connected {border-left-color: #b978f9;background: #b978f926;}
.chitta-account-banner.chitta-account-deactivated {border-left-color: #d63638; background: #ffdfdf;}
.chitta-account-banner.chitta-account-soon {border-left-color: #f89131;background: #fffadf;}
#chitta_bai-detailed-area {max-width: 100%;margin-bottom: 50px;border-color: #4babd7b3; box-shadow: -2px -2px 10px 2px #38b0e77a;}
.chitta_bai-detailed-card { max-width: 100%; margin-bottom: 600px;}
#chitta_bai-detailed-area .chitta-copy-lang, #chitta_bai-detailed-area .chitta-copy-code {display: inline-block;box-sizing: border-box; text-align: center;cursor: pointer;transition: all 0.2s; user-select: none;}
#chitta_bai-detailed-area .chitta-copy-lang {background: #72aee6; color:#ffffff; padding: 1px 8px;border-radius: 3px; margin-right: 5px; margin-bottom: 2px; }
#chitta_bai-detailed-area .chitta-copy-code {padding: 3px 6px; background: #fff; border: 1px solid #adc5d8;}
#chitta_bai-detailed-area .chitta-copy-lang.chitta-copy-success, #chitta_bai-detailed-area .chitta-copy-code.chitta-copy-success {background:#d4edda;color:#155724;pointer-events: none;}               
.chitta_bai-container {margin-bottom: 20px;}
.chitta_bai-container .chitta-status-toggle { display: flex; align-items: center;}
.chitta_bai-container .chitta-switch { position: relative; display: inline-block; width: 40px; height: 20px; }
.chitta_bai-container .chitta-switch input { opacity: 0; width: 0; height: 0; }
.chitta_bai-container .chitta-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 20px; }
.chitta_bai-container .chitta-slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
.chitta_bai-container input:checked + .chitta-slider { background-color: #2271b1; }
.chitta_bai-container input:checked + .chitta-slider:before { transform: translateX(20px); }
.chitta_bai-container .chitta-status-label { font-weight: 600; font-size: 13px; margin-left: 8px; vertical-align: super; }                  
#chitta_bai-detailed-area .ui-autocomplete { background: #fff; border: 1px solid #ccd0d4; box-shadow: 0 2px 4px rgba(0,0,0,0.1); max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 9999; padding: 0; margin: 0; list-style: none; position: absolute; cursor: pointer; }
#chitta_bai-detailed-area .ui-autocomplete li { padding: 8px 12px; margin: 0; border-bottom: 1px solid #f0f0f1; font-size: 13px; }
#chitta_bai-detailed-area .ui-autocomplete li:hover, .ui-autocomplete li.ui-state-active { background: #f0f6fc; color: #2271b1; }
#chitta_bai-detailed-area .ui-helper-hidden-accessible { display: none; } 
#chitta_bai-detailed-area .chitta_bai-detailed-card{position: relative;}                  
#chitta_bai-detailed-area .chitta_bai-detailed-card .chitta_bai-in-detailed-area { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px;}                
#chitta_bai-detailed-area .chitta_bai-detailed-card .chitta_bai-header{display: flex; align-items: center; justify-content: space-between;}     
.chitta_bai-registration-area {display: flex; justify-content: center;margin: 80px 0px 120px 0;}           
.chitta_bai-registration-card, .chitta_bai-waiting-card, #chitta_bai-add-integration-card { border-radius: 6px; margin: 20px 10px; padding: 40px;max-width: 100%;}
.chitta_bai-registration-card {margin: 0px;box-shadow: 0 0 16px 0 #722ed185;min-width: calc(100% - 80px);}
.chitta_bai-registration-card { text-align: center; }
.chitta_bai-registration-card-wrap { margin: 20px auto; max-width:500px; }
#chitta_bai-instant-reg {text-transform: uppercase;min-height: 47px;line-height: 3.5;padding: 0 29px;background: #9545e3;border-color: #c182ff;}
#chitta_bai-instant-reg:disabled{color: #ffffff !important;background: #9545e380 !important;border-color: #9545e380 !important;}  
#chitta_bai-reg-status { margin-top: 20px; display: none;}
#chitta_bai-reg-status .chitta_bai-ajax-spinner, #chitta_bai-reg-status .chitta_bai-status-message, #chitta_bai-add-integration-card .chitta_bai-status-message, .chitta_bai-detailed-card .chitta_bai-status-message { display: none; }
#chitta_bai-reg-status.notice-load, #chitta_bai-reg-status.notice-error, #chitta_bai-reg-status.notice-success { display: block; }
#chitta_bai-reg-status.notice-load .chitta_bai-ajax-spinner { display: block; }
#chitta_bai-reg-status.notice-load .chitta_bai-status-message-connecting { display: flex; }
#chitta_bai-reg-status.notice-error {border-color: #d63638;}
#chitta_bai-reg-status.notice-error .chitta_bai-status-message-error, #chitta_bai-add-integration-card.notice-error .chitta_bai-status-message-error, .chitta_bai-detailed-card.notice-error .chitta_bai-status-message-error, .chitta-cl-active .chitta-cl-active-el-off, .chitta-cl-autostart .chitta-cl-autostart-el-off { display: flex; align-items: center; color: #d63638; }
#chitta_bai-reg-status.notice-success {border-color: #46b450;}
#chitta_bai-reg-status.notice-success .chitta_bai-status-message-success, .chitta-cl-active .chitta-cl-active-el-on, .chitta-cl-autostart .chitta-cl-autostart-el-on { display: flex; align-items: center; color: #46b450; }
#chitta_bai-reg-status > p { display: flex; align-items: center; gap: 10px; }
.chitta_bai-ajax-spinner { float: none; margin: 0; visibility: visible;}
.chitta_bai-waiting-card { margin-bottom: 600px;border-color: #a27ec5b3;box-shadow: -2px -2px 10px 2px #d295ff7a;}
#chitta_bai-add-integration-card {margin-bottom: 50px;border-color: #d79c4bb3; box-shadow: -2px -2px 10px 2px #ffc4957a;}
#chitta_bai-add-integration-card h2 {text-align:center;}
.chitta_bai-waiting-card.chitta-hidden, .chitta_bai-detailed-card.chitta-hidden, #chitta_bai-settings-list.chitta-hidden, #chitta_bai-add-integration-card.chitta-hidden, .chitta_bai-detailed-card.chitta-hidden, #chitta_bai-detailed-area.chitta-hidden {display: none;}
.chitta_bai-waiting-notice { margin-top: 30px; padding: 16px; background: #f9f0fc; border-left: 4px solid #a966eb; }
.chitta_bai-waiting-notice p { font-size: 16px; margin:5px 0; }
.chitta_bai-waiting-notice.chitta-success {background: #edfaef; border-left-color: #46b450;}
.chitta_bai-waiting-notice.chitta-error {background: #fcf0f1; border-left-color: #d63638;}
.chitta_bai-waiting-notice.chitta-success .chitta_bai-waiting-progress-wrap, .chitta_bai-waiting-notice.chitta-error .chitta_bai-waiting-progress-wrap {display: none;}
.chitta_bai-waiting-notice .chitta-title-wait-status {margin: 0 !important;font-weight: bold;color: #a966eb;}
.chitta_bai-waiting-notice.chitta-success .chitta-title-training, .chitta_bai-waiting-notice.chitta-error .chitta-title-training {display: none;}
.chitta_bai-waiting-notice .chitta-title-error, .chitta_bai-waiting-notice .chitta-title-success {display: none;}
.chitta_bai-waiting-notice.chitta-success .chitta-title-success {display: block;color: #46b450;}
.chitta_bai-waiting-notice.chitta-error .chitta-title-error {display: block;color: #d63638;}
.chitta_bai-waiting-notice .chitta_bai-retry-training, .chitta_bai-waiting-notice .chitta_bai-go-to-wp-sets {display: none !important;margin-top:10px;}
.chitta_bai-waiting-notice.chitta-error .chitta_bai-retry-training {display: inline-block !important;}
.chitta_bai-waiting-notice.chitta-success .chitta_bai-go-to-wp-sets, .chitta_bai-waiting-notice.chitta-error .chitta_bai-go-to-wp-sets {display: inline-flex !important;}
.chitta_bai-waiting-notice.chitta-success .chitta-title-wait-status-desc, .chitta_bai-waiting-notice.chitta-error .chitta-title-wait-status-desc {display: none;}
.chitta_bai-waiting-notice .chitta-title-wait-status-error-msg {display: none; font-size: 16px;}
.chitta_bai-waiting-notice.chitta-error .chitta-title-wait-status-error-msg {display: block;}
.chitta_bai-field-status {margin: 3px 10px 0 10px;font-size: 12px;position: absolute;display: none;}
.chitta_bai-site-link, .chitta_bai-account-link {text-decoration: none; vertical-align: middle; font-size: 14px; color: #2271b1; font-weight: 600;}
.chitta_bai-site-link {margin-right: 40px;}
.chitta_bai-account-link {color: #01a124;}
.chitta_bai-table th, .chitta_bai-table td {padding-top:10px;padding-bottom:10px;}
.chitta_bai-registration-desc {color: #000000;font-size: 18px;}
.chitta_bai-waiting-progress-wrap { display: flex;justify-content: center;margin-bottom: 30px;}
.chitta_bai-waiting-progress {--chitta-bai-progress-height: 0.6rem; display: flex; height: var(--chitta-bai-progress-height);overflow: hidden; font-size: 0.75rem;background-color: #1c1e22; border-radius: 0.375rem;box-sizing: border-box; width: 300px;}
.chitta_bai-waiting-progress .chitta-progress-bar {display: flex;flex-direction: column;justify-content: center;overflow: hidden;color: #7a8288;text-align: center;white-space: nowrap;background-color: #67cf74;transition: width 0.6s ease;animation: 1s linear infinite chitta_bai-progress-bar;background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);background-size: var(--chitta-bai-progress-height) var(--chitta-bai-progress-height);}
@keyframes chitta_bai-progress-bar {
  0% {background-position-x: var(--chitta-bai-progress-height);}
}
.chitta_bai-manage-dashbord-area {margin: 40px -20px 40px -20px;position: sticky;top: 30px;z-index: 3;}
.chitta_bai-manage-dashbord {display: flex;align-items: center; justify-content: space-between; padding: 10px 20px; background: #f0f0f136; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.chitta_bai-btn-support {background: #00a926 !important; border-color: #00cd2e !important; color: #ffffff !important; box-shadow: none !important; outline: none !important;}
#chitta_bai-to-list, .chitta_bai-btn-support.chitta_bai-support-in-list {min-height: 40px !important;line-height: 2.7 !important;font-size: 14px !important;padding: 0 30px !important;text-transform: uppercase !important;}
.chitta_bai-btn {display: inline-flex !important;align-items: center;}
#chitta_bai-list-container {display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-around;}
.chitta_bai-list-card {margin: 15px 15px;padding: 30px;padding-top: 10px;border: 1px solid #f3f3f3fa;border-radius: 7px;color: #4f4f4f;text-shadow: 1px 1px 1px #fff;max-width: 100%;width: 340px;box-shadow: 4px 4px 4px 0px #0000000f;background: #abd3d58a;}
.chitta_bai-icon-wrap {display: inline-flex !important;align-items: center;}
.chitta_bai-info-wrap {color: #0081b4;}
#chitta_bai-add-integration-save:disabled svg {stroke:#a7aaad !important;}
.chitta_bai-list-card .chitta-cl-id {color: #000000;display: flex;justify-content: space-between;align-items: center;}
.chitta_bai-list-card .chitta-cl-id, .chitta_bai-list-card .chitta-cl-chatname, .chitta_bai-list-card .chitta-cl-active, .chitta_bai-list-card .chitta-cl-autostart, .chitta_bai-list-card .chitta-cl-to-dashboard {margin: 5px 0;}
.chitta_bai-list-card .chitta-cl-to-dashboard {font-weight: 600;margin-bottom: 2px;}
.chitta_bai-list-card .chitta_bai-list-card-cl-btn, #chitta_bai-btn-demo, .chitta_bai-to-dashboard-in-detailed a.button {margin: 0 0 10px 0;background: #cbcbcb00;border-color: #2271b100;border-bottom-color: #4f4f4f;color: #4f4f4f;text-decoration: none;text-shadow: none;font-weight: 600;text-shadow: 1px 1px 1px #fff;}
.chitta_bai-list-card .chitta_bai-list-card-cl-btn:hover, .chitta_bai-list-card .chitta_bai-list-card-cl-btn:active, .chitta_bai-list-card .chitta_bai-list-card-cl-btn:focus 
, #chitta_bai-btn-demo:hover, #chitta_bai-btn-demo:active, #chitta_bai-btn-demo:focus 
, .chitta_bai-to-dashboard-in-detailed a.button:hover, .chitta_bai-to-dashboard-in-detailed a.button:active, .chitta_bai-to-dashboard-in-detailed a.button:focus {background: #cbcbcb00;color: #4f4f4f;border-color: #4f4f4f;border-width: 1px;box-shadow: none;}
.chitta_bai-list-card .chitta-cl-active, .chitta_bai-list-card .chitta-cl-autostart { display: flex; align-items: center; }
.chitta_bai-list-card .chitta-cl-active-el-on, .chitta_bai-list-card .chitta-cl-active-el-off, .chitta_bai-list-card .chitta-cl-autostart-el-on, .chitta_bai-list-card .chitta-cl-autostart-el-off  { display: none; }
.chitta_bai-list-card .chitta-cl-active-on .chitta-cl-active-el-on, .chitta_bai-list-card .chitta-cl-active-off .chitta-cl-active-el-off, .chitta_bai-list-card .chitta-cl-autostart-on .chitta-cl-autostart-el-on, .chitta_bai-list-card .chitta-cl-autostart-off .chitta-cl-autostart-el-off { display: flex; } 
.chitta_bai-dashicons-external {font-size: 16px; width: 16px; height: 16px; text-decoration: none; vertical-align: text-top !important;line-height: 1 !important;}
.chitta_p_10 {padding-left: 10px !important;padding-right: 10px !important;}
.chitta_mt_10 {margin-top: 10px !important;}
#chitta_bai-paln-limit_chats {margin-top: 10px; padding: 16px; background: #fcf0f0; border-left: 4px solid #d63638; color: #d63638;}
#chitta_bai-paln-limit_chats p {margin: 5px 0; display: flex; align-items: center;}
.chitta_bai-about-full-config {margin-bottom: 20px;padding: 15px;background: #2271b1;border: 1px solid #72b0e3;border-radius: 6px;color: #ffffff;}
.chitta_bai-about-full-config > p{ margin: 0; font-size: 13px; line-height: 1.5; }
.chitta_bai-about-full-config a {color: #ffffff; text-transform: uppercase;}
#chitta_bai-wrap-demo {max-width: 100%; margin-top: 20px; margin-bottom: 10px;}
#chitta_bai-wrap-demo .description {margin-bottom: 5px;}
#chitta_bai-wrap-demo .chitta_bai-btn-demo-wrap {margin-bottom: 20px;}
#chitta_bai-btn-demo {padding: 0 30px;}
#chitta_bai-btn-demo .js-chitta-opened, #chitta_bai-btn-demo .js-chitta-closed {display: none;}
#chitta_bai-btn-demo.js-chitta-btn-demo-opened .js-chitta-opened, #chitta_bai-btn-demo.js-chitta-btn-demo-closed .js-chitta-closed {display: inline;}
#chitta_bai-demo {min-height: 260px;padding-bottom: 40px;}
#chitta_bai-demo.js-chitta-div-demo-closed {display: none;}
.chitta-toggle-dropdown {background: none; border: none; padding: 0; color: #2271b1; cursor: pointer; display: flex; align-items: center; gap: 5px; font-weight: 600; font-size: 14px;}
.form-table.chitta_bai-table-with-save-tr tr:not(.chitta_bai-save-tr) {border-left: 1px solid #4586bb;}
.form-table.chitta_bai-table-with-save-tr tr:not(.chitta_bai-save-tr) th{padding-left: 20px;}
.form-table tr.chitta_bai-save-tr td {padding-top: 0px;padding-bottom: 40px;padding-left: 0px; }
.form-table tr.chitta_bai-save-tr td button {padding: 0 25px;position: relative;left: -1px;}
.chitta_bai-save-row { display: flex; align-items: center;}
.chitta_bai-save-row .chitta_bai-field-status {margin-left: 30px; position: relative;}
.updating-js {position: relative !important;color: transparent !important;pointer-events: none;text-shadow: none !important;}
.updating-js:after {content: "";position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;margin: -8px 0 0 -8px;border: 2px solid rgb(149 69 227);border-top-color: #00b31c;border-radius: 50%;animation: chitta-button-rotate 0.6s linear infinite;}
@keyframes chitta-button-rotate {to { transform: rotate(360deg); }}
.chitta_bai-warn-container, .chitta_bai-info-container {background: #fdf6ec; border: 1px solid #faecd8; padding: 12px; border-radius: 4px; color: #b9802a; font-size: 13px; margin-bottom: 15px;}
.chitta_bai-info-container {background: #ecf9fd;border: 1px solid #a5cbdb;color: #003353;}
.chitta_bai-pre-code {cursor:pointer; background: #f6f7f7; padding: 12px; border: 1px solid #ddd; border-radius: 4px; overflow-x: auto; font-size: 12px; user-select: all;}
.chitta_bai-support-form {margin-bottom: 60px;}
#chitta-status-support {color: #00a926; font-weight: bold; margin-top: 20px;}
#chitta_bai-delete-account {color: #d63638;}
#chitta_bai-delete-account, .chitta_bai-see-plans {padding: 0px 10px !important;text-decoration: none !important;border: 0px solid #f2f2f3 !important;min-height: 33px !important;line-height: 1.5 !important;}
.js-chitta_bai-find-card .chitta_bai-warn-sticker {display: none;margin-top: 20px;}
.js-chitta_bai-find-card .chitta_bai-warn-sticker p {margin: 0 5px;}
.js-chitta_bai-find-card[data-chat-type="st"] .chitta_bai-warn-sticker {display: block;}
.chitta_bai-to-dashboard-in-detailed {margin: 10px 0 5px 0;display: flex;align-items: center;justify-content: end;}
.chitta_bai-to-dashboard-in-detailed p {margin: 0 15px 0 0;}
.chitta_bai-to-dashboard-in-detailed a.button {margin:0!important;text-transform: uppercase;}
.chitta_bai-branding_warn {display: flex; align-items: center; color: #9545e3; margin: 5px 0;}
#chitta_bai-wrap-description {padding: 10px 0px 0px 0px;}
#chitta_bai-wrap-description h3 {font-size: 1.1em;margin: 0.5em 0;}
.chitta_bai-description-cards-wrap {display: flex;justify-content: space-around;padding: 20px 0;flex-wrap:wrap;}
.chitta_bai-description-card {font-size: 18px;line-height: 1.8;width: 340px;max-width: 100%;border: 1px solid #9545e366;padding: 12px 20px;border-radius: 9px;margin: 10px 25px;background: linear-gradient(45deg, #007bff, rgba(150, 50, 200, .9));color: #fff;transition: transform 0.15s ease, background 0.15s ease;}
.chitta_bai-description-card:hover {background: linear-gradient(45deg, rgba(150, 50, 200, .9), #007bff);transform: scale(1.05);}
.chitta_bai-description-feature {display: flex;align-items: center;margin: 0 0 5px 0;}
.chitta_bai-manager_button-in_wait {pointer-events: none;}
.chitta_bai-manager_button-js-wait_warn, .chitta_bai-manager_button-in_wait .chitta_bai-manager_button-js-toggle, .chitta_bai-manager_button-in_wait .chitta_bai-manager_button-js-fin_warn {display: none;}
.chitta_bai-manager_button-in_wait .chitta_bai-manager_button-js-wait_warn {display: block;}
.chitta-error-ul {list-style: disc;padding-left: 40px;margin: 5px 0 20px 0;font-size: 13px;}
.chitta-error-ul li {margin-bottom: 2px;}
.chitta-input-required {border-color: rgb(216, 0, 0) !important;}