Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / genremedia08 / thepassage.overlookedtracks.com / wp-content9 / plugins / echo-knowledge-base / css /

Editing: admin-ai-page.css

@charset "UTF-8";
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**
 * Analytics Admin Page Styles
 */
/**
 * Content Analysis Admin Page Styles
 */
.epkb-content-analysis-layout {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.epkb-content-analysis-layout .epkb-ai-tags-section {
  display: grid;
  grid-template-columns: 1fr minmax(300px, 25%);
  gap: 30px;
  background: transparent;
}
.epkb-content-analysis-layout .epkb-tags-main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #E5E7EB;
  position: relative;
}
.epkb-content-analysis-layout .epkb-tags-sidebar {
  background-color: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.epkb-content-analysis-layout .epkb-tags-sidebar h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 15px 0;
  color: #1E293B;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-tags-heading,
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-add-tag-heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-tags-heading-icon,
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-add-tag-heading-icon {
  margin-right: 8px;
  color: #2271B1;
  font-size: 24px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-tags-list {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-tag-item-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-tag-item {
  display: inline-block;
  padding: 4px 12px;
  background-color: #F5F5F5;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-size: 13px;
  color: #1E293B;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-tag-item.new {
  background-color: #E0F2FE;
  border: 1px solid #0EA5E9;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-tag-item:hover {
  background-color: #E0E0E0;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-tag-item.is-marked-for-deletion {
  opacity: 0.6;
  text-decoration: line-through;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-delete,
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-restore,
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-remove {
  padding: 2px 6px;
  font-size: 14px;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  min-width: 20px;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-delete {
  background-color: transparent;
  color: #DC3545;
  font-size: 18px;
  font-weight: bold;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-delete:hover {
  opacity: 0.7;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-restore {
  background-color: transparent;
  color: #28A745;
  font-size: 16px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-restore:hover {
  opacity: 0.7;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-remove {
  background-color: #DC3545;
  color: #FFFFFF;
  font-size: 16px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-button-remove:hover {
  background-color: #C82333;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-add-tag {
  border-top: 1px solid #E5E7EB;
  padding-top: 15px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-add-tag label {
  font-size: 13px;
  font-weight: 500;
  color: #1E293B;
  margin-bottom: 8px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-add-tag .controls {
  display: flex;
  gap: 8px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-add-tag .epkb-sidebar-new-tag-input {
  flex: 1;
  padding: 6px 8px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 13px;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .epkb-sidebar-add-tag .add-btn {
  font-size: 18px;
  font-weight: bold;
  background-color: #28A745;
  border-color: #28A745;
  color: #FFFFFF;
  padding: 4px 12px;
  min-width: 40px;
  margin: 5px 0;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .note {
  font-size: 11px;
  font-style: italic;
  color: #666666;
  margin: 10px 0 0 0;
  line-height: 1.4;
}
.epkb-content-analysis-layout .epkb-tags-sidebar .save-btn {
  width: 100%;
  justify-content: center;
}
.epkb-content-analysis-layout .epkb-ai-reanalyze-button {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  transition: all 0.3s ease;
}
.epkb-content-analysis-layout .epkb-ai-reanalyze-button:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.epkb-content-analysis-layout .epkb-ai-reanalyze-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.epkb-content-analysis-layout .epkb-content-analysis-top-tabs {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.epkb-content-analysis-layout .epkb-content-analysis-top-tab {
  border: 1px solid #D7DCE1;
  border-radius: 999px;
  background: #F4F6F8;
  box-shadow: none;
  color: #2C3338;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  line-height: 1;
  padding: 10px 20px;
  transition: all 0.2s ease;
}
.epkb-content-analysis-layout .epkb-content-analysis-top-tab:hover {
  background: #EEF1F4;
  color: #0073AA;
}
.epkb-content-analysis-layout .epkb-content-analysis-top-tab.is-active {
  background: #FFFFFF;
  color: #0073AA;
  box-shadow: 0 10px 30px rgba(16, 42, 67, 0.08);
  border-color: rgba(0, 115, 170, 0.3);
}
.epkb-content-analysis-layout .epkb-content-analysis-top-panels {
  position: relative;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 20px;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tabs-action-group {
  display: flex;
  gap: 0;
  border: 1px solid #E5E6E7;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tabs-article-group {
  display: flex;
  gap: 0;
  border: 1px solid #E5E6E7;
  background-color: #FAFAFA;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: #555555;
  cursor: pointer;
  font-size: 16px;
  padding: 20px 20px;
  margin: 0;
  transition: all 0.2s;
  position: relative;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button span[class*=epkbfa] {
  margin-right: 5px;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:hover {
  color: #0073AA;
  background-color: aliceblue;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.active, .epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.is-active {
  color: #0073AA;
  border-bottom-color: #0073AA;
  font-weight: 600;
  background-color: aliceblue;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:not(.epkb-ai-tab-button--article) {
  font-size: 17px;
  font-weight: 600;
  padding: 22px 26px;
  background: linear-gradient(to bottom, #F8F9FA 0%, #FFFFFF 100%);
  border-right: 1px solid #E5E6E7;
  opacity: 0.7;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:not(.epkb-ai-tab-button--article):last-child {
  border-right: none;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:not(.epkb-ai-tab-button--article) .epkb-ai-tab-icon--primary {
  font-size: 20px;
  margin-right: 8px;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:not(.epkb-ai-tab-button--article) .epkb-ai-tab-icon--primary.epkbfa-bar-chart {
  color: #667EEA;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:not(.epkb-ai-tab-button--article) .epkb-ai-tab-icon--primary.epkbfa-magic {
  color: #764BA2;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:not(.epkb-ai-tab-button--article):hover {
  background-color: aliceblue;
  opacity: 1;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:not(.epkb-ai-tab-button--article).is-active {
  background-color: aliceblue;
  border-bottom-width: 3px;
  border-bottom-color: #667EEA;
  font-weight: 700;
  opacity: 1;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button--article {
  font-size: 14px;
  font-weight: 500;
  padding: 18px 18px;
  color: #666666;
  border-right: 1px solid #E5E6E7;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button--article:last-child {
  border-right: none;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button--article .epkb-ai-tab-icon--article {
  font-size: 14px;
  margin-right: 6px;
  color: #888888;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button--article .epkb-ai-tab-close {
  margin-left: 8px;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button--article .epkb-ai-tab-close:hover {
  opacity: 1;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button--article:hover {
  background-color: #F5F5F5;
}
.epkb-content-analysis-layout .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button--article.is-active {
  color: #0073AA;
  background-color: #F0F6FC;
  font-weight: 600;
  border-bottom-width: 2px;
}
.epkb-content-analysis-layout .epkb-run-readability-analysis-btn {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  transition: all 0.3s ease;
}
.epkb-content-analysis-layout .epkb-run-readability-analysis-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.epkb-content-analysis-layout .epkb-run-readability-analysis-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.epkb-content-analysis-layout .epkb-run-gap-analysis-btn {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  transition: all 0.3s ease;
}
.epkb-content-analysis-layout .epkb-run-gap-analysis-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.epkb-content-analysis-layout .epkb-run-gap-analysis-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.epkb-content-analysis-layout .epkb-score-importance-container {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-right: 20px;
}
.epkb-content-analysis-layout .epkb-score-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0px;
  padding: 15px 20px;
  border-radius: 8px;
  width: 150px;
  text-align: center;
}
.epkb-content-analysis-layout .epkb-score-badge--not-analyzed {
  background-color: rgba(128, 128, 128, 0.1);
  border: 2px solid #999999;
}
.epkb-content-analysis-layout .epkb-article-importance-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 15px 20px;
  border-radius: 8px;
  width: 150px;
  text-align: center;
  background-color: rgba(102, 126, 234, 0.1);
  border: 2px solid #667EEA;
}
.epkb-content-analysis-layout .epkb-article-importance-container .epkb-importance-progress-bar {
  position: relative;
  width: 100%;
  height: 20px;
  background-color: #AFAEAE;
  border-radius: 10px;
  overflow: hidden;
}
.epkb-content-analysis-layout .epkb-article-importance-container .epkb-importance-progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, #667EEA, #764BA2);
  transition: width 0.3s ease;
}
.epkb-content-analysis-layout .epkb-article-importance-container .epkb-importance-progress-text {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
}
.epkb-content-analysis-layout .epkb-demo-analytics-notice {
  background-color: #FFF3CD;
  border: 2px solid #FFC107;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  animation: fadeIn 0.3s ease-in;
}
.epkb-content-analysis-layout .epkb-demo-analytics-notice .epkbfa-info-circle {
  font-size: 24px;
  color: #856404;
  margin-top: 2px;
}
.epkb-content-analysis-layout .epkb-demo-analytics-notice .epkb-demo-badge {
  background-color: #FFC107;
  color: #000000;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.epkb-content-analysis-layout .epkb-demo-analytics-notice strong {
  font-size: 16px;
  color: #856404;
}
.epkb-content-analysis-layout .epkb-demo-analytics-notice p {
  margin: 0;
  color: #856404;
  font-size: 14px;
  line-height: 1.5;
}
.epkb-content-analysis-layout .epkb-improve-boxes-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 100%;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 1921px) {
  .epkb-content-analysis-layout .epkb-ai-training-data-container {
    max-width: 2000px;
  }
}
.epkb-content-analysis-panel {
  display: none;
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.epkb-content-analysis-panel.is-active {
  display: block;
}
.epkb-content-analysis-panel[data-top-panel=article-analysis] {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.epkb-content-analysis-panel[data-top-panel=kb-analytics] {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper,
.epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  padding: 15px 20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-data-source-heading,
.epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-data-source-heading {
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  color: #FFFFFF;
  background: none;
  padding: 0;
  border-radius: 0;
}
.epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-button-destructive,
.epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-button-destructive {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-button-destructive:hover,
.epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-button-destructive:hover {
  background: rgba(220, 53, 69, 0.9);
  border-color: rgba(220, 53, 69, 0.9);
}
.epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-button-destructive:disabled,
.epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper .epkb-ai-button-destructive:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading,
.epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  padding: 20px 20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #FFFFFF;
}

.epkb-ai-chat-container .epkb-ai-discussion-details-content,
.epkb-ai-search-container .epkb-ai-discussion-details-content {
  flex: 1;
  overflow-y: auto;
}

.epkb-ai-chat-container .epkb-ai-conversation-meta,
.epkb-ai-chat-container .epkb-ai-search-meta,
.epkb-ai-search-container .epkb-ai-conversation-meta,
.epkb-ai-search-container .epkb-ai-search-meta {
  background: linear-gradient(135deg, #F5F7FA 0%, #F0F2F5 100%);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 24px;
  border: 1px solid #E3E6EA;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.epkb-ai-chat-container .epkb-ai-conversation-meta h4,
.epkb-ai-chat-container .epkb-ai-search-meta h4,
.epkb-ai-search-container .epkb-ai-conversation-meta h4,
.epkb-ai-search-container .epkb-ai-search-meta h4 {
  margin: 0 0 16px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E6EA;
}

.epkb-ai-chat-container .epkb-ai-meta-item,
.epkb-ai-search-container .epkb-ai-meta-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s ease;
}

.epkb-ai-chat-container .epkb-ai-meta-item.epkb-ai-meta-item--stacked,
.epkb-ai-search-container .epkb-ai-meta-item.epkb-ai-meta-item--stacked {
  align-items: flex-start;
}

.epkb-ai-chat-container .epkb-ai-meta-item:last-child,
.epkb-ai-search-container .epkb-ai-meta-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.epkb-ai-chat-container .epkb-ai-meta-item:hover,
.epkb-ai-search-container .epkb-ai-meta-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 -10px;
  padding: 10px;
  border-radius: 4px;
}

.epkb-ai-chat-container .epkb-ai-meta-label,
.epkb-ai-search-container .epkb-ai-meta-label {
  color: #646970;
  font-weight: 500;
  flex-shrink: 0;
  margin-right: 15px;
}

.epkb-ai-chat-container .epkb-ai-meta-value,
.epkb-ai-search-container .epkb-ai-meta-value {
  color: #2C3338;
  font-weight: 400;
  text-align: right;
  flex: 1;
}

.epkb-ai-chat-container .epkb-ai-meta-item.epkb-ai-meta-item--stacked .epkb-ai-meta-value,
.epkb-ai-search-container .epkb-ai-meta-item.epkb-ai-meta-item--stacked .epkb-ai-meta-value {
  text-align: left;
}

.epkb-ai-chat-container .epkb-ai-meta-list,
.epkb-ai-search-container .epkb-ai-meta-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.epkb-ai-chat-container .epkb-ai-meta-list-item,
.epkb-ai-search-container .epkb-ai-meta-list-item {
  font-size: 13px;
  color: #2C3338;
}

.epkb-ai-chat-container .epkb-ai-meta-empty,
.epkb-ai-search-container .epkb-ai-meta-empty {
  color: #9CA3AF;
  font-style: italic;
}

.epkb-ai-chat-container .epkb-ai-meta-value a,
.epkb-ai-search-container .epkb-ai-meta-value a {
  color: #2271B1;
  text-decoration: none;
  font-weight: 500;
}

.epkb-ai-chat-container .epkb-ai-meta-value a:hover,
.epkb-ai-search-container .epkb-ai-meta-value a:hover {
  text-decoration: underline;
  color: #135E96;
}

.epkb-ai-chat-container .epkb-ai-messages-list .epkb-ai-message,
.epkb-ai-search-container .epkb-ai-messages-list .epkb-ai-message {
  background: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 12px;
}

.epkb-ai-chat-container .epkb-ai-message.epkb-ai-message-user,
.epkb-ai-search-container .epkb-ai-message.epkb-ai-message-user {
  background: linear-gradient(135deg, #F0F6FC 0%, #E8F1FB 100%);
  border-color: #D4E2F1;
}

.epkb-ai-chat-container .epkb-ai-message.epkb-ai-message-assistant,
.epkb-ai-search-container .epkb-ai-message.epkb-ai-message-assistant {
  background: linear-gradient(135deg, #F0FDF4 0%, #E6F9ED 100%);
  border-color: #C3E6CB;
}

.epkb-ai-chat-container .epkb-ai-message.epkb-ai-message-system,
.epkb-ai-search-container .epkb-ai-message.epkb-ai-message-system {
  background: linear-gradient(135deg, #FFF9ED 0%, #FFF5E0 100%);
  border-color: #F0D7A3;
}

.epkb-ai-chat-container .epkb-ai-message-header,
.epkb-ai-search-container .epkb-ai-message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.epkb-ai-chat-container .epkb-ai-message-role,
.epkb-ai-search-container .epkb-ai-message-role {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.epkb-ai-chat-container .epkb-ai-message-time,
.epkb-ai-search-container .epkb-ai-message-time {
  color: #646970;
  font-size: 12px;
}

.epkb-ai-chat-container .epkb-ai-message-feedback,
.epkb-ai-search-container .epkb-ai-message-feedback {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: -4px 0 10px;
  font-size: 12px;
  color: #4B5563;
}

.epkb-ai-chat-container .epkb-ai-message-feedback-item,
.epkb-ai-search-container .epkb-ai-message-feedback-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid #E5E7EB;
  background-color: #F3F4F6;
  font-weight: 600;
}

.epkb-ai-chat-container .epkb-ai-message-feedback-item--up,
.epkb-ai-search-container .epkb-ai-message-feedback-item--up {
  color: #166534;
  background-color: #DCFCE7;
  border-color: #BBF7D0;
}

.epkb-ai-chat-container .epkb-ai-message-feedback-item--down,
.epkb-ai-search-container .epkb-ai-message-feedback-item--down {
  color: #9F1239;
  background-color: #FFE4E6;
  border-color: #FECDD3;
}

.epkb-ai-chat-container .epkb-ai-message-feedback-text,
.epkb-ai-search-container .epkb-ai-message-feedback-text {
  font-size: 12px;
}

.epkb-ai-chat-container .epkb-ai-message-content,
.epkb-ai-search-container .epkb-ai-message-content {
  color: #2C3338;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.epkb-ai-chat-container .epkb-ai-message-content h1, .epkb-ai-chat-container .epkb-ai-message-content h2, .epkb-ai-chat-container .epkb-ai-message-content h3, .epkb-ai-chat-container .epkb-ai-message-content h4, .epkb-ai-chat-container .epkb-ai-message-content h5, .epkb-ai-chat-container .epkb-ai-message-content h6,
.epkb-ai-search-container .epkb-ai-message-content h1,
.epkb-ai-search-container .epkb-ai-message-content h2,
.epkb-ai-search-container .epkb-ai-message-content h3,
.epkb-ai-search-container .epkb-ai-message-content h4,
.epkb-ai-search-container .epkb-ai-message-content h5,
.epkb-ai-search-container .epkb-ai-message-content h6 {
  margin: 8px 0;
}
.epkb-ai-chat-container .epkb-ai-message-content p,
.epkb-ai-search-container .epkb-ai-message-content p {
  margin: 0 0 8px 0;
}
.epkb-ai-chat-container .epkb-ai-message-content p:last-child,
.epkb-ai-search-container .epkb-ai-message-content p:last-child {
  margin-bottom: 0;
}
.epkb-ai-chat-container .epkb-ai-message-content strong,
.epkb-ai-search-container .epkb-ai-message-content strong {
  font-weight: 600;
}
.epkb-ai-chat-container .epkb-ai-message-content em,
.epkb-ai-search-container .epkb-ai-message-content em {
  font-style: italic;
}
.epkb-ai-chat-container .epkb-ai-message-content br,
.epkb-ai-search-container .epkb-ai-message-content br {
  content: "";
  display: block;
  margin: 0.5em 0;
}
.epkb-ai-chat-container .epkb-ai-message-content ol, .epkb-ai-chat-container .epkb-ai-message-content ul,
.epkb-ai-search-container .epkb-ai-message-content ol,
.epkb-ai-search-container .epkb-ai-message-content ul {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin: 8px 0;
  padding-left: 2.5em;
}
.epkb-ai-chat-container .epkb-ai-message-content ol li, .epkb-ai-chat-container .epkb-ai-message-content ul li,
.epkb-ai-search-container .epkb-ai-message-content ol li,
.epkb-ai-search-container .epkb-ai-message-content ul li {
  margin: 0.25em 0;
  line-height: 1.5;
}
.epkb-ai-chat-container .epkb-ai-message-content ol ol, .epkb-ai-chat-container .epkb-ai-message-content ol ul, .epkb-ai-chat-container .epkb-ai-message-content ul ol, .epkb-ai-chat-container .epkb-ai-message-content ul ul,
.epkb-ai-search-container .epkb-ai-message-content ol ol,
.epkb-ai-search-container .epkb-ai-message-content ol ul,
.epkb-ai-search-container .epkb-ai-message-content ul ol,
.epkb-ai-search-container .epkb-ai-message-content ul ul {
  margin: 0.25em 0;
  padding-left: 1.2em;
}
.epkb-ai-chat-container .epkb-ai-message-content ol ol.epkb-nested-list, .epkb-ai-chat-container .epkb-ai-message-content ol ul.epkb-nested-list, .epkb-ai-chat-container .epkb-ai-message-content ul ol.epkb-nested-list, .epkb-ai-chat-container .epkb-ai-message-content ul ul.epkb-nested-list,
.epkb-ai-search-container .epkb-ai-message-content ol ol.epkb-nested-list,
.epkb-ai-search-container .epkb-ai-message-content ol ul.epkb-nested-list,
.epkb-ai-search-container .epkb-ai-message-content ul ol.epkb-nested-list,
.epkb-ai-search-container .epkb-ai-message-content ul ul.epkb-nested-list {
  margin-top: 0.25em;
}
.epkb-ai-chat-container .epkb-ai-message-content ul,
.epkb-ai-search-container .epkb-ai-message-content ul {
  list-style-type: disc;
}
.epkb-ai-chat-container .epkb-ai-message-content ul ul,
.epkb-ai-search-container .epkb-ai-message-content ul ul {
  list-style-type: circle;
}
.epkb-ai-chat-container .epkb-ai-message-content a,
.epkb-ai-search-container .epkb-ai-message-content a {
  color: #0066CC;
  text-decoration: underline;
}
.epkb-ai-chat-container .epkb-ai-message-content a:hover,
.epkb-ai-search-container .epkb-ai-message-content a:hover {
  color: #0052A3;
}

.epkb-ai-chat-container .epkb-ai-no-messages,
.epkb-ai-search-container .epkb-ai-no-messages {
  text-align: center;
  padding: 40px 20px;
  color: #646970;
  font-style: italic;
}

.epkb-ai-discussions-layout {
  display: flex;
  gap: 20px;
  min-height: 524px;
  max-height: 800px;
  width: 100%;
  max-width: none;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table {
  flex: 2;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content {
  flex: 1;
  overflow-y: auto;
  padding: 0;
  position: relative;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container {
  margin-top: 0;
  padding: 15px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container .epkb-table-filter-container {
  margin-bottom: 15px;
  padding-right: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table {
  table-layout: fixed;
  width: 100%;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th {
  background-color: #E3F2FD;
  color: #000000;
  font-weight: 600;
  font-size: 13px;
  padding: 10px 12px;
  border-bottom: 1px solid #E3E6EA;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th.sortable:hover,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th.sortable:hover {
  background-color: #BBDEFB;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=submit_date],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=submit_date] {
  width: 140px;
  min-width: 140px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=name],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=name] {
  width: 150px;
  min-width: 150px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=chat_id],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=chat_id] {
  width: 120px;
  min-width: 120px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=first_message],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=first_message] {
  width: auto;
  min-width: 250px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=page_name],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=page_name] {
  width: 180px;
  min-width: 180px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=status],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=status] {
  width: 100px;
  min-width: 100px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=search_date], .epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=time],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=search_date],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=time] {
  width: 140px;
  min-width: 140px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=user],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=user] {
  width: 150px;
  min-width: 150px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=query], .epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=conversation],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=query],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=conversation] {
  width: auto;
  min-width: 250px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=results],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=results] {
  width: 120px;
  min-width: 120px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=clicked],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=clicked] {
  width: 180px;
  min-width: 180px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table thead th:first-child:has(input[type=checkbox]),
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table thead th:first-child:has(input[type=checkbox]) {
  width: 40px;
  min-width: 40px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr:nth-child(even),
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr:nth-child(even) {
  background-color: #F5F5F5;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr {
  background-color: #FFFFFF;
  border-bottom: 1px solid #F0F0F0;
  cursor: pointer;
  transition: background-color 0.2s ease;
  user-select: none;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr:hover,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr:hover {
  background-color: #F7F8FA;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr.selected,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr.selected {
  background-color: #E8F4FD;
  border-left: 3px solid #0073AA;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr td,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td {
  padding: 12px;
  font-size: 13px;
  color: #2C3338;
  border: none;
  vertical-align: middle;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr td:first-child,
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td:first-child {
  padding-left: 15px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr td input[type=checkbox],
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td input[type=checkbox] {
  margin-right: 5px;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-search-conversations-table tbody tr td:nth-child(4),
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td:nth-child(4) {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.epkb-ai-discussions-layout .epkb-ai-discussions-table .epkb-ai-discussions-content .epkb-submissions-table-container .pagination-and-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F9F9F9;
  border-top: 1px solid #E3E6EA;
  padding: 10px 15px;
  margin: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details {
  flex: 1;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-no-selection {
  text-align: center;
  color: #646970;
  padding: 40px 20px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-no-selection p {
  margin: 0;
  font-size: 14px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F0F0F0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-role {
  font-weight: 600;
  color: #2C3338;
  margin-right: 10px;
  font-size: 14px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-role.user {
  color: #0073AA;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-role.assistant {
  color: #46B450;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-time {
  font-size: 12px;
  color: #646970;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-content {
  font-size: 13px;
  line-height: 1.6;
  color: #2C3338;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-content p {
  margin: 0 0 10px 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-content p:last-child {
  margin-bottom: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-content code {
  background-color: #F4F4F4;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 12px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-content pre {
  background-color: #F4F4F4;
  padding: 10px;
  border-radius: 3px;
  overflow-x: auto;
  margin: 10px 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-message .epkb-ai-message-content pre code {
  background-color: transparent;
  padding: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message {
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user {
  background-color: #E8F4F8;
  border-left: 4px solid #0073AA;
  margin-right: 20px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user .epkb-ai-message-role {
  color: #0073AA;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-assistant {
  background-color: #F0F8F0;
  border-left: 4px solid #46B450;
  margin-left: 20px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-assistant .epkb-ai-message-role {
  color: #46B450;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-role {
  font-weight: 600;
  font-size: 14px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-time {
  font-size: 12px;
  color: #646970;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content {
  font-size: 14px;
  line-height: 1.6;
  color: #2C3338;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content p {
  margin: 0 0 10px 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content p:last-child {
  margin-bottom: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content code {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 13px;
  font-family: "Consolas", "Monaco", "Andale Mono", "Ubuntu Mono", monospace;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content pre {
  background-color: #F8F8F8;
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto;
  margin: 10px 0;
  border: 1px solid #E5E5E5;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content pre code {
  background-color: transparent;
  padding: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-messages-list .epkb-ai-no-messages {
  text-align: center;
  padding: 40px;
  color: #646970;
  font-style: italic;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread h4 {
  font-size: 16px;
  margin: 30px 0 20px 0;
  color: #2C3338;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 10px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta {
  background: linear-gradient(135deg, #F5F7FA 0%, #F0F2F5 100%);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 24px;
  border: 1px solid #E3E6EA;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta h4,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta h4 {
  margin: 0 0 16px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E6EA;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta .epkb-ai-meta-item,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta .epkb-ai-meta-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s ease;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta .epkb-ai-meta-item:last-child,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta .epkb-ai-meta-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta .epkb-ai-meta-item:hover,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta .epkb-ai-meta-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 -10px;
  padding: 10px;
  border-radius: 4px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta .epkb-ai-meta-item .epkb-ai-meta-label,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta .epkb-ai-meta-item .epkb-ai-meta-label {
  color: #646970;
  font-weight: 500;
  flex-shrink: 0;
  margin-right: 15px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta .epkb-ai-meta-item .epkb-ai-meta-value,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta .epkb-ai-meta-item .epkb-ai-meta-value {
  color: #2C3338;
  font-weight: 400;
  text-align: right;
  flex: 1;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta .epkb-ai-meta-item .epkb-ai-meta-value a,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta .epkb-ai-meta-item .epkb-ai-meta-value a {
  color: #2271B1;
  text-decoration: none;
  font-weight: 500;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-meta .epkb-ai-meta-item .epkb-ai-meta-value a:hover,
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-meta .epkb-ai-meta-item .epkb-ai-meta-value a:hover {
  text-decoration: underline;
  color: #135E96;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results {
  margin-top: 24px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results h4 {
  margin: 0 0 16px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E6EA;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item {
  background: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 12px;
  transition: all 0.2s ease;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item:hover {
  border-color: #C3C7CC;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header a {
  color: #2271B1;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  flex: 1;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header a:hover {
  text-decoration: underline;
  color: #135E96;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header .epkb-ai-clicked-badge {
  background: #28A745;
  color: white;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-score {
  color: #646970;
  font-size: 12px;
  font-style: italic;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread {
  margin-top: 24px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread h4 {
  margin: 0 0 20px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E6EA;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message {
  display: flex;
  flex-direction: column;
  max-width: 70%;
  position: relative;
  animation: fadeInMessage 0.3s ease-in;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-assistant {
  align-self: flex-start;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-assistant .epkb-ai-message-bubble {
  background: #F7F8FA;
  border: 1px solid #E3E6EA;
  border-radius: 18px 18px 18px 4px;
  padding: 12px 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-assistant .epkb-ai-message-bubble:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-assistant .epkb-ai-message-role {
  color: #0073AA;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user {
  align-self: flex-end;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user .epkb-ai-message-bubble {
  background: linear-gradient(135deg, #0073AA 0%, #005A87 100%);
  color: #FFFFFF;
  border-radius: 18px 18px 4px 18px;
  padding: 12px 16px;
  box-shadow: 0 1px 3px rgba(0, 115, 170, 0.3);
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user .epkb-ai-message-bubble:hover {
  box-shadow: 0 2px 5px rgba(0, 115, 170, 0.4);
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user .epkb-ai-message-bubble .epkb-ai-message-content {
  color: #FFFFFF;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user .epkb-ai-message-header {
  flex-direction: row-reverse;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user .epkb-ai-message-header .epkb-ai-message-role {
  color: #646970;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message.epkb-ai-message-user .epkb-ai-message-time {
  text-align: right;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-bubble {
  position: relative;
  width: fit-content;
  max-width: 100%;
  transition: box-shadow 0.2s ease;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  padding: 0 4px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-role {
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-header .epkb-ai-message-time {
  color: #8C8F94;
  font-size: 11px;
  white-space: nowrap;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content {
  color: #2C3338;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-word;
  margin: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content p {
  margin: 0 0 12px 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content p:last-child {
  margin-bottom: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ul, .epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ol {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin: 12px 0;
  padding-left: 20px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ul li, .epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ol li {
  margin-bottom: 8px;
  line-height: 1.5;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ul ol, .epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ul ul, .epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ol ol, .epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ol ul {
  margin: 0.25em 0;
  padding-left: 1.2em;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ul {
  list-style-type: disc;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content ul ul {
  list-style-type: circle;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content strong {
  font-weight: 600;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content em {
  font-style: italic;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content a {
  color: #0066CC;
  text-decoration: underline;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content a:hover {
  color: #0052A3;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content code {
  background: rgba(0, 0, 0, 0.06);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 13px;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content pre {
  background: rgba(0, 0, 0, 0.08);
  padding: 12px;
  border-radius: 6px;
  overflow-x: auto;
  margin: 8px 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-messages-list .epkb-ai-message .epkb-ai-message-content pre code {
  background: none;
  padding: 0;
}
.epkb-ai-discussions-layout .epkb-ai-discussion-details .epkb-ai-discussion-details-content .epkb-ai-conversation-messages .epkb-ai-conversation-thread .epkb-ai-no-messages {
  text-align: center;
  padding: 40px 20px;
  color: #646970;
  font-style: italic;
  background: #FAFAFA;
  border-radius: 8px;
  border: 1px dashed #E3E6EA;
}
@keyframes fadeInMessage {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.epkb-ai-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: #646970;
}
.epkb-ai-loading .epkb-ai-spinner {
  border: 3px solid #F3F3F3;
  border-top: 3px solid #0073AA;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: epkb-ai-spin 1s linear infinite;
}

@keyframes epkb-ai-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.epkb-ai-spinning {
  display: inline-block;
  animation: epkb-ai-spin 1s linear infinite;
}

@keyframes epkb-ai-pulse {
  0%, 100% {
    background-color: rgba(33, 150, 243, 0.08);
  }
  50% {
    background-color: rgba(33, 150, 243, 0.15);
  }
}
.epkb-ai-data-table tr.epkb-ai-syncing-row {
  background-color: rgba(33, 150, 243, 0.08);
  transition: background-color 0.3s ease;
}
.epkb-ai-data-table tr.epkb-ai-recently-synced {
  background-color: rgba(33, 150, 243, 0.08);
  transition: background-color 0.3s ease;
}
.epkb-ai-data-table tr.epkb-ai-sync-completed {
  background-color: rgba(16, 185, 129, 0.08);
  transition: background-color 0.3s ease;
}
.epkb-ai-data-table tr.epkb-ai-unviewed-record {
  background-color: rgba(134, 239, 172, 0.15);
  transition: background-color 0.3s ease;
}
.epkb-ai-data-table tr.epkb-ai-unviewed-record td {
  font-weight: 600;
}
.epkb-ai-data-table tbody tr.epkb-ai-syncing-row td {
  background-color: transparent;
}

#epkb-chat-conversations-table tr.epkb-ai-unviewed-record,
#epkb-search-conversations-table tr.epkb-ai-unviewed-record {
  background-color: rgba(134, 239, 172, 0.15);
  transition: background-color 0.3s ease;
}
#epkb-chat-conversations-table tr.epkb-ai-unviewed-record td,
#epkb-search-conversations-table tr.epkb-ai-unviewed-record td {
  font-weight: 600;
}
#epkb-chat-conversations-table tr.epkb-ai-unviewed-record:hover,
#epkb-search-conversations-table tr.epkb-ai-unviewed-record:hover {
  background-color: rgba(134, 239, 172, 0.25);
}

.epkb-ai-question-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: #E0E7FF;
  color: #3730A3;
  font-size: 12px;
  font-weight: 600;
  border-radius: 11px;
  margin-right: 8px;
}

.epkb-ai-setup-container .epkb-ai-setup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #E0E0E0;
}
.epkb-ai-setup-container .epkb-ai-setup:last-child {
  border-bottom: none;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-label {
  font-size: 16px;
  font-weight: 600;
  color: #23282D;
  min-width: 120px;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
  justify-content: flex-end;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-status {
  min-width: 150px;
  text-align: right;
  font-size: 14px;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-status .epkb-ai-status__active-checkmark {
  color: #46B450;
  margin-left: 8px;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-status.epkb-ai-status--error {
  color: #DC3232;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-action {
  min-width: 120px;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-action button {
  min-width: 100px;
}
.epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-action button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.epkb-ai-progress-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.epkb-ai-progress-indicator .epkb-ai-spinner {
  display: inline-block;
  border: 2px solid #F3F3F3;
  border-top: 2px solid #0073AA;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: epkb-ai-spin 1s linear infinite;
}

button .epkb-ai-spinner {
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: epkb-ai-spin 1s linear infinite;
  margin-right: 5px;
  vertical-align: middle;
}

.epkb-ai-general-settings-container .epkb-ai-general-settings-content {
  padding: 0 40px 0 20px;
}

.epkb-ai-settings-container {
  padding: 0x 20px 0 20px;
  background: transparent;
}

.epkb-ai-settings-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 20px;
}

.epkb-ai-settings-section {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  margin-bottom: 30px;
}
.epkb-ai-settings-section .epkb-ai-settings-section-header {
  padding: 15px 20px;
  border-bottom: 1px solid #E5E5E5;
  background-color: #F8F9FA;
  display: flex;
  align-items: center;
  gap: 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.epkb-ai-settings-section .epkb-ai-settings-section-header i[class*=epkbfa] {
  font-size: 18px;
  color: #666666;
  background-color: #F0F0F0;
  padding: 8px;
  border-radius: 6px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.epkb-ai-settings-section .epkb-ai-settings-section-header .epkb-ai-header-text {
  flex: 1;
}
.epkb-ai-settings-section .epkb-ai-settings-section-header .epkb-ai-header-text h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-settings-section .epkb-ai-settings-section-content {
  padding: 24px;
}

.epkb-ai-settings {
  padding: 20px 40px 0 20px;
  background: transparent;
}
.epkb-ai-settings .epkb-ai-settings-section {
  margin-bottom: 30px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.epkb-ai-settings .epkb-ai-settings-section .epkb-ai-section-header {
  padding: 10px 20px;
  border-bottom: 1px solid #E5E5E5;
  background-color: #F8F9FA;
  display: flex;
  align-items: center;
  gap: 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.epkb-ai-settings .epkb-ai-settings-section .epkb-ai-section-header span[class*=epkbfa] {
  font-size: 18px;
  color: #666666;
  background-color: #F0F0F0;
  padding: 8px;
  border-radius: 6px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.epkb-ai-settings .epkb-ai-settings-section .epkb-ai-section-header .epkb-ai-header-text {
  flex: 1;
}
.epkb-ai-settings .epkb-ai-settings-section .epkb-ai-section-header .epkb-ai-header-text h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-settings .epkb-ai-settings-section .epkb-ai-section-content {
  padding: 24px;
}

.epkb-ai-field {
  margin-bottom: 30px;
}
.epkb-ai-field:last-child {
  margin-bottom: 0;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-field-label, .epkb-ai-field.epkb-ai-field-email .epkb-ai-field-label, .epkb-ai-field.epkb-ai-field-time .epkb-ai-field-label, .epkb-ai-field.epkb-ai-field-number .epkb-ai-field-label, .epkb-ai-field.epkb-ai-field-password .epkb-ai-field-label, .epkb-ai-field.epkb-ai-field-select .epkb-ai-field-label, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-field-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-input,
.epkb-ai-field.epkb-ai-field-text .epkb-ai-select, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input,
.epkb-ai-field.epkb-ai-field-email .epkb-ai-select, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input,
.epkb-ai-field.epkb-ai-field-time .epkb-ai-select, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input,
.epkb-ai-field.epkb-ai-field-number .epkb-ai-select, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input,
.epkb-ai-field.epkb-ai-field-password .epkb-ai-select, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input,
.epkb-ai-field.epkb-ai-field-select .epkb-ai-select, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input,
.epkb-ai-field.epkb-ai-field-radio .epkb-ai-select {
  width: 100%;
  max-width: 400px;
  padding: 8px 12px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 14px;
  line-height: 1.4;
  color: #2C3338;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-input:focus,
.epkb-ai-field.epkb-ai-field-text .epkb-ai-select:focus, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input:focus,
.epkb-ai-field.epkb-ai-field-email .epkb-ai-select:focus, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input:focus,
.epkb-ai-field.epkb-ai-field-time .epkb-ai-select:focus, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input:focus,
.epkb-ai-field.epkb-ai-field-number .epkb-ai-select:focus, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input:focus,
.epkb-ai-field.epkb-ai-field-password .epkb-ai-select:focus, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input:focus,
.epkb-ai-field.epkb-ai-field-select .epkb-ai-select:focus, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input:focus,
.epkb-ai-field.epkb-ai-field-radio .epkb-ai-select:focus {
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
  outline: none;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-input::placeholder,
.epkb-ai-field.epkb-ai-field-text .epkb-ai-select::placeholder, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input::placeholder,
.epkb-ai-field.epkb-ai-field-email .epkb-ai-select::placeholder, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input::placeholder,
.epkb-ai-field.epkb-ai-field-time .epkb-ai-select::placeholder, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input::placeholder,
.epkb-ai-field.epkb-ai-field-number .epkb-ai-select::placeholder, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input::placeholder,
.epkb-ai-field.epkb-ai-field-password .epkb-ai-select::placeholder, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input::placeholder,
.epkb-ai-field.epkb-ai-field-select .epkb-ai-select::placeholder, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input::placeholder,
.epkb-ai-field.epkb-ai-field-radio .epkb-ai-select::placeholder {
  color: #999999;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-input#ai_chat_model, .epkb-ai-field.epkb-ai-field-text .epkb-ai-input#ai_search_model,
.epkb-ai-field.epkb-ai-field-text .epkb-ai-select#ai_chat_model,
.epkb-ai-field.epkb-ai-field-text .epkb-ai-select#ai_search_model, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input#ai_chat_model, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input#ai_search_model,
.epkb-ai-field.epkb-ai-field-email .epkb-ai-select#ai_chat_model,
.epkb-ai-field.epkb-ai-field-email .epkb-ai-select#ai_search_model, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input#ai_chat_model, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input#ai_search_model,
.epkb-ai-field.epkb-ai-field-time .epkb-ai-select#ai_chat_model,
.epkb-ai-field.epkb-ai-field-time .epkb-ai-select#ai_search_model, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input#ai_chat_model, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input#ai_search_model,
.epkb-ai-field.epkb-ai-field-number .epkb-ai-select#ai_chat_model,
.epkb-ai-field.epkb-ai-field-number .epkb-ai-select#ai_search_model, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input#ai_chat_model, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input#ai_search_model,
.epkb-ai-field.epkb-ai-field-password .epkb-ai-select#ai_chat_model,
.epkb-ai-field.epkb-ai-field-password .epkb-ai-select#ai_search_model, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input#ai_chat_model, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input#ai_search_model,
.epkb-ai-field.epkb-ai-field-select .epkb-ai-select#ai_chat_model,
.epkb-ai-field.epkb-ai-field-select .epkb-ai-select#ai_search_model, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input#ai_chat_model, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input#ai_search_model,
.epkb-ai-field.epkb-ai-field-radio .epkb-ai-select#ai_chat_model,
.epkb-ai-field.epkb-ai-field-radio .epkb-ai-select#ai_search_model {
  max-width: 200px;
  width: 50%;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-input-group, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input-group, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input-group, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input-group, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input-group, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input-group, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-input-group .epkb-ai-input, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input-group .epkb-ai-input, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input-group .epkb-ai-input, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input-group .epkb-ai-input, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input-group .epkb-ai-input, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input-group .epkb-ai-input, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input-group .epkb-ai-input {
  width: auto;
  min-width: 100px;
}
.epkb-ai-field.epkb-ai-field-text .epkb-ai-input-group .epkb-ai-input-suffix, .epkb-ai-field.epkb-ai-field-email .epkb-ai-input-group .epkb-ai-input-suffix, .epkb-ai-field.epkb-ai-field-time .epkb-ai-input-group .epkb-ai-input-suffix, .epkb-ai-field.epkb-ai-field-number .epkb-ai-input-group .epkb-ai-input-suffix, .epkb-ai-field.epkb-ai-field-password .epkb-ai-input-group .epkb-ai-input-suffix, .epkb-ai-field.epkb-ai-field-select .epkb-ai-input-group .epkb-ai-input-suffix, .epkb-ai-field.epkb-ai-field-radio .epkb-ai-input-group .epkb-ai-input-suffix {
  color: #666666;
  font-size: 14px;
}
.epkb-ai-field.epkb-ai-field-radio .epkb-ai-field-description {
  margin-left: 20px;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-field-label {
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-kb-collection-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-kb-collection-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-kb-collection-item .epkb-ai-kb-name {
  font-weight: 500;
  color: #2C3338;
  min-width: 150px;
  flex-shrink: 0;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-kb-collection-item .epkb-ai-collection-select {
  flex: 1;
  max-width: 300px;
  padding: 8px 12px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #2C3338;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-kb-collection-item .epkb-ai-collection-select:focus {
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
  outline: none;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-kb-collection-item.epkb-ai-kb-collection-single .epkb-ai-collection-select {
  max-width: 400px;
}
.epkb-ai-field.epkb-ai-field-kb-collection-mapping .epkb-ai-field-description {
  margin-top: 8px;
}
.epkb-ai-field.epkb-ai-field-toggle .epkb-ai-toggle-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}
.epkb-ai-field.epkb-ai-field-toggle .epkb-ai-toggle-label input[type=checkbox] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.epkb-ai-field.epkb-ai-field-toggle .epkb-ai-toggle-label .epkb-ai-toggle-text {
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-field .epkb-ai-radio-group {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-left: 20px;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background: #F9FAFB;
  border: 2px solid #E5E7EB;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: 1;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label:hover {
  background: #F3F4F6;
  border-color: #D1D5DB;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 8px;
  width: 18px;
  height: 24px;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border: 1px solid #DDDDDD;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  background-color: #FFFFFF;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label input[type=radio]::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 6px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #FFFFFF;
  transform: scale(0);
  transition: transform 0.2s ease;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label input[type=radio]:checked {
  border: 1px solid oklch(51.1% 0.262 276.966deg) !important;
  background-color: oklch(51.1% 0.262 276.966deg);
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label input[type=radio]:checked::before {
  transform: scale(1);
  background-color: #FFFFFF;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label input[type=radio]:checked + span {
  font-weight: 600;
  color: #1F2937;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label input[type=radio]:checked ~ * {
  color: #1F2937;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label:has(input:checked) {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
  border-color: #667EEA;
}
.epkb-ai-field .epkb-ai-radio-group .epkb-ai-radio-label span {
  font-size: 13px;
  color: #4B5563;
  transition: all 0.2s ease;
}
.epkb-ai-field.epkb-ai-field-textarea .epkb-ai-field-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
}
.epkb-ai-field.epkb-ai-field-textarea .epkb-ai-textarea {
  width: 100%;
  max-width: 600px;
  padding: 8px 12px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 14px;
  line-height: 1.5;
  color: #2C3338;
  resize: vertical;
}
.epkb-ai-field.epkb-ai-field-textarea .epkb-ai-textarea:focus {
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
  outline: none;
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-field-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-checkboxes-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-checkboxes-group .epkb-ai-checkbox-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-checkboxes-group .epkb-ai-checkbox-label input[type=checkbox] {
  appearance: none;
  margin-right: 8px;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-checkboxes-group .epkb-ai-checkbox-label input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 13px;
  height: 10px;
  border: 2px solid #FFFFFF;
  border-top: none;
  border-right: none;
  border-radius: 1px;
  transform: translate(-50%, -60%) rotate(-45deg) scale(0);
  transition: transform 0.2s ease;
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-checkboxes-group .epkb-ai-checkbox-label input[type=checkbox]:checked {
  border: 1px solid oklch(51.1% 0.262 276.966deg) !important;
  background-color: oklch(51.1% 0.262 276.966deg);
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-checkboxes-group .epkb-ai-checkbox-label input[type=checkbox]:checked::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill='%23ffffff'/></svg>");
  margin: -2px 0 0 -4px;
  height: 20px;
  width: 27px;
}
.epkb-ai-field.epkb-ai-field-checkboxes .epkb-ai-checkboxes-group .epkb-ai-checkbox-label .epkb-ai-checkbox-text {
  color: #2C3338;
}

.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-ai-input,
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-ai-select,
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-ai-textarea,
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field textarea {
  margin-left: 8px;
}
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-section-select {
  margin-left: 8px;
}
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-search-results-column-manager {
  width: 400px;
  margin: 0 auto;
}
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-search-results-column-manager .epkb-selected-sections {
  width: 100%;
}
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-search-results-column-manager .epkb-add-section-container {
  width: 100%;
}
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-field .epkb-search-results-column-manager .epkb-add-section-container .epkb-section-select {
  margin-left: 0;
}
.epkb-ai-search-container:has(.epkb-ai-sub-tab-search-settings.active) .epkb-ai-textarea-field textarea {
  margin-left: 8px;
}

.epkb-ai-radio-vertical .epkb-ai-radio-group {
  flex-direction: column;
}

.epkb-ai-chat-mode .epkb-ai-radio-label,
.epkb-ai-search-mode .epkb-ai-radio-label {
  max-width: 250px;
}

.epkb-ai-field-description {
  margin-top: 5px;
  color: #9B9B9B;
  font-size: 13px;
  font-style: normal;
  line-height: 1.5;
}
.epkb-ai-field-description a {
  color: #0073AA;
  text-decoration: none;
}
.epkb-ai-field-description a:hover {
  text-decoration: underline;
}

.epkb-ai-settings-footer {
  margin-top: 30px;
  padding: 20px;
  text-align: right;
  border-top: 1px solid #E5E5E5;
  grid-column: 1/-1;
}
.epkb-ai-settings-footer .epkb-ai-button {
  display: inline-block;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  font-weight: 500;
}
.epkb-ai-settings-footer .epkb-ai-button.epkb-ai-button-primary {
  background: #0073AA;
  border-color: #0073AA;
  color: #FFFFFF;
}
.epkb-ai-settings-footer .epkb-ai-button.epkb-ai-button-primary:hover:not(:disabled) {
  background: #005A87;
  border-color: #005A87;
}
.epkb-ai-settings-footer .epkb-ai-button.epkb-ai-button-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.epkb-ai-settings-sections-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 20px;
}
.epkb-ai-settings-sections-wrapper .epkb-ai-settings-section--full-width {
  grid-column: 1/-1;
}
.epkb-ai-settings-sections-wrapper .epkb-ai-settings-section {
  margin-bottom: 0;
}

.epkb-ai-settings-section--api_settings .epkb-ai-field-password .epkb-ai-input {
  font-family: monospace;
  letter-spacing: 0.5px;
}

#ekb-admin-page-wrap.epkb-ai-admin-page .epkb-ai-general-settings-container {
  margin-top: 0;
}
#ekb-admin-page-wrap.epkb-ai-admin-page .epkb-ai-general-settings-container .epkb-admin__boxes-list__box {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
#ekb-admin-page-wrap.epkb-ai-admin-page .epkb-ai-general-settings-container .epkb-admin__boxes-list__box .epkb-admin__form-box-wrap {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

#epkb-ai-admin-react-root {
  width: 100%;
}
#epkb-ai-admin-react-root .components-button.is-primary {
  background: #667EEA;
  border-color: #667EEA;
}
#epkb-ai-admin-react-root .components-button.is-primary:hover:not(:disabled) {
  background: #5A67D8;
  border-color: #5A67D8;
}

.epkb-ai-notifications-container {
  position: relative;
  z-index: 100000;
}
.epkb-ai-notifications-container .epkb-ai-notification {
  width: 50%;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  overflow: hidden;
  animation: fadeIn 0.5s ease-out;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-fade-out {
  animation: fadeOut 0.5s ease-out forwards;
}
.epkb-ai-notifications-container .epkb-ai-notification .epkb-ai-notification-content {
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.epkb-ai-notifications-container .epkb-ai-notification .epkb-ai-notification-content .epkb-ai-notification-message {
  flex: 1;
  font-size: 14px;
}
.epkb-ai-notifications-container .epkb-ai-notification .epkb-ai-notification-content .epkb-ai-notification-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  margin-left: 12px;
  color: #666666;
}
.epkb-ai-notifications-container .epkb-ai-notification .epkb-ai-notification-content .epkb-ai-notification-close:hover {
  color: #333333;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-success {
  border-left: 4px solid #46B450;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-success .epkb-ai-notification-message {
  color: #2E7D32;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-error {
  border-left: 4px solid #DC3232;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-error .epkb-ai-notification-message {
  color: #AA0000;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-info {
  border-left: 4px solid #00A0D2;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-info .epkb-ai-notification-message {
  color: #0073AA;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-warning {
  border-left: 4px solid #FFB900;
}
.epkb-ai-notifications-container .epkb-ai-notification.epkb-ai-notification-warning .epkb-ai-notification-message {
  color: #826200;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes fadeOutRow {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    background-color: #E3F2FD;
  }
  50% {
    background-color: #BBDEFB;
  }
  100% {
    background-color: #E3F2FD;
  }
}
@keyframes fadeFromGreen {
  0% {
    background-color: #E8F5E9;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.epkb-ai-admin-app .epkb-ai-admin-header {
  margin-bottom: 20px;
}
.epkb-ai-admin-app .epkb-ai-admin-header h1 {
  font-size: 23px;
  font-weight: 400;
  margin: 0;
  padding: 9px 0 4px;
  line-height: 1.3;
}
.epkb-ai-admin-app .epkb-ai-admin-tabs .components-tab-panel__tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
}
.epkb-ai-admin-app .epkb-ai-admin-tabs .components-tab-panel__tabs .components-button {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: #555555;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 20px;
  margin: 0;
  transition: all 0.2s;
}
.epkb-ai-admin-app .epkb-ai-admin-tabs .components-tab-panel__tabs .components-button:hover {
  color: #0073AA;
  background-color: aliceblue;
}
.epkb-ai-admin-app .epkb-ai-admin-tabs .components-tab-panel__tabs .components-button.active-tab {
  color: #0073AA;
  border-bottom-color: #0073AA;
  font-weight: 600;
  background-color: aliceblue;
}
.epkb-ai-admin-app .epkb-ai-admin-tabs .components-tab-panel__tab-content {
  padding: 20px 0;
}
.epkb-ai-admin-app .epkb-ai-loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.epkb-ai-admin-app .epkb-ai-loading-container .epkb-loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #F3F3F3;
  border-top: 4px solid #0073AA;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 10px;
}
.epkb-ai-admin-app .epkb-ai-loading-container .components-spinner {
  margin-bottom: 10px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.epkb-ai-admin-app .epkb-ai-admin-error {
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 20px;
  margin: 20px 0;
}
.epkb-ai-admin-app .epkb-ai-admin-error h1 {
  color: #D63638;
  margin-bottom: 10px;
}
.epkb-ai-admin-app .epkb-ai-admin-error p {
  color: #666666;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav {
  display: flex;
  gap: 100px;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 20px;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tabs-regular {
  display: flex;
  gap: 0;
  border: 1px solid #E5E6E7;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tabs-pro {
  display: flex;
  gap: 0;
  border: 1px solid #10B981;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: #555555;
  cursor: pointer;
  font-size: 16px;
  padding: 20px 20px;
  margin: 0;
  transition: all 0.2s;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button span[class*=epkbfa] {
  margin-right: 5px;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:hover {
  color: #0073AA;
  background-color: aliceblue;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.active {
  color: #0073AA;
  border-bottom-color: #0073AA;
  font-weight: 600;
  background-color: aliceblue;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button-pro {
  color: #10B981;
  font-weight: 600;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button-pro span[class*=epkbfa] {
  color: #10B981;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button-pro:hover {
  color: #059669;
  background-color: #D1FAE5;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.epkb-ai-tab-button-pro.active {
  color: #059669;
  border-bottom-color: #10B981;
  background-color: #D1FAE5;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-issue-indicator {
  display: inline-block;
  color: #DC3545;
  margin-left: 5px;
  font-weight: bold;
  font-size: 24px;
  vertical-align: middle;
}
.epkb-ai-admin-app .epkb-ai-custom-tabs .epkb-ai-tab-content {
  padding: 20px 0;
}

.epkb-ai-button {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}
.epkb-ai-button.epkb-ai-button-primary {
  background: #0073AA;
  border-color: #0073AA;
  color: #FFFFFF;
}
.epkb-ai-button.epkb-ai-button-primary:hover:not(:disabled) {
  background: #005A87;
  border-color: #005A87;
}
.epkb-ai-button.epkb-ai-button-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.epkb-ai-button.epkb-ai-button-secondary {
  background: #F0F0F1;
  border-color: #DCDCDE;
  color: #2C3338;
}
.epkb-ai-button.epkb-ai-button-secondary:hover:not(:disabled) {
  background: #E5E5E5;
  border-color: #CCCCCC;
}
.epkb-ai-button.epkb-ai-button-success {
  background: #46B450;
  border-color: #46B450;
  color: #FFFFFF;
}
.epkb-ai-button.epkb-ai-button-success:hover:not(:disabled) {
  background: #3A9B44;
  border-color: #3A9B44;
}
.epkb-ai-button.epkb-ai-button-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.epkb-ai-button.epkb-ai-button-danger {
  background: #D63638;
  border-color: #D63638;
  color: #FFFFFF;
}
.epkb-ai-button.epkb-ai-button-danger:hover:not(:disabled) {
  background: #B32D2E;
  border-color: #B32D2E;
}
.epkb-ai-button.epkb-ai-button-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.epkb-ai-button.epkb-ai-delete-collection-btn {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
}
.epkb-ai-button.epkb-ai-delete-collection-btn:not(:hover) {
  opacity: 1 !important;
  visibility: visible !important;
}
.epkb-ai-button.epkb-ai-button-destructive {
  background: #D63638;
  border-color: #D63638;
  color: #FFFFFF;
}
.epkb-ai-button.epkb-ai-button-destructive:hover:not(:disabled) {
  background: #B32D2E;
  border-color: #B32D2E;
}
.epkb-ai-button.epkb-ai-button-small {
  padding: 4px 8px;
  font-size: 12px;
}
.epkb-ai-button.epkb-ai-button-link {
  background: none;
  border: none;
  color: #0073AA;
  padding: 0;
  text-decoration: underline;
}
.epkb-ai-button.epkb-ai-button-link:hover {
  color: #005A87;
}

.epkb-ai-status-success {
  margin-bottom: 20px;
}

.epkb-ai-status-issues {
  margin-bottom: 20px;
}
.epkb-ai-status-issues .epkb-ai-status-section {
  margin-bottom: 20px;
}
.epkb-ai-status-issues .epkb-ai-status-section h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0;
  color: #23282D;
}
.epkb-ai-status-issues .epkb-ai-action {
  margin-top: 8px;
}

.epkb-ai-notice {
  padding: 12px;
  margin: 10px 0;
  border-radius: 4px;
  border-left: 4px solid;
}
.epkb-ai-notice.epkb-ai-notice-success {
  background-color: #ECF7ED;
  border-left-color: #46B450;
  color: #2E7D32;
}
.epkb-ai-notice.epkb-ai-notice-success .epkbfa-check-circle {
  color: #46B450;
  margin-right: 5px;
}
.epkb-ai-notice.epkb-ai-notice-warning {
  background-color: #FFF8E5;
  border-left-color: #FFB900;
  color: #826200;
}
.epkb-ai-notice.epkb-ai-notice-error {
  background-color: #FBEAEA;
  border-left-color: #DC3232;
  color: #AA0000;
}
.epkb-ai-notice.epkb-ai-notice-info {
  background-color: #E5F5FA;
  border-left-color: #00A0D2;
  color: #0073AA;
}
.epkb-ai-notice p {
  margin: 17px 0px;
}

.epkb-ai-not-enabled-notice {
  background-color: #F0FDF4;
  border: 2px solid #BBF7D0;
  border-radius: 8px;
  padding: 25px 30px;
  margin-bottom: 25px;
}
.epkb-ai-not-enabled-notice h3 {
  margin: 0 0 10px 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #166534;
}
.epkb-ai-not-enabled-notice p {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #15803D;
}
.epkb-ai-not-enabled-notice a {
  color: #166534;
  font-weight: 600;
  text-decoration: underline;
}
.epkb-ai-not-enabled-notice a:hover {
  color: #14532D;
}

.epkb-ai-welcome-setup {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 30px;
  color: #FFFFFF;
}
.epkb-ai-welcome-setup .epkb-ai-welcome-header {
  text-align: center;
  margin-bottom: 30px;
}
.epkb-ai-welcome-setup .epkb-ai-welcome-header h2 {
  font-size: 28px;
  margin: 0 0 10px 0;
  color: #FFFFFF;
  font-weight: 600;
}
.epkb-ai-welcome-setup .epkb-ai-welcome-header p {
  font-size: 16px;
  opacity: 0.95;
  margin: 0;
}
.epkb-ai-welcome-setup .epkb-ai-setup-steps-welcome {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}
.epkb-ai-welcome-setup .epkb-ai-setup-steps-welcome .epkb-ai-setup-step-welcome {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.epkb-ai-welcome-setup .epkb-ai-setup-steps-welcome .epkb-ai-setup-step-welcome .epkb-ai-step-icon {
  font-size: 32px;
  margin-bottom: 15px;
  display: block;
}
.epkb-ai-welcome-setup .epkb-ai-setup-steps-welcome .epkb-ai-setup-step-welcome h3 {
  font-size: 18px;
  margin: 0 0 10px 0;
  color: #FFFFFF;
}
.epkb-ai-welcome-setup .epkb-ai-setup-steps-welcome .epkb-ai-setup-step-welcome p {
  font-size: 14px;
  opacity: 0.9;
  margin: 0 0 15px 0;
}
.epkb-ai-welcome-setup .epkb-ai-setup-steps-welcome .epkb-ai-setup-step-welcome .epkb-ai-button {
  background: #FFFFFF;
  color: #667EEA;
}
.epkb-ai-welcome-setup .epkb-ai-setup-steps-welcome .epkb-ai-setup-step-welcome .epkb-ai-button:hover {
  background: #F7F8FA;
}

.epkb-ai-setup-needed {
  background: #F8F9FB;
  border: 1px solid #E1E7ED;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.epkb-ai-setup-needed .epkb-ai-setup-header {
  margin-bottom: 20px;
}
.epkb-ai-setup-needed .epkb-ai-setup-header h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px 0;
  color: #23282D;
}
.epkb-ai-setup-needed .epkb-ai-setup-header p {
  color: #646970;
  margin: 0;
}
.epkb-ai-setup-needed .epkb-ai-setup-steps-list .epkb-ai-setup-item {
  background: #FFFFFF;
  border: 1px solid #E1E7ED;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 10px;
}
.epkb-ai-setup-needed .epkb-ai-setup-steps-list .epkb-ai-setup-item .epkb-ai-setup-item-content {
  display: flex;
  align-items: center;
  gap: 15px;
}
.epkb-ai-setup-needed .epkb-ai-setup-steps-list .epkb-ai-setup-item .epkb-ai-setup-item-content .epkb-ai-step-number {
  background: #46B450;
  color: #FFFFFF;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  flex-shrink: 0;
}
.epkb-ai-setup-needed .epkb-ai-setup-steps-list .epkb-ai-setup-item .epkb-ai-setup-message {
  margin: 0 0 8px 0;
  color: #23282D;
}
.epkb-ai-setup-needed .epkb-ai-setup-steps-list .epkb-ai-setup-item .epkb-ai-button-primary {
  background: #667EEA;
  color: #FFFFFF;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
}
.epkb-ai-setup-needed .epkb-ai-setup-steps-list .epkb-ai-setup-item .epkb-ai-button-primary:hover {
  background: #5A6FD8;
  color: #FFFFFF;
}

.epkb-ai-progress-bar {
  width: 100%;
  height: 20px;
  background-color: #F0F0F1;
  border-radius: 10px;
  overflow: hidden;
  margin: 10px 0;
}
.epkb-ai-progress-bar .epkb-ai-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #0073AA 0%, #005A87 100%);
  transition: width 0.3s ease;
}

.epkb-ai-search-input {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
}
.epkb-ai-search-input input {
  width: 100%;
  padding: 10px 40px 10px 16px;
  border: solid 1px oklch(87.2% 0.01 258.338deg);
  border-radius: 6px;
  font-size: 14px;
  transition: all 0.3s ease;
}
.epkb-ai-search-input input:focus {
  outline: none;
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
.epkb-ai-search-input input::placeholder {
  color: #9CA3AF;
}
.epkb-ai-search-input .epkb-ai-search-icon {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  color: #9CA3AF;
  pointer-events: none;
}

.epkb-ai-sync-message-container {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-left: 4px solid #667EEA;
  border-radius: 4px;
  padding: 15px 20px;
  margin: 10px auto 20px auto;
  width: 80%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.epkb-ai-sync-message-container .epkb-ai-sync-progress {
  margin: 0;
}
.epkb-ai-sync-message-container .epkb-ai-sync-progress .epkb-ai-progress-bar {
  margin-bottom: 10px;
}
.epkb-ai-sync-message-container .epkb-ai-sync-progress .epkb-ai-progress-message {
  margin-top: 8px;
  color: #555555;
}

.epkb-ai-sub-tabs {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  margin-bottom: 10px;
  border-radius: 10px;
  margin-right: 20px;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav {
  display: flex;
  border-bottom: 1px solid #E5E5E5;
  background-color: #F9F9F9;
  border-radius: 10px;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav button:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button {
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 12px 20px;
  font-size: 14px;
  color: #555555;
  cursor: pointer;
  transition: all 0.2s;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button:hover:not(.disabled) {
  background-color: aliceblue;
  color: #0073AA;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button.active {
  background-color: aliceblue;
  border-bottom-color: #0073AA;
  color: #0073AA;
  font-weight: 600;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button .epkb-ai-collection-id {
  color: #999999;
  font-weight: normal;
  font-size: 12px;
}
.epkb-ai-sub-tabs .epkb-ai-sub-tab-content {
  padding: 20px;
}

.epkb-ai-data-source-table {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.epkb-ai-data-source-table .epkb-ai-table-content {
  padding: 24px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 15px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-search-input {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  min-height: 42px;
  background: #F8F9FA;
  padding: 4px;
  border-radius: 8px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  border: none;
  background: transparent;
  color: #6B7280;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab:hover {
  background: #E5E7EB;
  color: #374151;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab.active {
  background: #FFFFFF;
  color: #1D4ED8;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab .epkb-ai-tab-label {
  display: inline-block;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab .epkb-ai-tab-count {
  display: inline-block;
  color: inherit;
  opacity: 0.8;
  font-weight: 500;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab.epkb-ai-sync-tab {
  background: #FEF3C7;
  color: #92400E;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab.epkb-ai-sync-tab:hover {
  background: #FED7AA;
  color: #7C2D12;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab.epkb-ai-sync-tab.active {
  background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);
  color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-tabs-bar .epkb-ai-status-tab.epkb-ai-sync-tab.active .epkb-ai-tab-count {
  opacity: 1;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
  min-height: 42px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-totals-label {
  font-size: 16px;
  font-weight: 700;
  color: #374151;
  margin-right: 10px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  position: relative;
  border: 2px solid transparent;
  background-color: #E9ECEF;
  color: #6C757D;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.active {
  border-color: #1D4ED8;
  transform: translateY(-1px);
  background-color: #DBEAFE;
  color: #1E40AF;
  box-shadow: 0 2px 8px rgba(29, 78, 216, 0.3);
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.active:before {
  background-color: #3B82F6;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.active:after {
  content: "\f0b0";
  font-family: "epkbfa";
  position: absolute;
  top: -8px;
  right: -8px;
  background: #1D4ED8;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: normal;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.inactive {
  opacity: 0.4;
  background-color: #F8F9FA;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.inactive:hover {
  opacity: 0.7;
  transform: translateY(-1px);
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #6C757D;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count .epkb-ai-status-label {
  font-size: 16px;
  letter-spacing: 0.3px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count .epkb-ai-status-number {
  font-weight: 800;
  font-size: 18px;
  margin-left: 2px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-error {
  background-color: #FEE2E2;
  color: #991B1B;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-error:before {
  background-color: #EF4444;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-adding, .epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-updating {
  background-color: #DBEAFE;
  color: #1E40AF;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-adding:before, .epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-updating:before {
  background-color: #3B82F6;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-added, .epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-updated {
  background-color: #D1FAE5;
  color: #065F46;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-added:before, .epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-updated:before {
  background-color: #10B981;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-pending {
  background-color: #FFF3CD;
  color: #856404;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-pending:before {
  background-color: #F59E0B;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-outdated {
  background-color: #FCE7F3;
  color: #831843;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-status-counts-bar .epkb-ai-status-count.status-outdated:before {
  background-color: #EC4899;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-sync-progress-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
  padding: 6px 14px;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  animation: pulse 2s ease-in-out infinite;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-sync-progress-indicator .epkb-ai-sync-icon {
  font-size: 14px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-sync-progress-indicator .epkb-ai-sync-icon.fa-spin {
  animation: spin 2s linear infinite;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-sync-progress-indicator .epkb-ai-sync-text {
  margin-right: 4px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-sync-progress-indicator .epkb-ai-sync-percentage {
  font-weight: 700;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-sync-progress-indicator .epkb-ai-sync-separator {
  opacity: 0.7;
  margin: 0 4px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-left .epkb-ai-sync-progress-indicator .epkb-ai-sync-total {
  font-size: 12px;
  opacity: 0.9;
}
@keyframes pulse {
  0%, 100% {
    box-shadow: 0 2px 10px rgba(102, 126, 234, 0.4);
  }
  50% {
    box-shadow: 0 2px 20px rgba(102, 126, 234, 0.6);
  }
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-right .epkb-ai-selected-count {
  color: #6B7280;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px;
  background: #F3F4F6;
  border-radius: 16px;
  white-space: nowrap;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-right .epkb-ai-all-notes-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #D4EDDA;
  color: #155724 !important;
  text-decoration: none;
  border: 1px solid #28A745;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s, color 0.2s;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-right .epkb-ai-all-notes-btn:hover {
  background: #28A745;
  color: #FFFFFF !important;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-table-actions-right .epkb-ai-all-notes-btn .epkbfa-sticky-note {
  font-size: 14px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-bulk-actions {
  display: flex;
  gap: 10px;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-bulk-actions .epkb-ai-button {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-bulk-actions .epkb-ai-button.epkb-ai-button-danger {
  background: #EF4444;
  color: #FFFFFF;
  border: none;
}
.epkb-ai-data-source-table .epkb-ai-table-actions .epkb-ai-bulk-actions .epkb-ai-button.epkb-ai-button-danger:hover {
  background: #DC2626;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
.epkb-ai-data-source-table .epkb-ai-data-table {
  width: 100%;
  border-collapse: collapse;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead {
  background-color: transparent;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th {
  text-align: left;
  padding: 16px 16px;
  font-weight: 600;
  font-size: 12px;
  color: #6B7280;
  border-bottom: 2px solid #F3F4F6;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th.epkb-ai-table-checkbox {
  width: 40px;
  text-align: center;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-label,
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-label {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: 16px;
  font-size: 11px;
  font-weight: 500;
  background-color: #F3F4F6;
  color: #6B7280;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  text-transform: none;
  letter-spacing: 0;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-label:hover,
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-label:hover {
  background-color: #E5E7EB;
  color: #4B5563;
  transform: translateY(-1px);
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-label.active,
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-label.active {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-label.active:hover,
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-label.active:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-arrows {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #9CA3AF;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  margin-left: 5px;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-arrows:hover {
  color: #6B7280;
  transform: scale(1.1);
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-arrows.active {
  color: #667EEA;
  font-weight: 700;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-sort-arrows.active:hover {
  color: #764BA2;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  margin-top: 8px;
  background: #FFFFFF;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
  min-width: 200px;
  max-height: 300px;
  overflow-y: auto;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown .epkb-ai-filter-option {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown .epkb-ai-filter-option:hover {
  background-color: #F9FAFB;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown .epkb-ai-filter-option:first-child {
  border-radius: 12px 12px 0 0;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown .epkb-ai-filter-option:last-child {
  border-radius: 0 0 12px 12px;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown .epkb-ai-filter-option:not(:last-child) {
  border-bottom: 1px solid #F3F4F6;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown .epkb-ai-filter-option input[type=checkbox] {
  margin-right: 10px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  accent-color: #667EEA;
}
.epkb-ai-data-source-table .epkb-ai-data-table thead th .epkb-ai-table-header-content .epkb-ai-filter-dropdown .epkb-ai-filter-option span {
  font-size: 14px;
  color: #374151;
  font-weight: 500;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr {
  border-bottom: 1px solid #F9FAFB;
  transition: all 0.2s ease;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr:hover {
  background-color: #FAFBFC;
  transform: translateX(2px);
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr.epkb-ai-syncing-row {
  background-color: #E3F2FD;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr.epkb-ai-recently-synced {
  background-color: #D1FAE5;
  animation: fadeFromGreen 3s ease-out forwards;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr td {
  padding: 16px;
  font-size: 14px;
  color: #374151;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr td.epkb-ai-table-checkbox {
  text-align: center;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr td.epkb-ai-table-title {
  font-weight: 500;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr td.epkb-ai-table-title a {
  color: inherit;
  text-decoration: none;
  transition: text-decoration-color 0.2s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr td.epkb-ai-table-title a:hover {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.3);
  text-underline-offset: 3px;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr td.epkb-ai-table-id {
  color: #666666;
  font-family: monospace;
  font-size: 13px;
}
.epkb-ai-data-source-table .epkb-ai-data-table tbody tr td.epkb-ai-table-date {
  color: #666666;
  font-size: 13px;
}
.epkb-ai-data-source-table .epkb-ai-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
}
.epkb-ai-data-source-table .epkb-ai-status-badge:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 4px;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-error {
  background-color: #FEE2E2;
  color: #991B1B;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-error:before {
  background-color: #EF4444;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-adding, .epkb-ai-data-source-table .epkb-ai-status-badge.status-updating {
  background-color: #DBEAFE;
  color: #1E40AF;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-adding:before, .epkb-ai-data-source-table .epkb-ai-status-badge.status-updating:before {
  background-color: #3B82F6;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-added, .epkb-ai-data-source-table .epkb-ai-status-badge.status-updated {
  background-color: #D1FAE5;
  color: #065F46;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-added:before, .epkb-ai-data-source-table .epkb-ai-status-badge.status-updated:before {
  background-color: #10B981;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-outdated {
  background-color: #FEF3C7;
  color: #92400E;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-outdated:before {
  background-color: #F59E0B;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-pending {
  background-color: #FFF3CD;
  color: #856404;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-syncing {
  background-color: #E0F2FE;
  color: #0369A1;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-syncing:before {
  background-color: #0EA5E9;
  animation: pulse 1.5s ease-in-out infinite;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-completed {
  background-color: #D1FAE5;
  color: #065F46;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-completed:before {
  background-color: #10B981;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-canceled {
  background-color: #F3F4F6;
  color: #6B7280;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-canceled:before {
  background-color: #9CA3AF;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-active {
  background-color: #E8F5E9;
  color: #2E7D32;
}
.epkb-ai-data-source-table .epkb-ai-status-badge.status-inactive {
  background-color: #F5F5F5;
  color: #616161;
}
.epkb-ai-data-source-table .epkb-ai-empty-state {
  padding: 60px 20px;
  text-align: center;
}
.epkb-ai-data-source-table .epkb-ai-empty-state .epkb-ai-empty-icon {
  margin-bottom: 20px;
}
.epkb-ai-data-source-table .epkb-ai-empty-state .epkb-ai-empty-icon .epkbfa {
  font-size: 64px;
  color: #DDDDDD;
}
.epkb-ai-data-source-table .epkb-ai-empty-state h4 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.epkb-ai-data-source-table .epkb-ai-empty-state p {
  margin: 0;
  font-size: 14px;
  color: #666666;
  max-width: 400px;
  margin: 0 auto;
}
.epkb-ai-data-source-table .epkb-ai-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  padding: 20px 0;
  border-top: 1px solid #E5E5E5;
}
.epkb-ai-data-source-table .epkb-ai-pagination .epkb-ai-page-info {
  font-size: 14px;
  font-weight: 500;
  color: #2C3338;
  padding: 0 16px;
  min-width: 100px;
  text-align: center;
}
.epkb-ai-data-source-table .epkb-ai-pagination button {
  min-width: 85px;
  font-weight: 500;
}
.epkb-ai-data-source-table .epkb-ai-pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.epkb-ai-data-source-table .epkb-ai-pagination button:disabled:hover {
  background: #F0F0F1;
  border-color: #DCDCDE;
}
.epkb-ai-data-source-table .epkb-ai-pagination button:not(:disabled):hover {
  background: #E5E5E5;
  border-color: #CCCCCC;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.epkb-ai-data-source-table .epkb-ai-pagination button:not(:disabled):active {
  background: #D7D7D7;
  transform: translateY(1px);
}
.epkb-ai-data-source-table .epkb-ai-loading {
  padding: 40px 129px;
  text-align: center;
  color: #666666;
  font-size: 14px;
  width: fit-content;
  margin: 0 auto;
  border: 3px solid #2271B1;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.epkb-ai-training-data-container {
  min-height: 100vh;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing {
  margin: 0 20px 20px 20px;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  background-color: #FFEEEE;
  border: 1px solid #FFCCCC;
  border-left: 4px solid #D63638;
  border-radius: 4px;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box .epkbfa-exclamation-triangle {
  flex-shrink: 0;
  font-size: 24px;
  color: #D63638;
  margin-right: 15px;
  margin-top: 2px;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box .epkb-ai-error-content {
  flex: 1;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box .epkb-ai-error-content h4 {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: #1E1E1E;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box .epkb-ai-error-content p {
  margin: 0 0 16px 0;
  font-size: 14px;
  color: #2C3338;
  line-height: 1.5;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box .epkb-ai-error-content .epkb-ai-button {
  display: inline-block;
  padding: 8px 16px;
  background-color: #2271B1;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #2271B1;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box .epkb-ai-error-content .epkb-ai-button:hover {
  background-color: #135E96;
  border-color: #135E96;
  color: #FFFFFF;
}
.epkb-ai-training-data-container > .epkb-ai-api-key-missing .epkb-ai-error-box .epkb-ai-error-content .epkb-ai-button:focus {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 3px #2271B1;
  outline: 2px solid transparent;
}
.epkb-ai-training-data-container .epkb-ai-tabs-with-add {
  display: flex;
  align-items: center;
}
.epkb-ai-training-data-container .epkb-ai-tabs-with-add .epkb-ai-tab-add {
  margin-left: 10px;
  padding: 8px 12px;
  min-width: auto;
}
.epkb-ai-training-data-container .epkb-ai-tabs-with-add .epkb-ai-tab-add .epkbfa-plus {
  font-size: 14px;
  margin: 0;
}
.epkb-ai-training-data-container .epkb-ai-tabs-with-add .epkb-ai-tab-add:hover {
  background-color: #F0F0F1;
  border-bottom-color: transparent;
}
.epkb-ai-training-data-container .epkb-ai-training-overview {
  padding: 20px;
}
.epkb-ai-training-data-container .epkb-ai-training-overview h2 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
}
.epkb-ai-training-data-container .epkb-ai-training-overview > p {
  color: #666666;
  margin-bottom: 30px;
}
.epkb-ai-training-data-container .epkb-ai-training-overview .epkb-ai-overview-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
.epkb-ai-training-data-container .epkb-ai-training-overview .epkb-ai-overview-stats .epkb-ai-stat-card {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.epkb-ai-training-data-container .epkb-ai-training-overview .epkb-ai-overview-stats .epkb-ai-stat-card h3 {
  margin: 0 0 10px;
  font-size: 14px;
  color: #666666;
  font-weight: normal;
}
.epkb-ai-training-data-container .epkb-ai-training-overview .epkb-ai-overview-stats .epkb-ai-stat-card .epkb-ai-stat-number {
  font-size: 32px;
  font-weight: 600;
  color: #0073AA;
  margin: 0;
}
.epkb-ai-training-data-container .epkb-ai-training-overview .epkb-ai-overview-stats .epkb-ai-stat-card .epkb-ai-stat-time {
  font-size: 18px;
  color: #333333;
  margin: 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-layout {
  display: grid;
  grid-template-columns: 1fr minmax(300px, 25%);
  gap: 30px;
  padding: 20px 40px 0 20px;
  background: transparent;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings > * {
  padding: 24px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings > *:not(:last-child) {
  border-bottom: 1px solid #F3F4F6;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  padding: 20px 20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #FFFFFF;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-notes-section {
  background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
  border-radius: 12px;
  padding: 24px;
  margin: 0 20px 24px 20px;
  border: 1px solid #BAE6FD;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-notes-section .epkb-ai-section-heading {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: #0C4A6E;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-notes-section .epkb-ai-section-description {
  margin: 0 0 16px 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.6;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-notes-section .epkb-ai-button-primary {
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-notes-section .epkb-ai-button-primary:hover {
  background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-notes-section .epkb-ai-button-primary .epkbfa {
  margin-right: 8px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-section-divider {
  border: none;
  border-top: 1px solid #E5E7EB;
  margin: 24px 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-placeholder-text {
  color: #666666;
  font-style: italic;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-analysis-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding: 15px 20px;
  background-color: #F8F9FA;
  border: 1px solid #E9ECEF;
  border-radius: 8px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  gap: 6px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.running {
  background: linear-gradient(135deg, #DBEAFE 0%, #E0E7FF 100%);
  color: #3730A3;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.running:before {
  background-color: #6366F1;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.complete {
  background: linear-gradient(135deg, #D1FAE5 0%, #CFFAFE 100%);
  color: #065F46;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.complete:before {
  background-color: #10B981;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.pending {
  background: linear-gradient(135deg, #FEF3C7 0%, #FED7AA 100%);
  color: #92400E;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.pending:before {
  background-color: #F59E0B;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.error {
  background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%);
  color: #991B1B;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-status-header .epkb-ai-status-label.error:before {
  background-color: #EF4444;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container {
  background: #F9FAFB;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stats-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stats-row:last-child {
  margin-bottom: 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stat {
  padding: 16px;
  background: #FFFFFF;
  border-radius: 10px;
  text-align: center;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stat:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  border-color: #E5E7EB;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stat .epkb-ai-stat-label {
  display: block;
  font-size: 12px;
  color: #6B7280;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stat .epkb-ai-stat-value {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stat .epkb-ai-stat-value.success {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stat .epkb-ai-stat-value.warning {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-status-info .epkb-ai-sync-stats-container .epkb-ai-sync-stat .epkb-ai-stat-value.error {
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-progress {
  margin: 20px 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-progress .epkb-ai-progress-bar {
  position: relative;
  height: 24px;
  background-color: #E5E7EB;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-progress .epkb-ai-progress-bar .epkb-ai-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #667EEA 0%, #764BA2 100%);
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  min-width: 20px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-progress .epkb-ai-progress-bar .epkb-ai-progress-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  font-weight: 700;
  color: #1F2937;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-progress .epkb-ai-progress-message {
  margin-top: 10px;
  font-size: 14px;
  color: #4B5563;
  text-align: center;
  font-weight: 500;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-analysis-progress {
  margin: 20px 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-analysis-progress .epkb-ai-progress-bar {
  position: relative;
  height: 24px;
  background-color: #E5E7EB;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-analysis-progress .epkb-ai-progress-bar .epkb-ai-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #667EEA 0%, #764BA2 100%);
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  min-width: 20px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-analysis-progress .epkb-ai-progress-bar .epkb-ai-progress-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  font-weight: 700;
  color: #1F2937;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-analysis-progress .epkb-ai-progress-message {
  margin-top: 10px;
  font-size: 14px;
  color: #4B5563;
  text-align: center;
  font-weight: 500;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-info-box {
  margin-top: 20px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend {
  padding: 20px;
  margin-top: 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__title {
  margin: 0 0 16px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__item--excellent .epkb-ai-score-legend__indicator {
  background-color: #46B450;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__item--good .epkb-ai-score-legend__indicator {
  background-color: #F0AD4E;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__item--needs-improvement .epkb-ai-score-legend__indicator {
  background-color: #D54E21;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__indicator {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__label {
  flex-shrink: 0;
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
  margin-right: 4px;
  width: 80px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-score-legend__description {
  font-size: 13px;
  line-height: 1.4;
  color: #646970;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-importance-legend {
  padding: 20px;
  margin-top: 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-importance-legend__title {
  margin: 0 0 12px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-importance-legend__description {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #646970;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend {
  padding: 20px;
  margin-top: 0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__title {
  margin: 0 0 16px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 6px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  min-height: 24px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item--to-analyze .epkb-ai-status-legend__indicator {
  background-color: #FFBA52;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item--to-improve .epkb-ai-status-legend__indicator {
  background-color: #92C8F0;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item--done .epkb-ai-status-legend__indicator {
  background-color: #5CB85C;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item--ignored .epkb-ai-status-legend__indicator {
  background-color: #868E96;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item--analyzing .epkb-ai-status-legend__indicator {
  background-color: #0073AA;
  position: relative;
  overflow: hidden;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item--analyzing .epkb-ai-status-legend__indicator::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: epkb-analyzing-shimmer 1.5s infinite;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__item--error .epkb-ai-status-legend__indicator {
  background-color: #D54E21;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__indicator {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__label {
  flex-shrink: 0;
  font-weight: 600;
  font-size: 12px;
  color: #2C3338;
  margin-right: 4px;
  width: 80px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-status-legend__description {
  font-size: 12px;
  line-height: 1.4;
  color: #646970;
}
@keyframes epkb-analyzing-shimmer {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(32px);
  }
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-group {
  margin-bottom: 20px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-group label {
  display: flex;
  margin-bottom: 5px;
  font-size: 19px;
  font-weight: 500;
  color: #374151;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-group label span {
  min-height: 24px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-group .epkb-ai-selected-records-count {
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  padding: 8px 0 0 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-group:has(+ .epkb-ai-checkbox-group) {
  margin-bottom: 5px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-group .epkb-sync-label {
  margin-bottom: 15px !important;
  font-size: 20px !important;
  font-weight: 600;
  color: #374151;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-group .epkb-ai-error-message {
  margin-top: 5px;
  padding: 8px 12px;
  background-color: #FFEBEE;
  border-left: 3px solid #D32F2F;
  color: #D32F2F;
  font-size: 13px;
  border-radius: 2px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-select-all-checkbox {
  margin: 0 0 15px 25px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-select-all-checkbox label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-select-all-checkbox label:hover {
  color: #333333;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-select-all-checkbox label input[type=checkbox] {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button {
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-primary {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-primary:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-primary:active {
  transform: translateY(0);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-secondary {
  background: #F3F4F6;
  color: #374151;
  border: 2px solid #E5E7EB;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-secondary:hover:not(:disabled) {
  background: #E5E7EB;
  border-color: #D1D5DB;
  transform: translateY(-1px);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-danger, .epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-warning {
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  color: #FFFFFF;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-danger:hover:not(:disabled), .epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-warning:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-select,
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-input {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 13px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-select:focus,
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-input:focus {
  outline: none;
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-select:disabled,
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-input:disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button {
  margin-top: 10px;
  margin-right: 10px;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-primary {
  background-color: #0073AA;
  color: #FFFFFF;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-primary:hover:not(.disabled) {
  background-color: #005A87;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-primary.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-secondary {
  background-color: #E0E0E0;
  color: #333333;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}
.epkb-ai-training-data-container .epkb-ai-data-source-settings .epkb-ai-sync-controls .epkb-ai-button.epkb-ai-button-secondary:hover {
  background-color: #D0D0D0;
}
.epkb-ai-training-data-container .epkb-ai-button {
  background: none;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.epkb-ai-training-data-container .epkb-ai-button.epkb-ai-button-link {
  color: #0073AA;
}
.epkb-ai-training-data-container .epkb-ai-button.epkb-ai-button-link:hover {
  color: #005A87;
}
.epkb-ai-training-data-container .epkb-ai-button.epkb-ai-button-link.epkb-ai-button-danger {
  background: #D63638;
  border-color: #D63638;
  color: #FFFFFF;
}
.epkb-ai-training-data-container .epkb-ai-button.epkb-ai-button-link.epkb-ai-button-danger:hover {
  background: #B32D2E;
  border-color: #B32D2E;
}
.epkb-ai-training-data-container .epkb-ai-status-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.epkb-ai-training-data-container .epkb-ai-status-badge.status-active {
  background-color: #D4EDDA;
  color: #155724;
}
.epkb-ai-training-data-container .epkb-ai-status-badge.status-pending {
  background-color: #FFF3CD;
  color: #856404;
}
.epkb-ai-training-data-container .epkb-ai-status-badge.status-error {
  background-color: #F8D7DA;
  color: #721C24;
}
.epkb-ai-training-data-container .epkb-ai-status-badge.status-inactive {
  background-color: #E9ECEF;
  color: #6C757D;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab {
  padding: 20px;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab h2 {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 400;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-overview-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-overview-stats .epkb-ai-stat-card {
  background: #F9F9F9;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 20px;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-overview-stats .epkb-ai-stat-card h4 {
  margin: 0 0 10px;
  font-size: 14px;
  color: #666666;
  font-weight: normal;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-overview-stats .epkb-ai-stat-card .epkb-ai-stat-value {
  font-size: 28px;
  font-weight: 600;
  color: #0073AA;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-collections-list h3 {
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 400;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-collections-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-collections-list ul li {
  padding: 10px 0;
  border-bottom: 1px solid #F0F0F1;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-collections-list ul li:last-child {
  border-bottom: none;
}
.epkb-ai-training-data-container .epkb-ai-overview-tab .epkb-ai-collections-list ul li strong {
  font-weight: 600;
}
.epkb-ai-training-data-container .epkb-ai-action-buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
.epkb-ai-training-data-container .epkb-ai-action-buttons .epkb-ai-button {
  width: 100%;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
  background-color: #F0F0F1;
  border: 1px solid #C3C4C7;
  color: #1E1E1E;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
.epkb-ai-training-data-container .epkb-ai-action-buttons .epkb-ai-button:hover {
  background-color: #E5E5E5;
  border-color: #949494;
}
.epkb-ai-training-data-container .epkb-ai-action-buttons .epkb-ai-button.active {
  background-color: #2271B1 !important;
  border-color: #2271B1 !important;
  color: #FFFFFF !important;
}
.epkb-ai-training-data-container .epkb-ai-action-buttons .epkb-ai-button.active .epkbfa {
  color: #FFFFFF;
}
.epkb-ai-training-data-container .epkb-ai-action-buttons .epkb-ai-button .epkbfa {
  font-size: 20px;
  color: #787C82;
  transition: transform 0.2s ease;
}
.epkb-ai-training-data-container .epkb-ai-action-info {
  margin: 0 20px;
}
.epkb-ai-training-data-container .epkb-ai-back-button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  margin: 20px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  font-weight: 500;
  border-color: #3F3F3F;
  background: #494949;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.epkb-ai-training-data-container .epkb-ai-back-button:hover:not(:disabled) {
  background: #747373;
  border-color: #D1D5DB;
  transform: translateY(-1px);
}
.epkb-ai-training-data-container .epkb-ai-back-button:active {
  transform: translateY(0);
}
.epkb-ai-training-data-container .epkb-ai-back-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.epkb-ai-training-data-container .epkb-ai-back-button .epkbfa {
  font-size: 14px;
}
.epkb-ai-training-data-container .epkb-ai-action-content {
  animation: fadeIn 0.3s ease;
}
.epkb-ai-training-data-container .epkb-ai-action-content h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #1E1E1E;
}
.epkb-ai-training-data-container .epkb-ai-action-content p {
  color: #666666;
  margin-bottom: 15px;
  font-size: 14px;
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-checkbox-list label {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-checkbox-list label input[type=checkbox] {
  margin-right: 10px;
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-checkbox-list label .epkbfa-check-circle {
  margin-left: 10px;
  color: #28A745;
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-button {
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-button.epkb-ai-button-primary {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-button.epkb-ai-button-primary:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-button.epkb-ai-button-primary:active {
  transform: translateY(0);
}
.epkb-ai-training-data-container .epkb-ai-action-content .epkb-ai-button.epkb-ai-button-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.epkb-ai-training-data-container .epkb-ai-advanced-section {
  margin-top: 40px;
  padding: 20px;
  background: transparent;
  border: none;
  border-radius: 4px;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-header {
  cursor: pointer;
  user-select: none;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-header h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-header h4 .epkbfa {
  font-size: 14px;
  margin-right: 5px;
  transition: transform 0.2s;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-header:hover {
  color: #0073AA;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-header:hover h4 {
  color: #0073AA;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-content {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E5E5E5;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-content .epkb-ai-delete-selected-section,
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-content .epkb-ai-delete-collection-section {
  text-align: center;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-content .epkb-ai-delete-selected-section .epkb-ai-button,
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-content .epkb-ai-delete-collection-section .epkb-ai-button {
  margin-bottom: 10px;
}
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-content .epkb-ai-delete-selected-section p,
.epkb-ai-training-data-container .epkb-ai-advanced-section .epkb-ai-advanced-content .epkb-ai-delete-collection-section p {
  margin: 0;
  color: #666666;
  font-size: 14px;
}
.epkb-ai-training-data-container .epkb-ai-sync-buttons {
  margin-top: 20px;
}
.epkb-ai-training-data-container .epkb-ai-sync-buttons button + button {
  margin-left: 10px;
}

.epkb-ai-chat-container {
  min-height: 100vh;
  background: #F1F1F1;
}
.epkb-ai-chat-container .epkb-ai-data-source-layout {
  display: grid;
  grid-template-columns: 1fr minmax(300px, 40%);
  gap: 30px;
  padding: 20px 40px 0 20px;
  background: transparent;
}
.epkb-ai-chat-container .epkb-ai-data-source-table {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-ai-table-content {
  padding: 24px;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container {
  margin-top: 0;
  overflow-x: visible;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container {
  margin-bottom: 15px;
  padding-right: 0;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table {
  width: 100%;
  table-layout: auto !important;
  border-collapse: collapse;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th {
  background-color: transparent;
  border-bottom: 2px solid #F3F4F6;
  color: #6B7280;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 16px;
  text-align: left;
  text-transform: uppercase;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th:first-child {
  width: 40px;
  text-align: center;
  padding: 16px 8px;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=time] {
  width: 160px;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=user] {
  width: 150px;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=conversation] {
  width: auto;
  min-width: unset !important;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=message_count] {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=agent_handover] {
  white-space: nowrap;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr {
  border-bottom: 1px solid #F9FAFB;
  cursor: pointer;
  transition: all 0.2s ease;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr:hover {
  background-color: #FAFBFC;
  transform: translateX(2px);
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr.selected {
  background-color: #E3F2FD;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr.epkb-deleting {
  animation: fadeOutRow 0.5s ease-out forwards;
  background-color: #FFCDD2 !important;
  opacity: 0.8;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td {
  font-size: 14px;
  padding: 16px;
  vertical-align: middle;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td[data-column=message_count] {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td[data-column=agent_handover] {
  white-space: nowrap;
}
.epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody tr td:first-child {
  text-align: center;
  padding: 16px 8px;
}
.epkb-ai-chat-container .epkb-ai-data-source-settings {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.epkb-ai-chat-container .epkb-ai-data-source-settings > * {
  padding: 24px;
}
.epkb-ai-chat-container .epkb-ai-tabs-with-add {
  display: flex;
  align-items: center;
}
.epkb-ai-chat-container .epkb-ai-tabs-with-add .epkb-ai-tab-add {
  margin-left: 10px;
  padding: 8px 12px;
  min-width: auto;
}
.epkb-ai-chat-container .epkb-ai-tabs-with-add .epkb-ai-tab-add .epkbfa-plus {
  font-size: 14px;
  margin: 0;
}
.epkb-ai-chat-container .epkb-ai-tabs-with-add .epkb-ai-tab-add:hover {
  background-color: #F0F0F1;
  border-bottom-color: transparent;
}
.epkb-ai-chat-container .epkb-horizontal-radio .epkb-ai-radio-group {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.epkb-ai-chat-container .epkb-horizontal-radio .epkb-ai-radio-group .epkb-ai-radio-label {
  display: flex;
  align-items: center;
  margin: 0;
}
.epkb-ai-chat-container .epkb-horizontal-radio .epkb-ai-radio-group .epkb-ai-radio-label input[type=radio] {
  margin-right: 0.5rem;
}
.epkb-ai-chat-container .epkb-horizontal-radio .epkb-ai-radio-group .epkb-ai-radio-label .epkb-ai-radio-text {
  font-weight: 500;
}
.epkb-ai-chat-container .epkb-two-column-checkboxes .epkb-field-checkboxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem 2rem;
  max-width: 800px;
  margin-top: 0.5rem;
}
.epkb-ai-chat-container .epkb-two-column-checkboxes .epkb-checkbox-label {
  display: flex;
  align-items: center;
  margin: 0;
}
.epkb-ai-chat-container .epkb-two-column-checkboxes .epkb-checkbox-label input[type=checkbox] {
  margin-right: 0.5rem;
}
.epkb-ai-chat-container .epkb-ai-chat-url-patterns {
  margin-top: 1.5rem;
}
.epkb-ai-chat-container .epkb-ai-chat-url-patterns textarea {
  width: 100%;
  max-width: 500px;
  font-family: monospace;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.5rem;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  resize: vertical;
}
.epkb-ai-chat-container .epkb-ai-chat-url-patterns textarea:focus {
  outline: none;
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
}
.epkb-ai-chat-container .epkb-ai-chat-url-patterns .epkb-ai-field-description {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #6C757D;
}
.epkb-ai-chat-container .epkb-ai-chat-display-mode {
  margin-bottom: 30px;
  padding-bottom: 0px;
}
.epkb-ai-chat-container .epkb-ai-field-row:not(:last-child) {
  margin-bottom: 1rem;
}
.epkb-ai-chat-container .epkb-ai-field-checkboxes label.epkb-ai-field-label:empty {
  display: none;
}
.epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
  margin: 0;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  color: #1E1E1E;
  background: #F9F9F9;
  border-bottom: 1px solid #F3F4F6;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-conversation-thread {
  padding: 0 24px 24px;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-messages-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message {
  max-width: 78%;
  padding: 12px 14px;
  border-radius: 12px;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-user {
  align-self: flex-end;
  background: #E8F4FF;
  border-color: #BFDBFE;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-assistant,
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-ai {
  align-self: flex-start;
  background: #F3F4F6;
  border-color: #E5E7EB;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 6px;
  color: #6B7280;
  font-size: 12px;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content {
  color: #111827;
  line-height: 1.5;
  word-wrap: break-word;
  font-size: 14px;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content p {
  margin: 0 0 8px 0;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content p:last-child {
  margin-bottom: 0;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content strong {
  font-weight: 600;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content em {
  font-style: italic;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ol, .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ul {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin: 8px 0;
  padding-left: 2.5em;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ol li, .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ul li {
  margin: 0.25em 0;
  line-height: 1.5;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ul {
  list-style-type: disc;
}
.epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ol {
  list-style-type: decimal;
}
@media (max-width: 1500px) {
  .epkb-ai-chat-container .epkb-ai-data-source-layout {
    grid-template-columns: 1fr minmax(300px, 30%);
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings > * {
    padding: 5px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-conversation-thread {
    padding: 0 5px 24px;
  }
}
@media (max-width: 1200px) {
  .epkb-ai-chat-container .epkb-ai-data-source-layout {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings {
    order: -1;
  }
}
@media (max-width: 768px) {
  .epkb-ai-chat-container {
    min-height: auto;
  }
  .epkb-ai-chat-container .epkb-ai-sub-tabs {
    margin-right: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav {
    flex-wrap: wrap;
  }
  .epkb-ai-chat-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button {
    flex: 1;
    min-width: 120px;
    text-align: center;
    padding: 10px 15px;
  }
  .epkb-ai-chat-container .epkb-ai-sub-tabs-header {
    flex-wrap: wrap;
    gap: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-layout {
    padding: 15px;
    gap: 15px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-ai-table-content {
    padding: 15px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container .epkb-ai-search-input {
    width: 100%;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container .epkb-ai-search-input input {
    width: 100%;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container .epkb-ai-button {
    width: 100%;
    justify-content: center;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table {
    min-width: 600px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th,
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody td {
    padding: 12px 10px;
    font-size: 13px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th:first-child,
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody td:first-child {
    padding: 12px 6px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=agent_handover],
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody td[data-column=agent_handover] {
    display: none;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-ai-pagination {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-ai-pagination button {
    flex: 1;
    min-width: 100px;
    max-width: 150px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings > * {
    padding: 15px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading-wrapper button {
    width: 100%;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
    padding: 12px 15px;
    font-size: 15px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-conversation-thread {
    padding: 0 15px 15px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message {
    max-width: 90%;
    padding: 10px 12px;
  }
}
@media (max-width: 480px) {
  .epkb-ai-chat-container .epkb-ai-sub-tabs {
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 6px;
  }
  .epkb-ai-chat-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav {
    border-radius: 6px;
  }
  .epkb-ai-chat-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button {
    padding: 8px 10px;
    font-size: 13px;
  }
  .epkb-ai-chat-container .epkb-ai-sub-tabs-header {
    padding: 0 10px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-layout {
    padding: 10px;
    gap: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-ai-table-content {
    padding: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table {
    min-width: 500px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th,
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody td {
    padding: 10px 8px;
    font-size: 12px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=user],
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody td[data-column=user],
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table thead th[data-column=message_count],
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-chat-conversations-table tbody td[data-column=message_count] {
    display: none;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-ai-pagination button {
    flex: 1;
    min-width: auto;
    max-width: none;
    font-size: 13px;
    padding: 8px 12px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-table .epkb-ai-pagination .epkb-ai-page-info {
    width: 100%;
    text-align: center;
    order: -1;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings > * {
    padding: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
    padding: 10px;
    font-size: 14px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-conversation-thread {
    padding: 0 10px 10px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-conversation-thread h4 {
    font-size: 14px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-messages-list {
    gap: 8px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message {
    max-width: 95%;
    padding: 8px 10px;
    border-radius: 10px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-bottom: 4px;
    font-size: 11px;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content {
    font-size: 13px;
    line-height: 1.4;
  }
  .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ol, .epkb-ai-chat-container .epkb-ai-discussion-details-content .epkb-ai-message-content ul {
    padding-left: 1.5em;
  }
}

#epkb-ai-help-sidebar-button,
#epkb-ai-help-meta-box-button {
  margin-left: 10px;
  background-image: linear-gradient(to bottom, #CBC3E3, #BBAFE5);
  border-color: #CBC3E3;
  border-radius: 6px;
  padding: 10px 25px;
  color: #8528E2;
  cursor: pointer;
}

#wpadminbar #wp-admin-bar-epkb-ai-help-sidebar-button .ab-item:before {
  content: "\e905";
  top: 2px;
  float: left;
  font: normal 20px/1 dashicons;
  speak: none;
  padding: 4px 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: none !important;
  margin-right: 6px;
  font-family: ep_icons !important;
}
#wpadminbar #wp-admin-bar-epkb-ai-help-sidebar-button .ab-item:hover {
  color: #4391F3;
}
#wpadminbar #wp-admin-bar-epkb-ai-help-sidebar-button .ab-item:hover:before {
  color: #4391F3;
}
#wpadminbar #wp-admin-bar-epkb-ai-help-sidebar-button.wp-admin-bar-epkb-ai-help-sidebar-button--active .ab-item {
  color: #4391F3;
}
#wpadminbar #wp-admin-bar-epkb-ai-help-sidebar-button.wp-admin-bar-epkb-ai-help-sidebar-button--active .ab-item:before {
  color: #4391F3;
}

.epkb-ai-help-sidebar {
  position: fixed;
  top: 0px;
  right: 0;
  width: 0;
  transition: width 0.25s linear;
  display: flex;
  flex-direction: column;
  background-color: #1F1F1F;
  color: #FFFFFF;
  height: 100%;
  opacity: 0;
  z-index: 9999;
  direction: ltr;
  box-shadow: 0px 12px 21px -4px rgba(0, 0, 0, 0.46);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #2C3338;
}
.epkb-ai-help-sidebar::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
.epkb-ai-help-sidebar::-webkit-scrollbar-track {
  background: #1B1B1B;
  border-radius: 8px;
}
.epkb-ai-help-sidebar::-webkit-scrollbar-thumb {
  background: #606060;
  border-radius: 8px;
}
.epkb-ai-help-sidebar::-webkit-scrollbar-thumb:hover {
  background: #6E6E6E;
}
.epkb-ai-help-sidebar a {
  color: #0073AA;
  text-decoration: none;
}
.epkb-ai-help-sidebar a:hover {
  text-decoration: underline;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__input-required {
  color: #FF4141;
  font-weight: normal;
  font-size: 44px;
  vertical-align: bottom;
  height: 23px;
  display: inline-block;
}
.epkb-ai-help-sidebar[data-active-tab=helper-functions][data-back-btn=show] .epkb-ai-help-sidebar__nav-back-btn {
  display: flex;
}
.epkb-ai-help-sidebar[data-active-tab=feedback][data-back-btn=show] .epkb-ai-help-sidebar__nav-back-btn {
  display: flex;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__wrap {
  min-width: 350px;
  width: 350px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 27px;
  background-image: linear-gradient(to right, #2B034B, #6E1FB8);
  color: #FFFFFF;
  max-height: 100vh;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__header .epkb-ai-help-sidebar__header-title {
  font-weight: 700;
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__header .epkb-ai-help-sidebar__header-title .epkb__feature-experimental-tag {
  border-radius: 4px;
  padding: 4px 8px;
  background-color: #DBDBDB;
  color: #000000;
  font-size: 13px;
  text-transform: uppercase;
  margin-left: 10px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__header .epkb-ai-help-sidebar-btn-close {
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 35px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__nav {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 20px 5px 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__nav .epkb-ai-help-sidebar__nav-back-btn {
  position: absolute;
  top: 5px;
  left: 20px;
  display: none;
  padding: 7px 10px;
  width: 55px;
  max-width: 120px;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #FFFFFF;
  border: solid 1px #D5DADF;
  color: #FFFFFF;
  flex-direction: row;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__nav .epkb-ai-help-sidebar__nav-back-btn:hover {
  background-color: #F7F8FA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__nav .epkb-ai-help-sidebar__nav-link {
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-right: 4px;
  padding: 8px 16px;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__nav .epkb-ai-help-sidebar__nav-link:hover {
  background-color: #F7F8FA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__nav .epkb-ai-help-sidebar__nav-link:last-child {
  margin-right: 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__nav .epkb-ai-help-sidebar__nav-link.epkb-ai-help-sidebar__nav-link--active {
  background-color: #1F1F1F;
  border-bottom: 3px solid #551590;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-grow: 1;
  overflow-y: auto;
  padding-bottom: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body:not(.epkb-ai-help-sidebar__body--active) {
  display: none;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 20px 20px 40px 20px;
  margin: 20px;
  font-size: 16px;
  line-height: 1.5;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro .epkb-ai-help-sidebar__main-intro-left {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-grow: 1;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro .epkb-ai-help-sidebar__main-intro-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro .epkb-ai-help-sidebar__main-intro-right .epkb-ai-help-sidebar__main-intro-icon {
  overflow: hidden;
  border: 2px solid #E3E6EA;
  border-radius: 100px;
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  margin: 0 0 20px 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/setting-icons/ai-help-sidebar-intro-icon.png");
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro .epkb-ai-help-sidebar__main-intro__links-title {
  margin: 20px 0 10px 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro .epkb-ai-help-sidebar__main-intro__links {
  padding-left: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro .epkb-ai-help-sidebar__main-intro__dismiss-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
  padding: 7px;
  background-color: #FFFFFF;
  border: solid 1px #D5DADF;
  border-radius: 6px;
  color: #FFFFFF;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__main-intro .epkb-ai-help-sidebar__main-intro__dismiss-btn:hover {
  background-color: #F7F8FA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__actions .epkb-ai-help-sidebar__actions-title {
  font-size: 21px;
  margin-bottom: 10px;
  text-align: center;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__actions .epkb-ai-help-sidebar__actions-title p {
  font-size: 16px;
  margin: 10px 0 0 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__actions .epkb-ai-help-sidebar__actions-left-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__action-wrap {
  margin-bottom: 12px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__action-wrap input[type=submit] {
  min-width: 280px;
  font-size: 16px;
  padding: 16px;
  background-color: #0073AA;
  border: solid 1px #E3E6EA;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__action-wrap input[type=submit]:hover {
  background-color: #005A87;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__screen-title {
  position: relative;
  margin-top: 25px;
  padding-bottom: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__screen-title .epkb-ai-help-sidebar__screen-title-text {
  font-size: 27px;
  padding: 10px 0px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__screen-title .epkb-ai-help-sidebar__screen-title-subtext {
  font-size: 16px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__screen-usage {
  position: absolute;
  bottom: 0;
  right: 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__screen-usage .epkb-ai-help-sidebar__screen-usage-tokens {
  font-size: 12px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text {
  display: none;
  padding: 0 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar-select-text-title {
  display: none;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 7px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar .epkb-submit {
  position: relative;
  margin-right: 7px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar .epkb-submit:before {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-block;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar input[type=submit] {
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #FFFFFF;
  border: solid 1px #D5DADF;
  color: #FFFFFF;
  flex-direction: row;
  padding: 7px 10px 7px 27px;
  font-size: 14px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar input[type=submit]:hover {
  background-color: #F7F8FA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar .epkb-ai-help-sidebar__copy-wrap {
  position: absolute;
  top: 7px;
  right: 7px;
  margin-right: 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar .epkb-ai-help-sidebar__copy-wrap input[type=submit] {
  background-color: #0073AA;
  border: solid 1px #E3E6EA;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-toolbar .epkb-ai-help-sidebar__copy-wrap input[type=submit]:hover {
  background-color: #005A87;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-selected-text-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: normal;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-input__textarea {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  cursor: text;
  outline: none;
  box-shadow: none;
  white-space: pre-line;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-input__textarea:empty:before {
  display: inline-block;
  content: attr(placeholder);
  color: #FAFAFA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__improve-text-input__textarea-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: normal;
  flex-grow: 1;
  padding: 20px;
  border-top: 1px solid #E3E6EA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline {
  display: none;
  padding: 0 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline .epkb-ai-help-sidebar__article-outline-input-container .epkb-ai-help-sidebar__settings-group {
  margin-bottom: 40px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline .epkb-ai-help-sidebar__article-outline-input-container .epkb-ai-help-sidebar__settings-group .epkb-admin__text-field {
  display: flex;
  flex-direction: row;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline .epkb-ai-help-sidebar__article-outline-input-container .epkb-ai-help-sidebar__settings-group .epkb-admin__text-field input[type=text] {
  padding: 6px 12px;
  margin: 0;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline .epkb-ai-help-sidebar__article-outline-input-container .epkb-ai-help-sidebar__settings-group .epkb-input-group > label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 270px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline .epkb-ai-help-sidebar__article-outline-input-container .epkb_ai_generate_article_outline_button {
  min-width: 280px;
  font-size: 16px;
  padding: 16px;
  background-color: #0073AA;
  border: solid 1px #E3E6EA;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline .epkb-ai-help-sidebar__article-outline-input-container .epkb_ai_generate_article_outline_button:hover {
  background-color: #005A87;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-input {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-input .epkb-ai-help-sidebar__article-outline-results-container {
  display: flex;
  flex-direction: column;
  align-self: normal;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 10px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-input .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__ai-results-title {
  font-size: 17px;
  margin: 10px 0;
  text-align: center;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-input .epkb-ai-help-sidebar__article-outline-result__textarea {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-input .epkb-ai-help-sidebar__article-outline-result__textarea::placeholder {
  color: #FAFAFA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-input .epkb-ai-help-sidebar__article-outline-result__textarea-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: normal;
  flex-grow: 1;
  padding-top: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: normal;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  justify-content: flex-start;
  flex-grow: 1;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 7px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar .epkb-submit {
  position: relative;
  margin-right: 7px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar .epkb-submit:before {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-block;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar input[type=submit] {
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #FFFFFF;
  border: solid 1px #D5DADF;
  color: #FFFFFF;
  flex-direction: row;
  padding: 7px 10px 7px 27px;
  font-size: 14px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar input[type=submit]:hover {
  background-color: #F7F8FA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar .epkb-ai-help-sidebar__copy-wrap {
  position: absolute;
  top: 7px;
  right: 7px;
  margin-right: 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar .epkb-ai-help-sidebar__copy-wrap input[type=submit] {
  background-color: #0073AA;
  border: solid 1px #E3E6EA;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-toolbar .epkb-ai-help-sidebar__copy-wrap input[type=submit]:hover {
  background-color: #005A87;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-result__textarea {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  cursor: text;
  outline: none;
  box-shadow: none;
  white-space: pre-line;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-result__textarea:empty:before {
  display: inline-block;
  content: attr(placeholder);
  color: #FAFAFA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__article-outline-results-container .epkb-ai-help-sidebar__article-outline-selected-text-container .epkb-ai-help-sidebar__article-outline-result__textarea-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: normal;
  flex-grow: 1;
  padding: 20px;
  border-top: 1px solid #E3E6EA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-self: normal;
  width: 100%;
  margin-bottom: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-input-wrap {
  margin-bottom: 30px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-prompt {
  display: flex;
  flex-direction: row;
  padding: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-prompt .epkb-ai-help-sidebar__ai-response-prompt-icon {
  font-size: 21px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-prompt .epkb-ai-help-sidebar__ai-response-prompt-text {
  margin-left: 10px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-result {
  display: flex;
  flex-direction: row;
  padding: 20px;
  background-color: #333333;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-result .epkb-ai-help-sidebar__ai-response-result-icon {
  font-size: 21px;
  color: #10A37F;
  font-weight: 700;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-result .epkb-ai-help-sidebar__ai-response-result-text {
  margin-left: 10px;
  white-space: pre-line;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-title {
  position: relative;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-title .epkb-ai-help-sidebar__ai-response-title-text {
  font-size: 21px;
  padding: 5px 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-input-container input[type=text] {
  width: 100%;
  color: #FFFFFF;
  box-shadow: none;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 10px 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-input-container input[type=text]:focus {
  border: 1px solid #0073AA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-input-container input[type=text]::placeholder {
  color: #FAFAFA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-input-title .epkb-ai-help-sidebar__ai-input-title-text {
  font-size: 21px;
  padding: 5px 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__ai-response-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-self: normal;
  width: 100%;
  min-height: 300px;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  overflow-y: auto;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback {
  padding: 0 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-title {
  font-size: 27px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form {
  position: relative;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-title .epkb-ai-help-sidebar__feedback-input-title-text {
  font-size: 16px;
  padding: 5px 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-title .epkb-ai-help-sidebar__feedback-input-title-description {
  font-size: 16px;
  padding: 5px 0;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-container {
  margin-bottom: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-container input[type=text], .epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-container input[type=email] {
  width: 100%;
  color: #FFFFFF;
  box-shadow: none;
  background-color: #282828;
  border: 1px solid #3E3E3E;
  border-radius: 7px;
  padding: 10px 20px;
  max-width: 350px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-container input[type=text]:focus, .epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-container input[type=email]:focus {
  border: 1px solid #0073AA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-container textarea {
  width: 100%;
  color: #FFFFFF;
  box-shadow: none;
  background-color: #282828;
  border: 1px solid #3E3E3E;
  border-radius: 7px;
  padding: 10px 20px;
  min-height: 100px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__feedback-input-container textarea:focus {
  border: 1px solid #0073AA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__action-wrap input[type=submit] {
  background-color: #0073AA;
  border: solid 1px #E3E6EA;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-ai-help-sidebar__action-wrap input[type=submit]:hover {
  background-color: #005A87;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-admin-dialog-box-loading {
  height: 100%;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__feedback .epkb-ai-help-sidebar__feedback-form .epkb-admin-dialog-box-loading .epkb-admin-dbl__header {
  height: 100%;
  justify-content: center;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__resources {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__resources .epkb-ai-help-sidebar__resources-full-row {
  width: 100%;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__resources .epkb-ai-help-sidebar__resources-container {
  display: flex;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__resources .epkb-ai-help-sidebar__resources-container .epkb-ai-help-sidebar__resources-left-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__resources .epkb-ai-help-sidebar__resources-container .epkb-ai-help-sidebar__resources-right-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-group .epkb-admin__text-field {
  display: flex;
  flex-direction: row;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-group .epkb-admin__text-field input[type=text] {
  padding: 6px 12px;
  margin: 0;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-group .epkb-input-group > label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 220px;
  min-width: 220px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-group #chatgpt_api_key_group {
  width: 100%;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-group #chatgpt_api_key_group .input_container {
  width: 100%;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-group #chatgpt_api_key_group .input_container input {
  width: 100%;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-save {
  margin-top: 40px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-save .epkb-ai-help-sidebar__settings-save-btn {
  padding: 16px;
  min-width: 200px;
  background-color: #0073AA;
  border: solid 1px #E3E6EA;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__body .epkb-ai-help-sidebar__settings .epkb-ai-help-sidebar__settings-save .epkb-ai-help-sidebar__settings-save-btn:hover {
  background-color: #005A87;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__footer {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
  background-color: #151515;
  border-top: 1px solid #E3E6EA;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__footer span {
  font-size: 14px;
}
.epkb-ai-help-sidebar .epkb-ai-help-sidebar__footer a {
  outline: none;
  box-shadow: none;
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-loading {
  background-color: transparent;
  width: 100%;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999 !important;
  border: solid 4px #3B3B3B;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-loading .epkb-admin-dbl__header {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 20px 20px 20px 20px !important;
  text-align: center !important;
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon {
  border: dashed 6px #0073AA !important;
  color: #0073AA !important;
  padding: 30px !important;
  border-radius: 100px !important;
  margin-bottom: 30px !important;
  animation: epkb_spin 2s linear infinite;
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon:before {
  font-size: 30px !important;
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-text {
  color: #0073AA !important;
  font-size: 32px !important;
  font-weight: bold !important;
  margin: 0 !important;
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-text {
  padding: 20px;
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-loading .epkb-admin-dbl__body {
  padding: 20px !important;
  text-align: center !important;
}
.epkb-ai-help-sidebar .epkb-admin-dialog-box-overlay {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  z-index: 100 !important;
  animation: edit-post__fade-in-animation 0.2s ease-out 0s !important;
  animation-fill-mode: forwards !important;
}
@keyframes epkb_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.epkb-ai-help-sidebar .epkb__option-tooltip {
  margin-left: 5px;
  position: relative;
  display: inline-block;
}
.epkb-ai-help-sidebar .epkb__option-tooltip .epkb__option-tooltip__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background-color: #2EA3F2;
  cursor: pointer;
  color: #FFFFFF;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border-radius: 20px;
}
.epkb-ai-help-sidebar .epkb__option-tooltip .epkb__option-tooltip__button:hover + .epkb__option-tooltip__contents {
  display: block;
}
.epkb-ai-help-sidebar .epkb__option-tooltip .epkb__option-tooltip__contents {
  position: absolute;
  display: none;
  top: -17px;
  left: 35px;
  z-index: 10;
  width: 300px;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
  white-space: normal;
}
.epkb-ai-help-sidebar .epkb__option-tooltip .epkb__option-tooltip__contents:hover {
  display: block;
}
.epkb-ai-help-sidebar .epkb__option-tooltip .epkb__option-tooltip__contents:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 100%;
  -webkit-transform: scaleY(0.7);
  -moz-transform: scaleY(0.7);
  -ms-transform: scaleY(0.7);
  transform: scaleY(0.7);
  border: 10px solid transparent;
  border-right-color: #E3E6EA;
}
.epkb-ai-help-sidebar .epkb__option-tooltip .epkb__option-tooltip__contents .epkb__option-tooltip__body {
  padding: 20px;
  font-size: 12px;
  line-height: 1.5;
  box-sizing: border-box;
  color: #FFFFFF;
  border: 1px solid #E3E6EA;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle {
  padding: 10px !important;
  display: flex;
  border-left-width: 4px !important;
  border-left-style: solid !important;
  width: 100% -20px;
  color: #000000;
  margin: 20px;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__body__title {
  color: #000000;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__icon {
  font-size: 30px;
  margin-top: 6px;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__icon .epkb-notification-box-middle__icon__inner {
  padding: 0;
  border-radius: 0;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__body {
  padding: 5px 20px;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__title {
  margin: 0 0 8px 0;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__desc {
  margin-bottom: 0;
  line-height: 22px;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap {
  text-align: center;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap .epkb-notification-box-middle__button-confirm {
  padding: 10px 20px;
  min-width: 100px;
  height: auto;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  background-color: #0073AA;
  color: #FFFFFF;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--success {
  border-left-color: #28A745 !important;
  background-color: #9BE7AC !important;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--success .epkb-notification-box-middle__icon {
  color: #28A745;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--error {
  border-left-color: #DC3545 !important;
  background-color: #F6CDD1 !important;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--error .epkb-notification-box-middle__icon {
  color: #DC3545;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--error-no-icon {
  border-left-color: #DC3545 !important;
  background-color: #F6CDD1 !important;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--error-no-icon .epkb-notification-box-middle__icon {
  display: none;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--error-no-icon .epkb-notification-box-middle__icon {
  color: #DC3545;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--warning {
  border-left-color: #FFC107 !important;
  background-color: #FFF1DD !important;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--warning .epkb-notification-box-middle__icon {
  color: #FFC107;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--info {
  border-left-color: #0073AA !important;
  background-color: #5ECBFF !important;
}
.epkb-ai-help-sidebar .epkb-notification-box-middle--info .epkb-notification-box-middle__icon {
  color: #0073AA;
}

body:not(.is-fullscreen-mode) .epkb-ai-help-sidebar {
  top: 32px;
  height: calc(100% - 32px);
}

.epkb-ai-help-sidebar--active {
  width: 350px;
  opacity: 1;
}

.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] {
  padding-bottom: 20px;
  width: 30vw;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__wrap {
  min-width: 30vw;
  width: 30vw;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__header {
  max-height: 0;
  overflow: hidden;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar-select-text-title {
  display: block !important;
  font-size: 27px;
  margin-top: 5px;
  padding: 10px 0px 15px 0px;
  margin-bottom: 20px;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__improve-text {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  transition: 0.2s;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__improve-text-input {
  justify-content: flex-start;
  flex-grow: 1;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__improve-text-input .epkb-ai-help-sidebar__input-selected-text-container {
  width: 100% !important;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__improve-text-input__textarea-wrap {
  height: 100% !important;
}
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__improve-text-toolbar,
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__screen-title,
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__nav,
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__footer,
.epkb-ai-help-sidebar--select-text-mode.epkb-ai-help-sidebar--active:not(:hover)[data-active-tab=helper-functions] .epkb-ai-help-sidebar__screen-usage {
  display: none !important;
}

.epkb-ai-help-sidebar__bottom-notice-message-container {
  position: absolute;
  bottom: 101px;
  left: 20px;
  right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: 99999;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message {
  position: absolute;
  bottom: 0;
  transition: all 0.5s ease-in-out;
  -webkit-animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: both;
  max-width: 700px;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .eckb-bottom-notice-message-icon {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 999999;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents {
  display: block;
  position: relative;
  font-size: 16px;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents > span {
  padding-left: 50px !important;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents span {
  display: block;
  border: solid 1px;
  padding: 15px 30px 15px 30px;
  border-radius: 4px;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents span p {
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents .general {
  background-color: #E5E5E5;
  border-color: #CCCCCC;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents .success {
  background-color: #D4EDDA;
  border-color: #B0DEBB;
  color: #FFFFFF;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents .warning {
  background-color: #FFF3CD;
  border-color: #FFE79A;
  color: #FFFFFF;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents .attention {
  background-color: #FCF8E3;
  border-color: #F7ECB5;
  color: #5E5E5E;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents .error {
  background-color: #F8D7DA;
  border-color: #F0ACB2;
  color: #FFFFFF;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .contents .primary {
  background-color: #CCE5FF;
  border-color: #99CBFF;
  color: #FFFFFF;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .epkb-close-notice {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  opacity: 0.5;
  font-size: 1.5em;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .eckb-bottom-notice-message .epkb-close-notice:hover {
  opacity: 1;
  cursor: pointer;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .fadeOutUp {
  animation-name: fadeOutUp;
  -webkit-animation-name: fadeOutUp;
}
.epkb-ai-help-sidebar__bottom-notice-message-container .fadeOutDown {
  animation-name: fadeOutDown;
  -webkit-animation-name: fadeOutDown;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.epkb-ai-field-row {
  margin-bottom: 30px;
}
.epkb-ai-field-row.epkb-ai-field-hidden {
  display: none;
}

.epkb-ai-field-color .epkb-ai-field-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
}
.epkb-ai-field-color .epkb-ai-color-input {
  width: 50px;
  height: 35px;
  padding: 0;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  vertical-align: top;
}
.epkb-ai-field-color .epkb-ai-color-input:focus {
  outline: none;
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
}
.epkb-ai-field-color .epkb-ai-color-input::-webkit-color-swatch-wrapper {
  padding: 0;
}
.epkb-ai-field-color .epkb-ai-color-input::-webkit-color-swatch {
  border: none;
  border-radius: 3px;
}
.epkb-ai-field-color .epkb-ai-color-input::-moz-color-swatch {
  border: none;
  border-radius: 3px;
}

.epkb-ai-textarea-field {
  margin-bottom: 30px;
}
.epkb-ai-textarea-field .epkb-ai-textarea-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.epkb-ai-textarea-field .epkb-ai-textarea-header label {
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
  margin: 0;
}
.epkb-ai-textarea-field .epkb-ai-textarea-header .epkb-ai-reset-button {
  padding: 4px 12px;
  background: #FFEBEE;
  border: 1px solid #FFCDD2;
  border-radius: 4px;
  color: #C62828;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}
.epkb-ai-textarea-field .epkb-ai-textarea-header .epkb-ai-reset-button:hover {
  background: #FFCDD2;
  border-color: #EF5350;
  color: #B71C1C;
}
.epkb-ai-textarea-field textarea {
  width: 100%;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  resize: vertical;
}
.epkb-ai-textarea-field textarea:focus {
  outline: none;
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
}
.epkb-ai-textarea-field .epkb-ai-field-description {
  margin-top: 8px;
  color: #9B9B9B;
  font-size: 13px;
  line-height: 1.5;
  font-style: italic;
}
.epkb-ai-textarea-field .epkb-ai-field-description-red {
  margin-top: 8px;
  color: #DC3545;
  font-size: 13px;
  line-height: 1.5;
  font-style: italic;
}

.epkb-section-prompt-editor {
  padding: 16px;
  background: #F9F9F9;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
}
.epkb-section-prompt-editor .epkb-section-prompt-selector {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.epkb-section-prompt-editor .epkb-section-prompt-selector label {
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
  margin: 0;
  white-space: nowrap;
}
.epkb-section-prompt-editor .epkb-section-prompt-selector select {
  flex: 1;
  max-width: 300px;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-header label {
  font-weight: 600;
  font-size: 14px;
  color: #2C3338;
  margin: 0;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-header .epkb-ai-reset-button {
  padding: 6px 14px;
  background: #FFEBEE;
  border: 1px solid #FFCDD2;
  border-radius: 4px;
  color: #C62828;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-header .epkb-ai-reset-button:hover:not(:disabled) {
  background: #FFCDD2;
  border-color: #EF5350;
  color: #B71C1C;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-header .epkb-ai-reset-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-textarea {
  width: 100%;
  min-height: 800px;
  padding: 12px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.6;
  font-family: monospace;
  resize: vertical;
  background: #FFFFFF;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-textarea:focus {
  outline: none;
  border-color: #0073AA;
  box-shadow: 0 0 0 1px #0073AA;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-textarea::placeholder {
  color: #999999;
  font-style: italic;
}
.epkb-section-prompt-editor .epkb-section-prompt-textarea-wrapper .epkb-section-prompt-status {
  margin-top: 8px;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.epkb-ai-settings-section:has(.epkb-ai-behavior-preset-select),
.epkb-ai-settings .epkb-ai-settings-section:has(.epkb-ai-behavior-preset-select) {
  overflow: visible !important;
}

.epkb-ai-settings-section.epkb-has-dropdown-open {
  overflow: visible !important;
}

.epkb-ai-section-content:has(.epkb-ai-behavior-preset-select),
.epkb-ai-settings-section-content:has(.epkb-ai-behavior-preset-select) {
  overflow: visible !important;
  position: relative;
}

.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown {
  position: relative;
  max-width: 420px;
  width: 60%;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
  color: #2C3338;
  transition: border-color 0.2s;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-trigger:hover {
  border-color: #999999;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-trigger .epkb-ai-dropdown-value {
  color: #008000;
  font-weight: 600;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-trigger .epkb-ai-dropdown-arrow {
  color: #666666;
  font-size: 12px;
  margin-left: 10px;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 99999;
  max-height: 400px;
  overflow-y: auto;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-menu .epkb-ai-dropdown-option {
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #F0F0F0;
  transition: background-color 0.2s;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-menu .epkb-ai-dropdown-option:last-child {
  border-bottom: none;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-menu .epkb-ai-dropdown-option:hover {
  background-color: #F7F8FA;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-menu .epkb-ai-dropdown-option.selected {
  background-color: #F0F8FF;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-menu .epkb-ai-dropdown-option .epkb-ai-option-name {
  color: #008000;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.epkb-ai-behavior-preset-select .epkb-ai-custom-dropdown .epkb-ai-dropdown-menu .epkb-ai-dropdown-option .epkb-ai-option-description {
  color: #666666;
  font-size: 13px;
  line-height: 1.4;
}
.epkb-ai-behavior-preset-select .epkb-ai-select {
  max-width: 420px !important;
  width: 60%;
}
.epkb-ai-behavior-preset-select .epkb-ai-select#ai_chat_model, .epkb-ai-behavior-preset-select .epkb-ai-select#ai_search_model {
  max-width: 210px !important;
  width: 30%;
}

.epkb-ai-disclaimer-required-message {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 40px;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box {
  background: #FFFFFF;
  border: 1px solid #FFC107;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
  max-width: 500px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #FFFBF0;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box .epkb-ai-disclaimer-icon {
  margin-bottom: 20px;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box .epkb-ai-disclaimer-icon .dashicons {
  font-size: 48px;
  width: 48px;
  height: 48px;
  color: #F39C12;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box h3 {
  font-size: 24px;
  margin: 0 0 15px 0;
  color: #23282D;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box p {
  font-size: 16px;
  line-height: 1.6;
  color: #50575E;
  margin: 0 0 30px 0;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box .epkb-ai-disclaimer-actions {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box .epkb-ai-disclaimer-actions .epkb-ai-button {
  min-width: 120px;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box .epkb-ai-disclaimer-actions .epkb-ai-button-secondary {
  background: transparent;
  color: #0073AA;
  border: 1px solid #0073AA;
}
.epkb-ai-disclaimer-required-message .epkb-ai-disclaimer-box .epkb-ai-disclaimer-actions .epkb-ai-button-secondary:hover {
  background: #F0F0F1;
}

.epkb-ai-disclaimer-text__intro {
  margin-bottom: 15px;
}
.epkb-ai-disclaimer-text__link {
  margin-bottom: 20px;
}
.epkb-ai-disclaimer-text__link a {
  color: #2271B1;
  text-decoration: underline;
  font-weight: bold;
}
.epkb-ai-disclaimer-text__checkbox {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.epkb-ai-disclaimer-text__checkbox input {
  margin-right: 8px;
}

.epkb-ai-training-data-dropdown {
  position: relative;
}
.epkb-ai-training-data-dropdown .epkb-ai-tab-with-dropdown {
  position: relative;
  padding-right: 30px;
}
.epkb-ai-training-data-dropdown .epkb-ai-tab-with-dropdown .epkb-ai-dropdown-icon {
  display: inline-block;
  vertical-align: middle;
  transform: rotate(0);
  transition: transform 0.2s ease;
}
.epkb-ai-training-data-dropdown .epkb-ai-tab-with-dropdown .epkb-ai-dropdown-icon.open {
  transform: rotate(180deg);
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  background-color: white;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  z-index: 1000;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content {
  max-height: 300px;
  overflow-y: auto;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-item {
  display: block;
  padding: 10px 16px;
  text-decoration: none;
  color: #333333;
  border-bottom: 1px solid #EEEEEE;
  font-size: 14px;
  transition: background-color 0.2s ease;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-item:last-child {
  border-bottom: none;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-item:hover {
  background-color: aliceblue;
  color: #0073AA;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-item:active {
  background-color: #E9E9E9;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content > div {
  padding: 10px 16px;
  color: #666666;
  font-style: italic;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-add-new {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 16px;
  border: none;
  border-top: 1px solid #EEEEEE;
  background-color: white;
  color: #0073AA;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-add-new:hover:not(:disabled) {
  background-color: #F5F5F5;
  color: #005A87;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-add-new:active:not(:disabled) {
  background-color: #E9E9E9;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-add-new:disabled {
  background-color: #F5F5F5;
  color: #999999;
  cursor: not-allowed;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-add-new .epkbfa {
  margin-right: 8px;
}
.epkb-ai-training-data-dropdown .epkb-ai-dropdown-popover .epkb-ai-dropdown-content .epkb-ai-dropdown-add-new .epkb-loading-spinner-small {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.epkb-ai-debug-section {
  margin-bottom: 30px;
}
.epkb-ai-debug-section .epkb-ai-debug-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding: 15px 20px;
  background-color: #F8F9FA;
  border: 1px solid #E9ECEF;
  border-radius: 8px;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-btn {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-btn.epkb-ai-btn-secondary {
  background-color: #6C757D;
  color: white;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-btn.epkb-ai-btn-secondary:hover {
  background-color: #5A6268;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-btn.epkb-ai-btn-danger {
  background-color: #DC3545;
  color: white;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-btn.epkb-ai-btn-danger:hover {
  background-color: #C82333;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-btn.epkb-ai-btn-primary {
  background-color: #0073AA;
  color: white;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-btn.epkb-ai-btn-primary:hover {
  background-color: #005A87;
}
.epkb-ai-debug-section .epkb-ai-debug-controls .epkb-ai-select {
  padding: 8px 12px;
  border: 1px solid #CED4DA;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
}
.epkb-ai-debug-section .epkb-ai-log-order-indicator {
  margin-left: 10px;
  padding: 4px 8px;
  background-color: rgba(52, 152, 219, 0.1);
  color: #3498DB;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.epkb-ai-debug-section .epkb-ai-log-container {
  background-color: #1E1E1E;
  border: 1px solid #333333;
  border-radius: 8px;
  padding: 20px;
  max-height: 800px;
  overflow-y: auto;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.5;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-loading-spinner {
  width: 40px;
  height: 40px;
  margin: 50px auto;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #6C757D;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-no-logs {
  color: #FFFFFF;
  font-style: italic;
  text-align: center;
  padding: 40px 20px;
  font-size: 14px;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry {
  margin-bottom: 15px;
  padding: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  border-left: 3px solid transparent;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry.epkb-ai-log-error {
  border-left-color: #DC3545;
  background-color: rgba(220, 53, 69, 0.1);
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry.epkb-ai-log-warning {
  border-left-color: #FFC107;
  background-color: rgba(255, 193, 7, 0.1);
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry.epkb-ai-log-info {
  border-left-color: #17A2B8;
  background-color: rgba(23, 162, 184, 0.1);
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry.epkb-ai-log-fatal {
  border-left-color: #721C24;
  background-color: rgba(114, 28, 36, 0.15);
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-header .epkb-ai-log-timestamp {
  color: #FFFFFF;
  opacity: 0.8;
  font-size: 12px;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-header .epkb-ai-log-level {
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-header .epkb-ai-log-level.error {
  background-color: #DC3545;
  color: white;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-header .epkb-ai-log-level.warning {
  background-color: #FFC107;
  color: #212529;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-header .epkb-ai-log-level.info {
  background-color: #17A2B8;
  color: white;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-header .epkb-ai-log-level.fatal {
  background-color: #721C24;
  color: white;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-message {
  color: #FFFFFF;
  word-wrap: break-word;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-context {
  margin-top: 10px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  font-size: 12px;
  color: #FFFFFF;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-log-entry .epkb-ai-log-context pre {
  background-color: #262626 !important;
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #FFFFFF;
}
.epkb-ai-debug-section .epkb-ai-log-container .epkb-ai-no-logs {
  text-align: center;
  color: #FFFFFF;
  padding: 50px 20px;
}

.epkb-ai-system-info .epkb-ai-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.epkb-ai-system-info .epkb-ai-info-grid .epkb-ai-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  background-color: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.epkb-ai-system-info .epkb-ai-info-grid .epkb-ai-info-item:hover {
  background-color: #F3F4F6;
  border-color: #D1D5DB;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.epkb-ai-system-info .epkb-ai-info-grid .epkb-ai-info-item .epkb-ai-info-label {
  font-weight: 600;
  color: #374151;
  font-size: 14px;
  margin-right: 16px;
}
.epkb-ai-system-info .epkb-ai-info-grid .epkb-ai-info-item .epkb-ai-info-value {
  color: #212529;
  font-size: 14px;
}
.epkb-ai-system-info .epkb-ai-info-grid .epkb-ai-info-item .epkb-ai-info-value.epkb-ai-success {
  color: #28A745;
  font-weight: 600;
}
.epkb-ai-system-info .epkb-ai-info-grid .epkb-ai-info-item .epkb-ai-info-value.epkb-ai-warning {
  color: #FFC107;
  font-weight: 600;
}
.epkb-ai-system-info .epkb-ai-info-grid .epkb-ai-info-item .epkb-ai-info-value.epkb-ai-error {
  color: #DC3545;
  font-weight: 600;
}
.epkb-ai-system-info .epkb-ai-debug-actions {
  display: flex;
  gap: 10px;
}
.epkb-ai-system-info .epkb-ai-debug-actions .epkb-ai-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.epkb-ai-system-info .epkb-ai-debug-actions .epkb-ai-btn.epkb-ai-btn-secondary {
  background-color: #6C757D;
  color: white;
}
.epkb-ai-system-info .epkb-ai-debug-actions .epkb-ai-btn.epkb-ai-btn-secondary:hover {
  background-color: #5A6268;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.epkb-ai-tools-debug-container {
  padding: 0 40px 20px 20px;
  margin-top: -20px;
}
.epkb-ai-tools-debug-container .epkb-ai-debug-header {
  margin-bottom: 30px;
}
.epkb-ai-tools-debug-container .epkb-ai-debug-header h2 {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-tools-debug-container .epkb-ai-debug-header p {
  margin: 0;
  color: #646970;
  font-size: 14px;
}
.epkb-ai-tools-debug-container .epkb-ai-debug-section-wrapper {
  margin-bottom: 40px;
}
.epkb-ai-tools-debug-container .epkb-ai-debug-section-wrapper h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-tools-debug-container .epkb-ai-error-message {
  padding: 15px;
  background-color: #F8D7DA;
  color: #721C24;
  border: 1px solid #F5C6CB;
  border-radius: 4px;
  margin: 20px 0;
}

.epkb-ai-debug-toggle-section {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 30px;
}
.epkb-ai-debug-toggle-section h3 {
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-debug-toggle-section h4 {
  margin: 20px 0 15px;
  font-size: 16px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-debug-toggle-section .epkb-ai-setting-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.epkb-ai-debug-toggle-section .epkb-ai-setting-label {
  margin-left: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #2C3338;
}
.epkb-ai-debug-toggle-section .epkb-ai-setting-label .epkb-ai-localhost-notice {
  color: #646970;
  font-weight: normal;
  font-size: 13px;
  margin-left: 8px;
}
.epkb-ai-debug-toggle-section .epkb-ai-setting-description {
  margin: 0;
  color: #646970;
  font-size: 13px;
  line-height: 1.5;
}
.epkb-ai-debug-toggle-section .epkb-ai-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.epkb-ai-debug-toggle-section .epkb-ai-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.epkb-ai-debug-toggle-section .epkb-ai-switch input:checked + .epkb-ai-slider {
  background-color: #2271B1;
}
.epkb-ai-debug-toggle-section .epkb-ai-switch input:checked + .epkb-ai-slider:before {
  transform: translateX(26px);
}
.epkb-ai-debug-toggle-section .epkb-ai-switch input:focus + .epkb-ai-slider {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #2271B1;
}
.epkb-ai-debug-toggle-section .epkb-ai-switch .epkb-ai-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CCCCCC;
  transition: 0.4s;
  border-radius: 24px;
}
.epkb-ai-debug-toggle-section .epkb-ai-switch .epkb-ai-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.epkb-ai-debug-disabled {
  background: #F8F9FA;
  border: 1px solid #E9ECEF;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
  color: #646970;
  font-size: 14px;
}

.epkb-ai-page-intro {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  border-radius: 12px;
  padding: 24px 32px;
  margin-bottom: 30px;
  color: #FFFFFF;
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
  position: relative;
  overflow: hidden;
}
.epkb-ai-page-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
  opacity: 0.3;
  transform: rotate(45deg) translate(50px, -50px);
}
.epkb-ai-page-intro__header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}
.epkb-ai-page-intro__icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
}
.epkb-ai-page-intro__icon .epkbfa {
  font-size: 24px;
  color: #FFFFFF;
}
.epkb-ai-page-intro__text {
  flex: 1;
}
.epkb-ai-page-intro__title {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.5px;
}
.epkb-ai-page-intro__subtitle {
  margin: 4px 0 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
}
.epkb-ai-page-intro__description {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  max-width: 900px;
  position: relative;
  z-index: 1;
}

.epkb-ai-section-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  margin-bottom: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
.epkb-ai-section-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.epkb-ai-section-card__header {
  padding: 20px 24px;
  border-bottom: 1px solid #E5E7EB;
  background: #F9FAFB;
  border-radius: 12px 12px 0 0;
}
.epkb-ai-section-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1E1E1E;
}
.epkb-ai-section-card__subtitle {
  margin: 6px 0 0;
  font-size: 14px;
  color: #646970;
  line-height: 1.5;
}
.epkb-ai-section-card__content {
  padding: 24px;
}
.epkb-ai-section-card__footer {
  padding: 24px;
}

.epkb-ai-tips-card {
  background: linear-gradient(135deg, #F6F9FC 0%, #F0F7FF 100%);
  border: 1px solid #D4E5F7;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 24px;
}
.epkb-ai-tips-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.epkb-ai-tips-card__icon {
  font-size: 20px;
  color: #F39C12;
}
.epkb-ai-tips-card__title {
  font-size: 16px;
  font-weight: 600;
  color: #1E1E1E;
}
.epkb-ai-tips-card__list {
  margin: 0;
  padding-left: 28px;
}
.epkb-ai-tips-card__list li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.6;
  color: #4A5568;
}
.epkb-ai-tips-card__list li:last-child {
  margin-bottom: 0;
}
.epkb-ai-tips-card__list li::marker {
  color: #A0AEC0;
}

.epkb-ai-setting-group {
  margin-bottom: 20px;
  padding: 16px 20px;
  background: #F8F9FA;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
}
.epkb-ai-setting-group .epkb-ai-setting-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #1E1E1E;
  font-size: 14px;
}
.epkb-ai-setting-group .epkb-ai-setting-description {
  margin-bottom: 12px;
  color: #646970;
  font-size: 13px;
  line-height: 1.6;
}
.epkb-ai-setting-group .epkb-ai-slider-container {
  display: flex;
  align-items: center;
  gap: 15px;
}
.epkb-ai-setting-group .epkb-ai-slider-container .epkb-ai-slider {
  flex: 1;
  max-width: 300px;
  height: 6px;
  border-radius: 3px;
  background: #DCDCDE;
  outline: none;
  -webkit-appearance: none;
}
.epkb-ai-setting-group .epkb-ai-slider-container .epkb-ai-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2271B1;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.epkb-ai-setting-group .epkb-ai-slider-container .epkb-ai-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2271B1;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.epkb-ai-setting-group .epkb-ai-slider-container .epkb-ai-slider-value {
  min-width: 45px;
  padding: 5px 10px;
  background: #FFFFFF;
  border: 1px solid #DCDCDE;
  border-radius: 4px;
  font-weight: 600;
  color: #2271B1;
  text-align: center;
}
.epkb-ai-setting-group input[type=number] {
  padding: 8px 12px;
  border: 1px solid #DCDCDE;
  border-radius: 4px;
  font-size: 14px;
  max-width: 150px;
  background: #FFFFFF;
}
.epkb-ai-setting-group input[type=number]:focus {
  border-color: #2271B1;
  box-shadow: 0 0 0 1px #2271B1;
  outline: none;
}
.epkb-ai-setting-group select {
  padding: 8px 12px;
  border: 1px solid #DCDCDE;
  border-radius: 4px;
  font-size: 14px;
  min-width: 200px;
  background: #FFFFFF;
  cursor: pointer;
}
.epkb-ai-setting-group select#ai_chat_model, .epkb-ai-setting-group select#ai_search_model {
  min-width: 100px;
  max-width: 200px;
  width: auto;
}
.epkb-ai-setting-group select:focus {
  border-color: #2271B1;
  box-shadow: 0 0 0 1px #2271B1;
  outline: none;
}

.epkb-ai-status-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 14px 6px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  min-width: 40px;
}
.epkb-ai-status-indicator:has(.epkb-ai-status-success) {
  background-color: #D1FAE5;
  color: #065F46;
  border: 1px solid #A7F3D0;
}
.epkb-ai-status-indicator:has(.epkb-ai-status-error) {
  background-color: #FEE2E2;
  color: #991B1B;
  border: 1px solid #FECACA;
}
.epkb-ai-status-indicator.epkb-status-enabled {
  background-color: #D1FAE5;
  color: #065F46;
  border: 1px solid #A7F3D0;
}
.epkb-ai-status-indicator.epkb-status-disabled {
  background-color: #FEE2E2;
  color: #991B1B;
  border: 1px solid #FECACA;
}
.epkb-ai-status-indicator .epkb-ai-status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.epkb-ai-status-indicator .epkb-ai-status-dot.epkb-ai-status-on {
  background-color: #28A745;
  box-shadow: 0 0 4px rgba(40, 167, 69, 0.4);
}
.epkb-ai-status-indicator .epkb-ai-status-dot.epkb-ai-status-off {
  background-color: #DC3545;
  box-shadow: 0 0 4px rgba(220, 53, 69, 0.4);
}
.epkb-ai-status-indicator .epkb-ai-status-success {
  color: #10B981;
  font-size: 16px;
  margin: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.epkb-ai-status-indicator .epkb-ai-status-error {
  color: #EF4444;
  font-size: 16px;
  margin: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.epkb-ai-ai-info .epkb-ai-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 16px;
  margin: 24px 0;
}
.epkb-ai-ai-info .epkb-ai-info-grid .epkb-ai-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  background: linear-gradient(135deg, #F9FAFB 0%, #F3F4F6 100%);
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.epkb-ai-ai-info .epkb-ai-info-grid .epkb-ai-info-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #D1D5DB;
}
.epkb-ai-ai-info .epkb-ai-info-grid .epkb-ai-info-item .epkb-ai-info-label {
  font-weight: 600;
  color: #374151;
  font-size: 15px;
}

.epkb-ai-subsection {
  margin-top: 25px;
}
.epkb-ai-subsection h4 {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-subsection .epkb-ai-data-collections {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item {
  background: linear-gradient(135deg, #FFFFFF 0%, #F9FAFB 100%);
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  border-color: #D1D5DB;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item h5 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #2C3338;
  display: flex;
  align-items: center;
  gap: 8px;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item h5:before {
  content: "\f1c0";
  font-family: "epkbfa";
  color: #6B7280;
  font-size: 14px;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details {
  font-size: 14px;
  color: #646970;
  line-height: 1.8;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details > div {
  margin-bottom: 8px;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details > div:last-child {
  margin-bottom: 0;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details strong {
  color: #2C3338;
  font-weight: 600;
  margin-left: 2px;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E5E7EB;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-label {
  font-weight: 600;
  color: #2C3338;
  margin-right: 8px;
  font-size: 13px;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-added {
  background-color: #D1FAE5;
  color: #065F46;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-added:before {
  background-color: #10B981;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-updated {
  background-color: #D1FAE5;
  color: #065F46;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-updated:before {
  background-color: #10B981;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-outdated {
  background-color: #FCE7F3;
  color: #831843;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-outdated:before {
  background-color: #EC4899;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-error {
  background-color: #FEE2E2;
  color: #991B1B;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-error:before {
  background-color: #EF4444;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-pending {
  background-color: #FFF3CD;
  color: #856404;
}
.epkb-ai-subsection .epkb-ai-data-collections .epkb-ai-collection-item .epkb-ai-collection-details .epkb-ai-status-counts .epkb-ai-status-item.epkb-ai-status-pending:before {
  background-color: #F59E0B;
}
.epkb-ai-subsection .epkb-ai-no-data {
  font-size: 14px;
  color: #646970;
  font-style: italic;
}

.epkb-ai-logs-subsection {
  margin-top: 30px;
}
.epkb-ai-logs-subsection h4 {
  margin: 20px 0 15px;
  font-size: 16px;
  font-weight: 600;
  color: #2C3338;
}

.epkb-ai-search-container {
  min-height: 100vh;
  background: #F1F1F1;
}
.epkb-ai-search-container .epkb-ai-data-source-layout {
  display: grid;
  grid-template-columns: 1fr minmax(300px, 40%);
  gap: 30px;
  padding: 20px 40px 0 20px;
  background: transparent;
}
.epkb-ai-search-container .epkb-ai-data-source-table {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-ai-table-content {
  padding: 24px;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container {
  margin-top: 0;
  overflow-x: visible;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container {
  margin-bottom: 15px;
  padding-right: 0;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table {
  width: 100%;
  table-layout: auto !important;
  border-collapse: collapse;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th {
  background-color: transparent;
  border-bottom: 2px solid #F3F4F6;
  color: #6B7280;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 16px;
  text-align: left;
  text-transform: uppercase;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th:first-child {
  width: 40px;
  text-align: center;
  padding: 16px 8px;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=search_date] {
  width: 160px;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=user] {
  width: 150px;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=query] {
  width: auto;
  min-width: unset !important;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=results] {
  width: 120px;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=clicked] {
  width: 180px;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody tr {
  border-bottom: 1px solid #F9FAFB;
  cursor: pointer;
  transition: all 0.2s ease;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody tr:hover {
  background-color: #FAFBFC;
  transform: translateX(2px);
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody tr.selected {
  background-color: #E3F2FD;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody tr.epkb-deleting {
  animation: fadeOutRow 0.5s ease-out forwards;
  background-color: #FFCDD2 !important;
  opacity: 0.8;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody tr td {
  font-size: 14px;
  padding: 16px;
  vertical-align: middle;
}
.epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody tr td:first-child {
  text-align: center;
  padding: 16px 8px;
}
.epkb-ai-search-container .epkb-ai-data-source-settings {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.epkb-ai-search-container .epkb-ai-data-source-settings > * {
  padding: 24px;
}
.epkb-ai-search-container .epkb-ai-data-source-settings > *:not(:last-child) {
  border-bottom: 1px solid #F3F4F6;
}
.epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
  margin: 0;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  color: #1E1E1E;
  background: #F9F9F9;
  border-bottom: 1px solid #F3F4F6;
}
.epkb-ai-search-container .epkb-ai-search-results-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-item {
  background: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 12px;
  transition: all 0.2s ease;
}
.epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-item:hover {
  border-color: #C3C7CC;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
.epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-header a {
  color: #2271B1;
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  flex: 1;
}
.epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-header a:hover {
  text-decoration: underline;
  color: #135E96;
}
.epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-clicked-badge {
  background: #28A745;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-left: 8px;
  white-space: nowrap;
}
.epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-meta {
  color: #646970;
  font-size: 12px;
  font-style: italic;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results {
  margin-top: 24px;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results h4 {
  margin: 0 0 16px 0;
  font-size: 15px;
  font-weight: 600;
  color: #2C3338;
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E6EA;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item {
  background: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 12px;
  transition: all 0.2s ease;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item:hover {
  border-color: #C3C7CC;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header a {
  color: #2271B1;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  flex: 1;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header a:hover {
  text-decoration: underline;
  color: #135E96;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-header .epkb-ai-clicked-badge {
  background: #28A745;
  color: white;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
}
.epkb-ai-search-container .epkb-ai-search-details .epkb-ai-search-results .epkb-ai-result-item .epkb-ai-result-score {
  color: #646970;
  font-size: 12px;
  font-style: italic;
}
@media (max-width: 1500px) {
  .epkb-ai-search-container .epkb-ai-data-source-layout {
    grid-template-columns: 1fr minmax(300px, 30%);
  }
  .epkb-ai-search-container .epkb-ai-data-source-settings > * {
    padding: 5px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-conversation-thread {
    padding: 0 5px 24px;
  }
}
@media (max-width: 1200px) {
  .epkb-ai-search-container .epkb-ai-data-source-layout {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-settings {
    order: -1;
  }
}
@media (max-width: 768px) {
  .epkb-ai-search-container {
    min-height: auto;
  }
  .epkb-ai-search-container .epkb-ai-sub-tabs {
    margin-right: 10px;
  }
  .epkb-ai-search-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav {
    flex-wrap: wrap;
  }
  .epkb-ai-search-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button {
    flex: 1;
    min-width: 120px;
    text-align: center;
    padding: 10px 15px;
  }
  .epkb-ai-search-container .epkb-ai-sub-tabs-header {
    flex-wrap: wrap;
    gap: 10px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-layout {
    padding: 15px;
    gap: 15px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-ai-table-content {
    padding: 15px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container .epkb-ai-search-input {
    width: 100%;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container .epkb-ai-search-input input {
    width: 100%;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container .epkb-table-filter-container .epkb-ai-button {
    width: 100%;
    justify-content: center;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table {
    min-width: 550px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th,
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody td {
    padding: 12px 10px;
    font-size: 13px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th:first-child,
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody td:first-child {
    padding: 12px 6px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=info],
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody td.epkb-ai-search-info-cell,
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=actions],
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody td.epkb-ai-actions-cell {
    display: none;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-ai-pagination {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-ai-pagination button {
    flex: 1;
    min-width: 100px;
    max-width: 150px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-settings > * {
    padding: 15px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
    padding: 12px 15px;
    font-size: 15px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-conversation-thread {
    padding: 0 15px 15px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-message {
    max-width: 90%;
    padding: 10px 12px;
  }
  .epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-item {
    padding: 10px;
  }
}
@media (max-width: 480px) {
  .epkb-ai-search-container .epkb-ai-sub-tabs {
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 6px;
  }
  .epkb-ai-search-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav {
    border-radius: 6px;
  }
  .epkb-ai-search-container .epkb-ai-sub-tabs .epkb-ai-sub-tabs-nav .epkb-ai-sub-tab-button {
    padding: 8px 10px;
    font-size: 13px;
  }
  .epkb-ai-search-container .epkb-ai-sub-tabs-header {
    padding: 0 10px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-layout {
    padding: 10px;
    gap: 10px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-ai-table-content {
    padding: 10px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table {
    min-width: 400px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th,
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody td {
    padding: 10px 8px;
    font-size: 12px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table thead th[data-column=user],
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-submissions-table-container #epkb-search-conversations-table tbody td:nth-child(3) {
    display: none;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-ai-pagination button {
    flex: 1;
    min-width: auto;
    max-width: none;
    font-size: 13px;
    padding: 8px 12px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-table .epkb-ai-pagination .epkb-ai-page-info {
    width: 100%;
    text-align: center;
    order: -1;
  }
  .epkb-ai-search-container .epkb-ai-data-source-settings > * {
    padding: 10px;
  }
  .epkb-ai-search-container .epkb-ai-data-source-settings .epkb-ai-data-source-heading {
    padding: 10px;
    font-size: 14px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-conversation-thread {
    padding: 0 10px 10px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-conversation-thread h4 {
    font-size: 14px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-messages-list {
    gap: 8px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-message {
    max-width: 95%;
    padding: 8px 10px;
    border-radius: 10px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-message-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-bottom: 4px;
    font-size: 11px;
  }
  .epkb-ai-search-container .epkb-ai-action-content .epkb-ai-message-content {
    font-size: 13px;
    line-height: 1.4;
  }
  .epkb-ai-search-container .epkb-ai-search-results-list {
    gap: 8px;
  }
  .epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-item {
    padding: 8px;
  }
  .epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .epkb-ai-search-container .epkb-ai-search-results-list .epkb-ai-result-header .epkb-ai-clicked-badge {
    margin-left: 0;
  }
}

.epkb-ai-view-content-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

.epkb-ai-view-content-dialog {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  max-width: 900px;
  width: 90%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.epkb-ai-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  animation: fadeIn 0.2s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.epkb-ai-dialog {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  max-width: 600px;
  width: 90%;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  animation: slideUp 0.3s ease-out;
}
@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.epkb-ai-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #E0E0E0;
}
.epkb-ai-dialog-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

.epkb-ai-dialog-close {
  background: none;
  border: none;
  font-size: 20px;
  color: #666666;
  cursor: pointer;
  padding: 5px;
  line-height: 1;
}
.epkb-ai-dialog-close:hover {
  color: #333333;
}

.epkb-ai-dialog-body {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

.epkb-ai-dialog-content {
  padding: 20px;
}
.epkb-ai-dialog-content p {
  margin: 0 0 15px;
  color: #333333;
  font-size: 14px;
}
.epkb-ai-dialog-content ul {
  margin: 0;
  padding-left: 20px;
}
.epkb-ai-dialog-content ul li {
  color: #555555;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 8px;
}
.epkb-ai-dialog-content ul li:last-child {
  margin-bottom: 0;
}

.epkb-ai-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 15px 20px;
  border-top: 1px solid #E0E0E0;
  background: #F9F9F9;
  border-radius: 0 0 12px 12px;
}

.epkb-ai-loading-dialog .epkb-loading-spinner {
  border: 4px solid #F3F3F3;
  border-top: 4px solid #0073AA;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.epkb-ai-notes-dialog {
  max-width: 650px;
  width: 95%;
  max-height: 80vh;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  padding: 24px 30px;
  border-radius: 12px 12px 0 0;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header .epkb-ai-dialog-header-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header h3 {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header .epkb-ai-all-notes-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #D4EDDA;
  color: #155724 !important;
  text-decoration: none;
  border: 1px solid #28A745;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.2s, color 0.2s;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header .epkb-ai-all-notes-btn:hover {
  background: #28A745;
  color: #FFFFFF !important;
  text-decoration: none;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header .epkb-ai-all-notes-btn .epkbfa-sticky-note {
  font-size: 13px;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header .epkb-ai-dialog-close {
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.2s ease;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-header .epkb-ai-dialog-close:hover {
  color: #FFFFFF;
  transform: rotate(90deg);
}
.epkb-ai-notes-dialog .epkb-ai-dialog-body {
  padding: 30px;
  overflow-y: auto;
  max-height: calc(80vh - 200px);
}
.epkb-ai-notes-dialog .epkb-ai-form-group {
  margin-bottom: 28px;
}
.epkb-ai-notes-dialog .epkb-ai-form-group label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: #1F2937;
  font-size: 15px;
  letter-spacing: -0.01em;
}
.epkb-ai-notes-dialog .epkb-ai-form-group label:after {
  content: " *";
  color: #EF4444;
  font-weight: 400;
}
.epkb-ai-notes-dialog .epkb-ai-form-group input, .epkb-ai-notes-dialog .epkb-ai-form-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  font-size: 15px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  transition: all 0.2s ease;
  background: #F9FAFB;
}
.epkb-ai-notes-dialog .epkb-ai-form-group input:focus, .epkb-ai-notes-dialog .epkb-ai-form-group textarea:focus {
  outline: none;
  border-color: #667EEA;
  background: #FFFFFF;
  box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
}
.epkb-ai-notes-dialog .epkb-ai-form-group input::placeholder, .epkb-ai-notes-dialog .epkb-ai-form-group textarea::placeholder {
  color: #9CA3AF;
  font-style: italic;
}
.epkb-ai-notes-dialog .epkb-ai-form-group textarea {
  resize: vertical;
  min-height: 200px;
  line-height: 1.6;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 24px 30px;
  background: linear-gradient(180deg, #F9FAFB 0%, #F3F4F6 100%);
  border-top: 2px solid #E5E7EB;
  border-radius: 0 0 12px 12px;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-footer .epkb-ai-button {
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-secondary {
  background: #FFFFFF;
  color: #6B7280;
  border: 2px solid #E5E7EB;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-secondary:hover {
  background: #F9FAFB;
  border-color: #D1D5DB;
}
.epkb-ai-notes-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-primary {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 6px rgba(102, 126, 234, 0.2);
}
.epkb-ai-notes-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(102, 126, 234, 0.3);
}
.epkb-ai-notes-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.epkb-ai-pdf-dialog .epkb-ai-dialog-body .epkb-ai-button {
  margin: 4px 8px 4px 0;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-body .epkb-ai-button:last-child {
  margin-right: 0;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-body .epkb-ai-pdf-upload-section .epkb-ai-button {
  margin-top: 10px;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-body .epkb-ai-button-secondary {
  background-color: #F0F0F1;
  border-color: #DCDCDE;
  color: #2C3338;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid #E0E0E0;
  background: #F9F9F9;
  border-radius: 0 0 12px 12px;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-footer .epkb-ai-button {
  margin: 0 4px;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-footer .epkb-ai-button:first-child {
  margin-left: 0;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-footer .epkb-ai-button:last-child {
  margin-right: 0;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-secondary {
  background-color: #F0F0F1;
  border-color: #DCDCDE;
  color: #2C3338;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-primary {
  opacity: 1 !important;
  visibility: visible !important;
  background: #0073AA !important;
  background-color: #0073AA !important;
  border-color: #0073AA !important;
  color: #FFFFFF !important;
}
.epkb-ai-pdf-dialog .epkb-ai-dialog-footer .epkb-ai-button.epkb-ai-button-primary:hover:not(:disabled) {
  background: #005A87 !important;
  background-color: #005A87 !important;
  border-color: #005A87 !important;
  color: #FFFFFF !important;
}

.epkb-ai-loading-spinner {
  text-align: center;
  padding: 40px;
  color: #666666;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.epkb-ai-loading-spinner::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #007CBA;
  border-radius: 50%;
  animation: epkb-ai-spin 1s linear infinite;
}
.epkb-ai-loading-spinner .epkb-loading-spinner-text {
  font-size: 20px;
}

@keyframes epkb-ai-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.epkb-ai-content-tabs {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  overflow: hidden;
}
.epkb-ai-content-tabs-header {
  display: flex;
  background: #F5F5F5;
  border-bottom: 1px solid #E0E0E0;
}
.epkb-ai-content-tabs-header .epkb-ai-content-tab-button {
  flex: 1;
  padding: 12px 20px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  transition: all 0.2s;
}
.epkb-ai-content-tabs-header .epkb-ai-content-tab-button:hover {
  background: #EEEEEE;
}
.epkb-ai-content-tabs-header .epkb-ai-content-tab-button.active {
  background: #FFFFFF;
  color: #333333;
  border-bottom: 2px solid #0073AA;
}
.epkb-ai-content-tabs-content {
  background: #FFFFFF;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel {
  display: none;
  padding: 20px;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel.active {
  display: block;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display {
  background: #F8F8F8;
  padding: 15px;
  border-radius: 5px;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  max-height: 400px;
  overflow-y: auto;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-processed-content {
  white-space: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.8;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-processed-content span[style*=monospace] {
  font-size: 0.9em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-processed-content br {
  display: block;
  content: "";
  margin: 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-processed-content .epkb-issue-marker {
  display: none !important;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content {
  white-space: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333333;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h1, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h2, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h3, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h4, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h5, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h6 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  font-weight: 600;
  line-height: 1.3;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h1 {
  font-size: 1.8em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h2 {
  font-size: 1.5em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h3 {
  font-size: 1.3em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h4 {
  font-size: 1.1em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h5 {
  font-size: 1em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content h6 {
  font-size: 0.9em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content p {
  margin-bottom: 1em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content strong, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content b {
  font-weight: 600;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content em, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content i, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content cite {
  font-style: italic;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content ul, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content ol {
  margin: 1em 0;
  padding-inline-start: 2em; /* logical; survives WP admin resets */
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content ul {
  list-style: disc outside;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content ol {
  list-style: decimal outside;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content li {
  margin: 0.5em 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content ul ul {
  list-style-type: circle;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content ul ul ul {
  list-style-type: square;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content ol ol {
  list-style-type: lower-alpha;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content q {
  quotes: "“" "”" "‘" "’";
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content q:before {
  content: open-quote;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content q:after {
  content: close-quote;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content blockquote {
  border-inline-start: 4px solid #DFE2E5; /* RTL-friendly */
  color: #6A737D;
  padding-inline-start: 1em;
  margin: 1em 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content a {
  color: #0366D6;
  text-decoration: none;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content a:hover {
  text-decoration: underline;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content a:focus-visible {
  outline: 2px solid #0366D6;
  outline-offset: 2px;
  box-shadow: none;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content code {
  background-color: rgba(175, 184, 193, 0.2);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: 0.9em;
  direction: ltr; /* avoids RTL digit mirroring in code */
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content pre {
  background-color: #F6F8FA;
  border-radius: 6px;
  padding: 1em;
  overflow-x: auto;
  margin: 1em 0;
  border: 1px solid #DFE2E5;
  direction: ltr; /* code readability in RTL admin */
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content hr {
  border: 0;
  border-top: 1px solid #E1E4E8;
  margin: 2em 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content dl {
  margin: 0 0 1.5em 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content dt {
  font-weight: 600;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content dd {
  margin-inline-start: 1.5em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content sup, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content sub {
  position: relative;
  line-height: 1;
  vertical-align: baseline;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content sup {
  bottom: 0.4em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content sub {
  top: 0.2em;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content table th, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content table td {
  border: 1px solid #DFE2E5;
  padding: 0.6em 1em;
  text-align: start; /* logical; RTL-safe */
  font: inherit;
  color: #333333;
  vertical-align: top;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content table th {
  background-color: #F6F8FA;
  font-weight: 600;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content table tbody tr:nth-child(even) {
  background-color: #F6F8FA;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content img {
  max-width: 100%;
  height: auto;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content video, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content iframe, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content embed, .epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content object {
  max-width: 100%;
  height: auto;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content .list-plain {
  list-style: none;
  padding-inline-start: 0;
  margin-inline-start: 0;
}
.epkb-ai-content-tabs-content .epkb-ai-content-tab-panel .epkb-ai-content-display.epkb-ai-markdown-content * {
  box-sizing: border-box;
}

.epkb-ai-view-content-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #0073AA;
  font-size: 16px;
}
.epkb-ai-view-content-btn:hover {
  opacity: 0.7;
}

.epkb-ai-pro-features-tab {
  padding: 0;
  background: linear-gradient(135deg, #F8FAFC 0%, #F3F4F6 100%);
  min-height: calc(100vh - 200px);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header {
  text-align: center;
  padding: 40px 20px;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.133 7-7s-3.134-7-7-7-7 3.133-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.133 7-7s-3.134-7-7-7-7 3.133-7 7 3.134 7 7 7zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
  opacity: 0.5;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header .epkb-ai-status-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header .epkb-ai-status-header .epkb-ai-status-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header .epkb-ai-status-header .epkb-ai-status-indicator.status-active {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header .epkb-ai-status-header .epkb-ai-status-indicator.status-inactive {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header .epkb-ai-status-header .epkb-ai-status-indicator .epkbfa {
  font-size: 16px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header .epkb-ai-status-header .epkb-ai-features-count {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 30px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header h1 {
  font-size: 42px;
  font-weight: 700;
  margin: 0 0 20px 0;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-header p {
  font-size: 20px;
  opacity: 0.95;
  margin: 0 auto 5px;
  max-width: 80%;
  position: relative;
  z-index: 1;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  padding: 20px 0;
  max-width: 90%;
  margin: 0 auto;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 35px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-content {
  display: flex;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-content .epkb-ai-pro-feature-left {
  width: 40%;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-content .epkb-ai-pro-feature-left img {
  width: 100%;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-content .epkb-ai-pro-feature-right {
  width: 60%;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-content .epkb-ai-pro-feature-right img {
  width: 100%;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card:hover .epkb-ai-pro-feature-icon {
  transform: scale(1.1) rotate(5deg);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #667EEA, #764BA2);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-badge.most-popular {
  background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-badge.coming-soon {
  background: linear-gradient(135deg, #FA709A 0%, #FEE140 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-badge.exclusive {
  background: linear-gradient(135deg, #A8EDEA 0%, #FED6E3 100%);
  color: #333333;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-icon {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 25px;
  transition: transform 0.3s ease;
  position: relative;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-icon.icon-blue {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-icon.icon-red {
  background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-icon.icon-green {
  background: linear-gradient(135deg, #43E97B 0%, #38F9D7 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-icon.icon-purple {
  background: linear-gradient(135deg, #E0C3FC 0%, #8EC5FC 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-icon.icon-orange {
  background: linear-gradient(135deg, #FA709A 0%, #FEE140 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-icon.icon-teal {
  background: linear-gradient(135deg, #A8EDEA 0%, #FED6E3 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 15px 0;
  color: #2C3E50;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-description {
  font-size: 15px;
  line-height: 1.7;
  color: #5A6C7D;
  margin-bottom: 25px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-benefits li {
  padding: 10px 0;
  padding-left: 30px;
  position: relative;
  font-size: 14px;
  color: #4A5568;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-feature-card .epkb-ai-pro-feature-benefits li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #48BB78;
  font-weight: bold;
  font-size: 18px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-features-section {
  padding: 60px 0px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-features-section .epkb-ai-section-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #1F2937;
  margin: 0 0 50px 0;
  position: relative;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-features-section .epkb-ai-section-title:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  border-radius: 2px;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section {
  background: #FFFFFF;
  padding: 80px 40px;
  margin-top: 40px;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-section-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #1F2937;
  margin: 0 0 15px 0;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-section-subtitle {
  text-align: center;
  font-size: 18px;
  color: #6B7280;
  margin: 0 0 50px 0;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card {
  background: #FFFFFF;
  border: 2px solid #E5E7EB;
  border-radius: 16px;
  padding: 40px 30px;
  position: relative;
  transition: all 0.3s ease;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card.popular {
  border-color: #667EEA;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
  transform: scale(1.05);
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card.popular .epkb-ai-pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  padding: 6px 20px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-name {
  font-size: 24px;
  font-weight: 600;
  color: #1F2937;
  margin: 0 0 20px 0;
  text-align: center;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-price {
  text-align: center;
  margin-bottom: 30px;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-price .price {
  font-size: 48px;
  font-weight: 700;
  color: #1F2937;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-price .period {
  font-size: 18px;
  color: #6B7280;
  margin-left: 5px;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-features li {
  padding: 12px 0;
  color: #4B5563;
  display: flex;
  align-items: center;
  gap: 10px;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-features li .epkbfa {
  color: #10B981;
  font-size: 16px;
  flex-shrink: 0;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 30px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card .epkb-ai-pricing-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card.popular .epkb-ai-pricing-button {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card.popular .epkb-ai-pricing-button:hover {
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card:not(.popular) .epkb-ai-pricing-button {
  background: #F3F4F6;
  color: #1F2937;
}
.epkb-ai-pro-features-tab .epkb-ai-pricing-section .epkb-ai-pricing-card:not(.popular) .epkb-ai-pricing-button:hover {
  background: #E5E7EB;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section {
  padding: 80px 40px;
  background: linear-gradient(135deg, #FEF3F2 0%, #FEF8F3 100%);
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-section-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #1F2937;
  margin: 0 0 50px 0;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonials-disclaimer {
  text-align: center;
  font-size: 16px;
  font-style: italic;
  color: #6B7280;
  max-width: 800px;
  margin: -30px auto 40px;
  line-height: 1.6;
  padding: 20px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card .epkb-ai-testimonial-rating {
  margin-bottom: 20px;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card .epkb-ai-testimonial-rating .epkbfa-star {
  color: #D1D5DB;
  font-size: 18px;
  margin-right: 4px;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card .epkb-ai-testimonial-rating .epkbfa-star.filled {
  color: #FBBF24;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card .epkb-ai-testimonial-text {
  font-size: 16px;
  line-height: 1.7;
  color: #4B5563;
  margin: 0 0 24px 0;
  font-style: italic;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card .epkb-ai-testimonial-author {
  padding-top: 20px;
  border-top: 1px solid #E5E7EB;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card .epkb-ai-testimonial-author strong {
  display: block;
  font-size: 16px;
  color: #1F2937;
  margin-bottom: 4px;
}
.epkb-ai-pro-features-tab .epkb-ai-testimonials-section .epkb-ai-testimonial-card .epkb-ai-testimonial-author span {
  font-size: 14px;
  color: #6B7280;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAFAFA 100%);
  border: 2px solid #FBBF24;
  border-radius: 16px;
  padding: 30px;
  margin: 30px 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(251, 191, 36, 0.15);
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.05) 0%, transparent 70%);
  animation: pulse 3s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.5;
  }
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-badge .discount-percentage {
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 800;
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 5px;
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.25);
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-badge .badge-text {
  background: #FEF3C7;
  color: #92400E;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 8px;
  border-radius: 4px;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content {
  position: relative;
  z-index: 1;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .coupon-title {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 10px 0;
  max-width: 70%;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .coupon-subtitle {
  font-size: 16px;
  color: #6B7280;
  margin: 0 0 25px 0;
  max-width: 70%;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  background: #F9FAFB;
  padding: 15px 20px;
  border-radius: 12px;
  border: 2px dashed #D1D5DB;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .coupon-label {
  font-size: 14px;
  color: #6B7280;
  font-weight: 600;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code {
  display: flex;
  align-items: center;
  gap: 10px;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code code {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  background: #FFFFFF;
  padding: 8px 16px;
  border-radius: 8px;
  letter-spacing: 1px;
  border: 1px solid #E5E7EB;
  font-family: "SF Mono", Monaco, monospace;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code .epkb-ai-copy-code {
  background: #3B82F6;
  color: #FFFFFF;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code .epkb-ai-copy-code:hover {
  background: #2563EB;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(59, 130, 246, 0.25);
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code .epkb-ai-copy-code.copied {
  background: #10B981;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code .epkb-ai-copy-code.copied:hover {
  background: #10B981;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-size: 14px;
  color: #DC2626;
  font-weight: 600;
}
.epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-footer i {
  font-size: 16px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  padding: 80px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2V6h4V4H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.1;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta h2 {
  font-size: 42px;
  font-weight: 700;
  margin: 0 0 20px 0;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-cta-subtitle {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-cta-buttons .epkb-ai-pro-cta-button {
  display: inline-block;
  padding: 20px 60px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-cta-buttons .epkb-ai-pro-cta-button.primary {
  background: #27AE60;
  color: #FFFFFF;
  box-shadow: 0 10px 30px rgba(39, 174, 96, 0.3);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-cta-buttons .epkb-ai-pro-cta-button.primary:hover {
  background: #219A52;
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(39, 174, 96, 0.4);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-cta-buttons .epkb-ai-pro-cta-button.secondary {
  background: transparent;
  color: #FFFFFF;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-cta-buttons .epkb-ai-pro-cta-button.secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #FFFFFF;
  transform: translateY(-2px);
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-discount {
  display: inline-block;
  padding: 10px 24px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-guarantee {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.epkb-ai-pro-features-tab .epkb-ai-pro-cta .epkb-ai-pro-guarantee .epkbfa {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
}

.epkb-ai-setup-guide {
  background: #F8F9FB;
  border: 1px solid #E1E7ED;
  border-radius: 8px;
  padding: 20px;
  margin: 20px;
}
.epkb-ai-setup-guide .epkb-ai-setup-guide-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.epkb-ai-setup-guide .epkb-ai-setup-guide-header h3 {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.epkb-ai-setup-guide .epkb-ai-setup-guide-header .epkb-ai-setup-guide-link {
  color: #3B82F6;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}
.epkb-ai-setup-guide .epkb-ai-setup-guide-header .epkb-ai-setup-guide-link:hover {
  text-decoration: underline;
}
.epkb-ai-setup-guide .epkb-ai-setup-guide-header .epkb-ai-setup-guide-link .epkbfa {
  font-size: 12px;
}
.epkb-ai-setup-guide .epkb-ai-setup-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}
.epkb-ai-setup-guide .epkb-ai-setup-step {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 20px 16px 16px;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: all 0.2s ease;
  position: relative;
}
.epkb-ai-setup-guide .epkb-ai-setup-step:hover {
  border-color: #3B82F6;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}
.epkb-ai-setup-guide .epkb-ai-setup-step.epkb-ai-setup-step-disabled {
  opacity: 0.6;
}
.epkb-ai-setup-guide .epkb-ai-setup-step.epkb-ai-setup-step-disabled:hover {
  border-color: #E5E7EB;
  box-shadow: none;
}
.epkb-ai-setup-guide .epkb-ai-setup-step.epkb-ai-setup-step-disabled .epkb-ai-setup-step-show-me {
  pointer-events: auto;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-number {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #9CA3AF;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-number.completed {
  background: #22C55E;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-number.completed .epkbfa {
  font-size: 16px;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-content {
  flex: 1;
  margin-bottom: 12px;
  padding-top: 28px;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-content h4 {
  font-size: 14px;
  font-weight: 600;
  color: #1F2937;
  margin: 0 0 4px 0;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-content p {
  font-size: 13px;
  color: #6B7280;
  margin: 0;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-button {
  padding: 8px 16px;
  background: #3B82F6;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
  text-decoration: none;
  display: inline-block;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-button:hover {
  background: #2563EB;
  color: #FFFFFF;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-doc-link {
  padding: 6px 12px;
  background: #F3F4F6;
  color: #374151;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s ease;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-doc-link:hover {
  background: #E5E7EB;
  border-color: #9CA3AF;
  color: #1F2937;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-show-me {
  padding: 6px 12px;
  background: #E8F4FD;
  color: #0073AA;
  border: 1px solid #C5DFF0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-show-me .epkbfa {
  font-size: 12px;
}
.epkb-ai-setup-guide .epkb-ai-setup-step .epkb-ai-setup-step-show-me:hover {
  background: #D4EBFC;
  color: #005A87;
  transform: translateY(-1px);
}

.wp-pointer .wp-pointer-content {
  background-color: #F0FDF4 !important;
  border-color: #22C55E !important;
}
.wp-pointer .wp-pointer-content h3 {
  background: linear-gradient(135deg, #22C55E 0%, #15803D 100%) !important;
  border-color: #15803D !important;
  color: #FFFFFF !important;
}
.wp-pointer .wp-pointer-content h3:before {
  color: #15803D !important;
}
.wp-pointer .wp-pointer-content p {
  color: #1F2937 !important;
}

.wp-pointer .wp-pointer-buttons {
  background-color: #F0FDF4 !important;
}
.wp-pointer .wp-pointer-buttons .button.button-primary {
  background: linear-gradient(135deg, #22C55E 0%, #15803D 100%) !important;
  border-color: #15803D !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}
.wp-pointer .wp-pointer-buttons .button.button-primary:hover, .wp-pointer .wp-pointer-buttons .button.button-primary:focus {
  background: linear-gradient(135deg, #16A34A 0%, #166534 100%) !important;
  border-color: #166534 !important;
}

.wp-pointer.wp-pointer-left .wp-pointer-arrow {
  border-right-color: #15803D !important;
}

.wp-pointer.wp-pointer-left .wp-pointer-arrow-inner {
  border-right-color: #22C55E !important;
}

.wp-pointer.wp-pointer-right .wp-pointer-arrow {
  border-left-color: #15803D !important;
}

.wp-pointer.wp-pointer-right .wp-pointer-arrow-inner {
  border-left-color: #22C55E !important;
}

.wp-pointer.wp-pointer-top .wp-pointer-arrow {
  border-bottom-color: #15803D !important;
}

.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner {
  border-bottom-color: #22C55E !important;
}

.wp-pointer.wp-pointer-bottom .wp-pointer-arrow {
  border-top-color: #15803D !important;
}

.wp-pointer.wp-pointer-bottom .wp-pointer-arrow-inner {
  border-top-color: #22C55E !important;
}

.epkb-ai-dashboard-beta .epkb-ai-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin: 20px 0;
  padding: 0 20px;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-top: 4px solid;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-header .epkb-ai-stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-header .epkb-ai-stat-icon span {
  font-size: 20px;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-header h3 {
  font-size: 14px;
  font-weight: 600;
  color: #6B7280;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex: 1;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-content .epkb-ai-stat-description {
  font-size: 13px;
  color: #9CA3AF;
  margin: 5px 0;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-content .epkb-ai-stat-numbers {
  margin-top: 8px;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-content .epkb-ai-stat-numbers .epkb-ai-stat-number {
  font-size: 28px;
  font-weight: 700;
  color: #1F2937;
  display: block;
  line-height: 1;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-bottom {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #E5E7EB;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box .epkb-ai-stat-bottom span {
  font-size: 11px;
  color: #6B7280;
  font-weight: 500;
}
.epkb-ai-dashboard-beta .epkb-ai-stats-grid .epkb-ai-stat-box.epkb-ai-stat-box-coming-soon .epkb-ai-coming-soon .epkb-ai-coming-soon-badge {
  display: inline-block;
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.epkb-ai-dashboard-beta .epkb-ai-dashboard-columns {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  padding: 20px;
}
.epkb-ai-dashboard-beta .epkb-ai-dashboard-columns .epkb-ai-dashboard-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.epkb-ai-dashboard-beta .epkb-ai-news-section h3 {
  font-size: 20px;
  margin: 0 0 20px 0;
  color: #1F2937;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item {
  padding: 15px;
  border-left: 3px solid;
  background: #F9FAFB;
  border-radius: 0 8px 8px 0;
  transition: all 0.3s ease;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item:hover {
  background: #F3F4F6;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item.epkb-ai-news-feature {
  border-color: #10B981;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item.epkb-ai-news-improvement {
  border-color: #3B82F6;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item.epkb-ai-news-update {
  border-color: #F59E0B;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-header .epkb-ai-news-date {
  font-size: 12px;
  color: #9CA3AF;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-header .epkb-ai-news-badge {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-header .epkb-ai-news-badge-feature {
  background: #D1FAE5;
  color: #065F46;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-header .epkb-ai-news-badge-improvement {
  background: #DBEAFE;
  color: #1E40AF;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-header .epkb-ai-news-badge-update {
  background: #FED7AA;
  color: #92400E;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item h4 {
  font-size: 16px;
  margin: 0 0 8px 0;
  color: #1F2937;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item p {
  font-size: 14px;
  color: #6B7280;
  line-height: 1.5;
  margin: 0;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-link {
  color: #667EEA;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
  display: inline-block;
}
.epkb-ai-dashboard-beta .epkb-ai-news-section .epkb-ai-news-items .epkb-ai-news-item .epkb-ai-news-link:hover {
  text-decoration: underline;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features h3 {
  font-size: 20px;
  margin: 0 0 20px 0;
  color: #1F2937;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card {
  padding: 20px;
  background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%);
  border-radius: 10px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card.epkb-ai-feature-selected {
  background: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%);
  border-color: #0073AA;
  box-shadow: 0 4px 12px rgba(0, 115, 170, 0.15);
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card input[type=checkbox] {
  margin: 0;
  flex-shrink: 0;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  gap: 12px;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-icon {
  font-size: 24px;
  color: #667EEA;
  flex-shrink: 0;
  margin-top: 2px;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-content {
  flex: 1;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-content .epkb-ai-feature-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-content .epkb-ai-feature-title-row h4 {
  font-size: 16px;
  margin: 0;
  color: #1F2937;
  line-height: 1.2;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-content .epkb-ai-feature-title-row .epkb-ai-status-badge {
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 12px;
  background: #E5E7EB;
  color: #6B7280;
  font-weight: 600;
  flex-shrink: 0;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-content .epkb-ai-feature-title-row .epkb-ai-status-coming_soon {
  background: #DCFCE7;
  color: #166534;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-content .epkb-ai-feature-title-row .epkb-ai-status-in_development {
  background: #FEF3C7;
  color: #92400E;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header .epkb-ai-feature-content .epkb-ai-feature-title-row .epkb-ai-status-planned {
  background: #EDE9FE;
  color: #5B21B6;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card .epkb-ai-feature-header input[type=checkbox] {
  flex-shrink: 0;
  margin-top: 3px;
}
.epkb-ai-dashboard-beta .epkb-ai-upcoming-features .epkb-ai-features-grid .epkb-ai-feature-card p {
  font-size: 13px;
  color: #6B7280;
  line-height: 1.5;
  margin: 0;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links h3 {
  font-size: 20px;
  margin: 0 0 20px 0;
  color: #1F2937;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  background: #F9FAFB;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link:hover {
  background: #FFFFFF;
  border-color: #667EEA;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link:hover span:first-child {
  color: #667EEA;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link.epkb-ai-quick-link-completed {
  background: #F0FDF4;
  border-color: #10B981;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link.epkb-ai-quick-link-completed span:first-child {
  color: #10B981;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link.epkb-ai-quick-link-completed .epkb-ai-step-badge {
  background: #10B981;
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  margin-top: 4px;
  display: inline-block;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link.epkb-ai-quick-link-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: #F5F5F5;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link.epkb-ai-quick-link-disabled:hover {
  background: #F5F5F5;
  border-color: transparent;
  box-shadow: none;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link.epkb-ai-quick-link-disabled:hover span:first-child {
  color: #9CA3AF;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link span:first-child {
  font-size: 20px;
  color: #9CA3AF;
  transition: color 0.3s ease;
  position: relative;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link div {
  flex: 1;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link div h4 {
  font-size: 15px;
  margin: 0 0 4px 0;
  color: #1F2937;
}
.epkb-ai-dashboard-beta .epkb-ai-quick-links .epkb-ai-links-grid .epkb-ai-quick-link div p {
  font-size: 13px;
  color: #6B7280;
  margin: 0;
  line-height: 1.4;
}
.epkb-ai-dashboard-beta .epkb-ai-tools-link-section {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-top: 20px;
}
.epkb-ai-dashboard-beta .epkb-ai-tools-link-section .epkb-ai-tools-link {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  text-decoration: none;
  transition: all 0.2s ease;
  background: #FAFAFA;
}
.epkb-ai-dashboard-beta .epkb-ai-tools-link-section .epkb-ai-tools-link:hover {
  background: #F3F4F6;
  border-color: #D1D5DB;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
.epkb-ai-dashboard-beta .epkb-ai-tools-link-section .epkb-ai-tools-link span {
  font-size: 20px;
  color: #6B7280;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 8px;
  flex-shrink: 0;
}
.epkb-ai-dashboard-beta .epkb-ai-tools-link-section .epkb-ai-tools-link h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px 0;
  color: #1F2937;
}
.epkb-ai-dashboard-beta .epkb-ai-tools-link-section .epkb-ai-tools-link p {
  font-size: 14px;
  color: #6B7280;
  margin: 0;
  line-height: 1.4;
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

#ai_chat_model.epkb-ai-select,
#ai_search_model.epkb-ai-select {
  max-width: 200px !important;
  width: auto !important;
  min-width: 150px !important;
}

.epkb-ai-upcoming-features-disclaimer {
  text-align: center;
}

.epkb-ai-vote-button-container .epkb-ai-button-large {
  font-size: 16px;
  padding: 12px 30px;
}
.epkb-ai-vote-button-container .epkb-ai-button-large .epkbfa {
  margin-right: 8px;
}

.epkb-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.epkb-image-popup {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  background-color: #FFFFFF;
  border-radius: 15px;
}

.epkb-image-close {
  position: absolute;
  top: 55px;
  right: 78px;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  width: 70px;
  height: 71px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.epkb-image-close-icon {
  position: absolute;
  top: 4px;
  color: white;
  font-size: 54px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.epkb-ai-pro-features-disclaimer {
  padding: 1.25rem 2rem;
  background: #F1F3F5;
  border: 1px solid #A0C1E3;
  border-radius: 8px;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.epkb-ai-pro-features-disclaimer p {
  margin: 0;
  color: #6C757D;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
}

/* Content Analysis Score Tooltips - Enhanced for larger display */
.epkb-ai-table td div[title] {
  position: relative;
}
.epkb-ai-table td div[title]:hover::after {
  content: attr(title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333333;
  color: #FFFFFF;
  padding: 16px 24px;
  border-radius: 8px;
  font-size: 18px;
  line-height: 1.6;
  white-space: pre-wrap;
  min-width: 260px;
  max-width: 380px;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  margin-bottom: 12px;
  font-weight: normal;
  text-align: left;
}
.epkb-ai-table td div[title]:hover::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
  margin-bottom: -4px;
  z-index: 1001;
}

/* Improve Content Section Styles */
.epkb-ai-improve-content-action .epkb-ai-action-header {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.epkb-ai-improve-content-action .epkb-ai-action-header .epkb-ai-action-icon {
  margin-right: 8px;
}
.epkb-ai-improve-content-action .epkb-ai-action-header .epkb-ai-action-icon.epkb-ai-action-icon--single {
  color: #2196F3;
}
.epkb-ai-improve-content-action .epkb-ai-action-header .epkb-ai-action-icon.epkb-ai-action-icon--multiple {
  color: #2271B1;
}
.epkb-ai-improve-content-action .epkb-ai-action-content {
  background-color: #F8F9FA;
  border: 1px solid #E9ECEF;
  border-radius: 8px;
  padding: 20px;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article {
  margin-bottom: 15px;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #F8F9FA;
  border-radius: 4px;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-title {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 600;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats {
  display: flex;
  gap: 15px;
  font-size: 13px;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-score .epkb-ai-score-label {
  font-weight: bold;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-score .epkb-ai-score-value {
  font-weight: bold;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-score .epkb-ai-score-value.epkb-ai-score-value--high {
  color: #46B450;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-score .epkb-ai-score-value.epkb-ai-score-value--medium {
  color: #F0AD4E;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-score .epkb-ai-score-value.epkb-ai-score-value--low {
  color: #D54E21;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-importance {
  flex: 1;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-importance .epkb-ai-importance-label {
  font-weight: bold;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-importance .epkb-ai-importance-bar {
  position: relative;
  width: 80px;
  height: 16px;
  background-color: #F0F0F0;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 4px;
  display: inline-block;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-stats .epkb-ai-article-importance .epkb-ai-importance-bar .epkb-ai-importance-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, #D1D5DB, #E5E7EB);
  transition: width 0.3s ease;
  border-radius: 8px;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components {
  margin-top: 10px;
  font-size: 13px;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-label {
  font-weight: bold;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list {
  margin: 5px 0 0 10px;
  padding: 0;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list li::before {
  content: "";
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list li[data-score=excellent]::before {
  background-color: #46B450;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list li[data-score=good]::before {
  background-color: #F0AD4E;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list li[data-score=needs-improvement]::before {
  background-color: #D54E21;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list li[data-score=not-analyzed]::before {
  background-color: #E0E0E0;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-selected-article .epkb-ai-article-card .epkb-ai-article-components .epkb-ai-components-list li[data-score=analyzing]::before {
  background-color: #2196F3;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-select-message {
  margin-bottom: 15px;
  color: #666666;
  font-size: 14px;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-improve-button {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-improve-button:disabled {
  opacity: 0.6;
}
.epkb-ai-improve-content-action .epkb-ai-action-content .epkb-ai-improve-button .epkb-ai-button-arrow {
  margin-left: 5px;
}

.epkb-content-analysis-standalone-page {
  padding: 20px;
  max-width: 100%;
  margin: 0 auto;
}
.epkb-content-analysis-standalone-page .epkb-content-analysis-header {
  margin-bottom: 20px;
  background: #FFFFFF;
  padding: 20px;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
}
.epkb-content-analysis-standalone-page .epkb-content-analysis-header h1 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  color: #1E1E1E;
}
.epkb-content-analysis-standalone-page .epkb-ai-sub-tabs {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
  background: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 10px;
}
.epkb-content-analysis-standalone-page .epkb-ai-sub-tabs .epkb-ai-sub-tab {
  padding: 10px 20px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 14px;
  color: #646970;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
}
.epkb-content-analysis-standalone-page .epkb-ai-sub-tabs .epkb-ai-sub-tab span:first-child {
  font-size: 16px;
}
.epkb-content-analysis-standalone-page .epkb-ai-sub-tabs .epkb-ai-sub-tab:hover {
  background: #F7F8FA;
  color: #0073AA;
}
.epkb-content-analysis-standalone-page .epkb-ai-sub-tabs .epkb-ai-sub-tab.active {
  color: #0073AA;
  border-bottom-color: #0073AA;
  font-weight: 600;
}
.epkb-content-analysis-standalone-page .epkb-ai-tab-content {
  background: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  padding: 20px;
  min-height: 500px;
}
.epkb-content-analysis-standalone-page .epkb-ai-tab-panels {
  position: relative;
}
.epkb-content-analysis-standalone-page .epkb-ai-tab-panel {
  display: none;
}
.epkb-content-analysis-standalone-page .epkb-ai-tab-panel.is-active {
  display: block;
}
.epkb-content-analysis-standalone-page .epkb-ai-tab-panel__inner {
  display: grid;
  gap: 24px;
  padding: 20px 0;
}

.epkb-search-results-column-manager .epkb-selected-sections {
  margin-bottom: 16px;
}
.epkb-search-results-column-manager .epkb-sections-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #F8F9FA;
  border-radius: 6px;
  border: 1px solid #E0E4E8;
  min-height: 100px;
}
.epkb-search-results-column-manager .epkb-sections-list .epkb-no-sections {
  padding: 24px;
  text-align: center;
  color: #8C8F94;
  font-style: italic;
  list-style: none;
}
.epkb-search-results-column-manager .epkb-section-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #FFFFFF;
  border-bottom: 1px solid #E0E4E8;
  list-style: none;
  transition: background-color 0.2s ease;
}
.epkb-search-results-column-manager .epkb-section-item:hover {
  background: #F8F9FA;
}
.epkb-search-results-column-manager .epkb-section-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.epkb-search-results-column-manager .epkb-section-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-name {
  flex: 1;
  font-weight: 500;
  color: #2C3338;
  font-size: 14px;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #DCDCDE;
  background: #FFFFFF;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #50575E;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-actions button:hover:not(:disabled) {
  background: #F0F0F1;
  border-color: #8C8F94;
  color: #1D2327;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-actions button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-actions button i {
  font-size: 12px;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-actions .epkb-btn-remove {
  border-color: #DC3232;
  color: #DC3232;
}
.epkb-search-results-column-manager .epkb-section-item .epkb-section-actions .epkb-btn-remove:hover:not(:disabled) {
  background: #DC3232;
  color: #FFFFFF;
  border-color: #DC3232;
}
.epkb-search-results-column-manager .epkb-add-section-controls {
  display: flex;
  gap: 12px;
  align-items: center;
}
.epkb-search-results-column-manager .epkb-add-section-controls .epkb-section-select {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #DCDCDE;
  border-radius: 4px;
  font-size: 14px;
  color: #2C3338;
  background: #FFFFFF;
  cursor: pointer;
}
.epkb-search-results-column-manager .epkb-add-section-controls .epkb-section-select:focus {
  border-color: #2271B1;
  outline: none;
  box-shadow: 0 0 0 1px #2271B1;
}
.epkb-search-results-column-manager .epkb-add-section-controls .epkb-btn-add-section {
  padding: 8px 16px;
  background: #2271B1;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
.epkb-search-results-column-manager .epkb-add-section-controls .epkb-btn-add-section:hover {
  background: #135E96;
}
.epkb-search-results-column-manager .epkb-add-section-controls .epkb-btn-add-section:active {
  background: #0A4B78;
}

@media (min-width: 1921px) {
  .epkb-ai-admin-app {
    max-width: 2000px;
  }
}
@media (max-width: 1440px) {
  .epkb-ai-settings-sections-wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .epkb-ai-dashboard-beta .epkb-ai-dashboard-columns {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .epkb-two-column-checkboxes .epkb-field-checkboxes {
    grid-template-columns: 1fr;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon {
    padding: 20px;
    margin: 20px 10px;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-badge {
    position: static;
    margin-bottom: 20px;
    flex-direction: row;
    gap: 10px;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-badge .discount-percentage {
    font-size: 20px;
    margin-bottom: 0;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .coupon-title {
    font-size: 22px;
    max-width: 100%;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .coupon-subtitle {
    font-size: 14px;
    max-width: 100%;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code {
    justify-content: space-between;
    width: 100%;
  }
  .epkb-ai-pro-features-tab .epkb-ai-discount-coupon .epkb-ai-coupon-content .epkb-ai-coupon-code-wrapper .epkb-ai-coupon-code code {
    font-size: 16px;
    flex: 1;
  }
  .epkb-ai-pro-features-tab .epkb-ai-pro-header {
    padding: 40px 20px 30px;
  }
  .epkb-ai-pro-features-tab .epkb-ai-pro-header h1 {
    font-size: 32px;
  }
  .epkb-ai-pro-features-tab .epkb-ai-pro-header p {
    font-size: 16px;
  }
  .epkb-ai-pro-features-tab .epkb-ai-pro-features-grid {
    grid-template-columns: 1fr;
    padding: 0 20px 40px;
  }
  .epkb-ai-pro-features-tab .epkb-ai-pro-cta {
    margin: 20px;
    padding: 30px 20px;
  }
  .epkb-ai-pro-features-tab .epkb-ai-pro-cta h2 {
    font-size: 28px;
  }
  .epkb-ai-upcoming-features .epkb-ai-features-grid {
    grid-template-columns: 1fr;
  }
  .epkb-ai-tutorial-box {
    margin: 15px;
  }
  .epkb-ai-tutorial-columns {
    flex-direction: column;
    gap: 20px;
  }
  .epkb-ai-tutorial-column-image {
    max-width: 100%;
  }
}
.epkb-ai-sub-tabs-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 0;
}

.epkb-ai-sub-tabs-save-button {
  margin-left: auto;
  margin-right: 20px;
}

.epkb-ai-tutorial-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #46B450;
  border: 1px solid #46B450;
  border-radius: 6px;
  color: #FFFFFF !important;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  margin-left: 50px;
  text-decoration: none;
}
.epkb-ai-tutorial-button:hover, .epkb-ai-tutorial-button:focus, .epkb-ai-tutorial-button:active, .epkb-ai-tutorial-button:visited {
  color: #FFFFFF !important;
  text-decoration: none;
}
.epkb-ai-tutorial-button span.epkbfa {
  font-size: 16px;
  color: #FFFFFF;
}

.epkb-ai-tutorial-box {
  margin: 20px 0;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid #E3E6EA;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  animation: slideDown 0.3s ease-out;
}
.epkb-ai-tutorial-box.epkb-ai-tutorial-hidden {
  display: none;
}
.epkb-ai-tutorial-box.epkb-ai-tutorial-visible {
  display: block;
}

.epkb-ai-tutorial-content {
  padding: 30px;
  position: relative;
}

.epkb-ai-tutorial-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #F0F0F0;
  border: 2px solid #E3E6EA;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
}
.epkb-ai-tutorial-close .dashicons {
  font-size: 28px;
  color: #555555;
  width: 28px;
  height: 28px;
}
.epkb-ai-tutorial-close:hover {
  background: #DC3545;
  border-color: #DC3545;
  transform: scale(1.1);
}
.epkb-ai-tutorial-close:hover .dashicons {
  color: #FFFFFF;
}

.epkb-ai-tutorial-heading {
  margin: 0 0 12px 0;
  font-size: 24px;
  font-weight: 600;
  color: #2C3338;
}

.epkb-ai-tutorial-description {
  margin: 0 0 24px 0;
  font-size: 16px;
  color: #646970;
  line-height: 1.5;
}

.epkb-ai-tutorial-columns {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.epkb-ai-tutorial-column-image {
  flex: 0 0 400px;
  max-width: 400px;
}
.epkb-ai-tutorial-column-image img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  border: 1px solid #E3E6EA;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.epkb-ai-tutorial-column-content {
  flex: 1;
  min-width: 0;
}

.epkb-ai-tutorial-text {
  font-size: 15px;
  line-height: 1.7;
  color: #2C3338;
}
.epkb-ai-tutorial-text h4 {
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: 600;
  color: #2C3338;
}
.epkb-ai-tutorial-text ul {
  margin: 0;
  padding-left: 24px;
}
.epkb-ai-tutorial-text ul li {
  margin-bottom: 12px;
  color: #2C3338;
}
.epkb-ai-tutorial-text ul li:last-child {
  margin-bottom: 0;
}
.epkb-ai-tutorial-text p {
  margin: 0 0 16px 0;
}
.epkb-ai-tutorial-text p:last-child {
  margin-bottom: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.epkb-ai-location-tabs-container {
  margin-top: 24px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav {
  display: flex;
  border-bottom: 1px solid #DDDDDD;
  background: #F9F9F9;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav .epkb-ai-location-tab-button {
  flex: 1;
  padding: 14px 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-right: 1px solid #DDDDDD;
  position: relative;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav .epkb-ai-location-tab-button:last-child {
  border-right: none;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav .epkb-ai-location-tab-button span.epkbfa {
  font-size: 16px;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav .epkb-ai-location-tab-button:hover {
  background: #FFFFFF;
  color: #0073AA;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav .epkb-ai-location-tab-button.active {
  background: #FFFFFF;
  color: #0073AA;
  border-bottom: 3px solid #0073AA;
  font-weight: 600;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav .epkb-ai-location-tab-button.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #FFFFFF;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tabs-nav .epkb-ai-location-tab-button:focus {
  outline: 2px solid #0073AA;
  outline-offset: -2px;
}
.epkb-ai-location-tabs-container .epkb-ai-location-tab-content {
  padding: 24px;
}

.epkb-ai-section-header-field {
  margin: 24px 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #DDDDDD;
}
.epkb-ai-section-header-field h4 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.epkb-ai-section-header-field p {
  margin: 0;
  font-size: 13px;
  color: #666666;
  line-height: 1.5;
}

.epkb-ai-field-html {
  margin: 16px 0;
}
.epkb-ai-field-html p {
  margin: 0 0 12px;
  font-size: 14px;
  color: #555555;
  line-height: 1.6;
}
.epkb-ai-field-html:last-child p:last-child {
  margin-bottom: 0;
}
.epkb-ai-field-html .epkb-notification-box-middle {
  padding: 10px;
  display: flex;
  border-left-width: 4px;
  border-left-style: solid;
  width: 100%;
  color: #000000;
}
.epkb-ai-field-html .epkb-notification-box-middle .epkb-notification-box-middle__icon {
  font-size: 30px;
  margin-top: 6px;
}
.epkb-ai-field-html .epkb-notification-box-middle .epkb-notification-box-middle__body {
  padding: 5px 20px;
}
.epkb-ai-field-html .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__title {
  margin: 0 0 8px 0;
}
.epkb-ai-field-html .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__desc {
  margin-bottom: 0;
  line-height: 22px;
}
.epkb-ai-field-html .epkb-notification-box-middle--info {
  border-left-color: #5BC0DE;
  background-color: #D9EDF7;
}
.epkb-ai-field-html .epkb-notification-box-middle--info .epkb-notification-box-middle__icon {
  color: #5BC0DE;
}
.epkb-ai-field-html .epkb-notification-box-middle--success {
  border-left-color: #28A745;
  background-color: #9BE7AC;
}
.epkb-ai-field-html .epkb-notification-box-middle--success .epkb-notification-box-middle__icon {
  color: #28A745;
}
.epkb-ai-field-html .epkb-notification-box-middle--warning {
  border-left-color: #FFC107;
  background-color: #FFF1DD;
}
.epkb-ai-field-html .epkb-notification-box-middle--warning .epkb-notification-box-middle__icon {
  color: #FFC107;
}
.epkb-ai-field-html .epkb-notification-box-middle--error {
  border-left-color: #DC3545;
  background-color: #F6CDD1;
}
.epkb-ai-field-html .epkb-notification-box-middle--error .epkb-notification-box-middle__icon {
  color: #DC3545;
}

.epkb-ai-integration-options {
  background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 24px;
  margin-top: 16px;
}
.epkb-ai-integration-options__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.epkb-ai-integration-options__header .epkbfa {
  font-size: 18px;
  color: #6366F1;
}
.epkb-ai-integration-options__title {
  font-size: 16px;
  font-weight: 600;
  color: #1E293B;
}
.epkb-ai-integration-options__desc {
  color: #64748B;
  font-size: 14px;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.epkb-ai-integration-options__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.epkb-ai-integration-option {
  display: flex;
  gap: 16px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 16px 20px;
  transition: all 0.2s ease;
}
.epkb-ai-integration-option:hover {
  border-color: #CBD5E1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.epkb-ai-integration-option__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%);
  border-radius: 10px;
  flex-shrink: 0;
}
.epkb-ai-integration-option__icon .epkbfa {
  font-size: 18px;
  color: #6366F1;
}
.epkb-ai-integration-option__content {
  flex: 1;
  min-width: 0;
}
.epkb-ai-integration-option__title {
  font-size: 15px;
  font-weight: 600;
  color: #1E293B;
  margin-bottom: 4px;
}
.epkb-ai-integration-option__desc {
  font-size: 13px;
  color: #64748B;
  line-height: 1.4;
  margin-bottom: 10px;
}
.epkb-ai-integration-option__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6366F1;
  text-decoration: none;
  transition: color 0.2s ease;
}
.epkb-ai-integration-option__link:hover {
  color: #4F46E5;
  text-decoration: underline;
}
.epkb-ai-integration-option__link .epkbfa {
  font-size: 12px;
}
.epkb-ai-integration-option .epkb-copy-to-clipboard-box-container {
  display: flex;
  align-items: center;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 8px;
}
.epkb-ai-integration-option .epkb-copy-to-clipboard-box-container .epkb-ctc__embed-content {
  flex: 1;
  padding: 8px 12px;
  position: relative;
}
.epkb-ai-integration-option .epkb-copy-to-clipboard-box-container .epkb-ctc__embed-code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 12px;
  color: #475569;
  word-break: break-all;
}
.epkb-ai-integration-option .epkb-copy-to-clipboard-box-container .epkb-ctc__embed-notification {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #10B981;
  color: #FFFFFF;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.epkb-ai-integration-option .epkb-copy-to-clipboard-box-container .epkb-ctc__copy-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  background: #6366F1;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  border-left: 1px solid #E2E8F0;
  transition: background 0.2s ease;
}
.epkb-ai-integration-option .epkb-copy-to-clipboard-box-container .epkb-ctc__copy-button:hover {
  background: #4F46E5;
  color: #FFFFFF;
}