/* ========================================
   KB FORM - Green Theme
   Extends editor_form.css. All styles scoped
   under .editor-form.kb-theme.
   ======================================== */

/* Header gradient - green, matches knowledge base feel */
.editor-form.kb-theme .editor-header {
  background: linear-gradient(135deg, var(--arp-green-600) 0%, var(--arp-green-700) 100%);
}

[data-theme="dark"] .editor-form.kb-theme .editor-header {
  background: linear-gradient(135deg, var(--arp-green-700) 0%, var(--arp-green-900) 100%);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Section focus state - green */
.editor-form.kb-theme .editor-section:focus-within {
  border-color: var(--arp-green-500);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

[data-theme="dark"] .editor-form.kb-theme .editor-section:focus-within {
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}

/* Section header icon color */
.editor-form.kb-theme .editor-section-header .icon {
  color: var(--arp-green-600);
}

[data-theme="dark"] .editor-form.kb-theme .editor-section-header .icon {
  color: var(--arp-green-400);
}

/* Sidebar settings group - Article Settings panel */
.editor-form.kb-theme .kb-settings-group {
  display: flex;
  flex-direction: column;
  gap: var(--arp-space-4);
}

/* Markdown preview pane */
.editor-form.kb-theme .kb-preview-pane {
  background: var(--arp-surface-raised);
  border: 1px solid var(--arp-border);
  border-radius: var(--arp-radius-sm);
  padding: var(--arp-space-4);
  min-height: 8rem;
}

/* Meta description character counter */
.editor-form.kb-theme .kb-meta-count {
  color: var(--arp-text-muted);
}

.editor-form.kb-theme .kb-meta-count.is-warning {
  color: var(--arp-amber-600);
}

[data-theme="dark"] .editor-form.kb-theme .kb-meta-count.is-warning {
  color: var(--arp-amber-400);
}