/* Working text uses a dark neutral on the light workspace surfaces. Public form styling is independent. */
.kconv-admin {
  --kconv-readable-muted: #425746;
  --kconv-readable-ink: #20382b
}

.kconv-admin :is(.description,
  .kconv-eyebrow,
  .kconv-editor-meta,
  .kconv-command-trigger,
  .kconv-rail-heading,
  .kconv-property-heading,
  .kconv-rail-tip,
  .kconv-rail-footer small,
  .kconv-property-footer p,
  .kconv-property-footer strong,
  .kconv-canvas-caption,
  .kconv-preview-disclaimer,
  .kconv-notifications>p,
  .kconv-quality ul,
  .kconv-dialog>p,
  .kconv-template-grid p,
  .kconv-command-item small,
  .kconv-card-meta,
  .kconv-card-results span,
  .kconv-card-more summary,
  .kconv-card-more small,
  .kconv-library-stats small,
  .kconv-library-heading p,
  .kconv-empty-state p) {
  color: var(--kconv-readable-muted)
}

.kconv-admin :is(.kconv-app-links a,
  .kconv-workspace-tabs>button,
  .kconv-rail-tabs button,
  .kconv-add-outline,
  .kconv-builder-control,
  .kconv-library-filters a,
  .kconv-card-actions>a:last-child) {
  color: var(--kconv-readable-muted)
}

.kconv-admin .kconv-field-select small,
.kconv-admin #kconv-dirty-state,
.kconv-admin #kconv-field-inspector summary,
.kconv-admin #kconv-field-inspector .description {
  color: var(--kconv-readable-muted)
}

.kconv-admin .kconv-workspace-tabs small {
  color: #4d6240;
  background: #edf2e6;
  font-size: 11px
}

.kconv-admin .kconv-mode-switch button,
.kconv-admin .kconv-preview-switch button {
  color: #425746
}

.kconv-admin .kconv-mode-switch button[aria-pressed=true],
.kconv-admin .kconv-preview-switch button[aria-pressed=true] {
  color: #20382b
}

.kconv-admin .kconv-library-filters a[aria-current=page] {
  background: #e5ecd9;
  color: #344d2b
}

.kconv-admin .kconv-card-results strong {
  color: #446431
}

.kconv-admin .kconv-pill {
  color: #496137;
  background: #f0f5e6;
  font-size: 13px
}

.kconv-admin .kconv-pill.is-draft {
  color: #715b29;
  background: #f7f3e8
}

.kconv-admin .kconv-edition {
  color: #3c522d;
  font-size: 12px
}

.kconv-admin .kconv-inspector-actions .button-link-delete {
  color: #883f31
}

.kconv-admin .kconv-card-more summary,
.kconv-admin .kconv-card-meta,
.kconv-admin .kconv-card-results span,
.kconv-admin .kconv-card-more small,
.kconv-admin .kconv-card-actions>a:last-child {
  font-size: 13px
}

.kconv-admin .kconv-library-stats small,
.kconv-admin .kconv-rail-footer small,
.kconv-admin .kconv-rail-tip,
.kconv-admin .kconv-property-footer p,
.kconv-admin .kconv-command-item small {
  font-size: 13px
}

.kconv-admin .kconv-library-stats span {
  color: var(--kconv-readable-muted);
  font-size: 13px
}

.kconv-admin .kconv-field-select small,
.kconv-admin .kconv-canvas-caption,
.kconv-admin .kconv-command-trigger,
.kconv-admin .kconv-editor-meta {
  font-size: 13px
}

.kconv-admin .kconv-recovery-details summary span {
  color: #775419
}

.kconv-admin .kconv-eyebrow,
.kconv-admin .kconv-rail-heading,
.kconv-admin .kconv-property-heading {
  font-size: 12px;
  letter-spacing: .085em
}

.kconv-admin .kconv-app-links a,
.kconv-admin .kconv-workspace-tabs>button {
  font-size: 14px
}

.kconv-admin .kconv-template-grid p,
.kconv-admin .kconv-template-grid .button,
.kconv-admin .kconv-inspector-actions .button {
  font-size: 13px
}

.kconv-admin .kconv-template-number {
  color: #587644
}

.kconv-admin .kconv-local-preview-notice p {
  color: #4e6541;
  font-size: 12px !important
}

.kconv-admin #kconv-field-inspector input::placeholder,
.kconv-admin #kconv-field-inspector textarea::placeholder,
.kconv-admin .kconv-fields-rail input::placeholder {
  color: #66745f;
  opacity: 1
}

/* Design annotations belong to the editor. The published Preview iframe is independent. */
.kconv-admin #kconv-editor[data-kconv-mode=design] .kconv-canvas-intro p,
.kconv-admin #kconv-live-preview[data-mode=design] .kconv-canvas-content>small,
.kconv-admin #kconv-live-preview[data-mode=design] .kconv-preview-success {
  color: #425746
}

.kconv-admin #kconv-live-preview[data-mode=design] .kconv-canvas-badge {
  color: #486039 !important;
  font-size: 12px !important;
  background: #edf2e6
}

.kconv-admin #kconv-live-preview[data-mode=design] .kconv-preview-step-heading,
.kconv-admin #kconv-live-preview[data-mode=design] .kconv-preview-step-heading h3,
.kconv-admin #kconv-live-preview[data-mode=design] .kconv-preview-step-heading>span {
  color: #344f32
}

.kconv-admin #kconv-live-preview[data-mode=design] .kconv-preview-success {
  font-size: 12px;
  line-height: 1.6
}

.kconv-admin #kconv-live-preview[data-mode=design] .kconv-canvas-content :is(input, select, textarea):disabled {
  opacity: 1;
  color: #20382b;
  -webkit-text-fill-color: #20382b
}

.kconv-admin #kconv-live-preview[data-mode=design] .kconv-canvas-content input::placeholder,
.kconv-admin #kconv-live-preview[data-mode=design] .kconv-canvas-content textarea::placeholder {
  color: #425746;
  -webkit-text-fill-color: #425746;
  opacity: 1
}

.kconv-admin .kconv-appearance-panel>p,
.kconv-admin .kconv-layout-guidance p,
.kconv-admin .kconv-brand-swatch {
  color: #425746
}

/* Inbox information stays legible without competing with the lead's identity. */
.kconv-admin.kconv-inbox {
  --kconv-muted: #425746
}

.kconv-admin :is(.kconv-inbox-eyebrow,
  .kconv-inbox-list-bar>p,
  .kconv-inbox-secondary,
  .kconv-inbox-snippet,
  .kconv-inbox-read-state,
  .kconv-inbox-owner,
  .kconv-inbox-delivery a,
  .kconv-inbox-footer p,
  .kconv-inbox-section-heading>span,
  .kconv-inbox-answers dt,
  .kconv-inbox-answers dt code,
  .kconv-inbox-retention h2,
  .kconv-inbox-retention p,
  .kconv-inbox-retention strong) {
  color: var(--kconv-readable-muted)
}

.kconv-admin .kconv-inbox-table thead th {
  color: #425746;
  font-size: 12px;
  line-height: 1.5
}

.kconv-admin .kconv-inbox-secondary,
.kconv-admin .kconv-inbox-snippet,
.kconv-admin .kconv-inbox-read-state,
.kconv-admin .kconv-inbox-footer p {
  font-size: 13px
}

.kconv-admin .kconv-mail-neutral {
  color: #425746;
  background: #f1f3ed
}

.kconv-admin .kconv-mail-warning {
  color: #7b4615;
  background: #fff0df
}

.kconv-admin .kconv-inbox-retention .button-link-delete {
  color: #883f31
}

/* Pro setup, delivery diagnostics and insights use the same readable hierarchy. */
.kconv-admin :is(.kconv-pro-kicker,
  .kconv-pro-section-heading p,
  .kconv-flow-intro,
  .kconv-flow-empty p,
  .kconv-step-map-card small,
  .kconv-pro-reference p,
  .kconv-connection-name small,
  .kconv-connection-state,
  .kconv-report-heading p,
  .kconv-metric-card h3,
  .kconv-metric-card small,
  .kconv-metric-rates small,
  .kconv-report-caveat,
  .kconv-report-empty p,
  .kconv-outcome-strip>span,
  .kconv-delivery-heading p,
  .kconv-delivery-label,
  .kconv-delivery-stat h2,
  .kconv-delivery-stat>small,
  .kconv-delivery-scope,
  .kconv-worker-times dt,
  .kconv-worker-due,
  .kconv-delivery-help,
  .kconv-delivery-toolbar p,
  .kconv-delivery-table td>small,
  .kconv-job-reference summary,
  .kconv-job-http,
  .kconv-job-diagnosis p,
  .kconv-delivery-empty>p,
  .kconv-delivery-policy,
  .kconv-delivery-reference summary,
  .kconv-delivery-reference p,
  .kconv-delivery-recovery p) {
  color: var(--kconv-readable-muted)
}

.kconv-admin :is(.kconv-step-map-card small,
  .kconv-connection-name small,
  .kconv-connection-state,
  .kconv-metric-card small,
  .kconv-metric-rates small,
  .kconv-report-caveat,
  .kconv-delivery-stat>small,
  .kconv-delivery-scope,
  .kconv-worker-times dt,
  .kconv-delivery-toolbar p,
  .kconv-delivery-table td>small,
  .kconv-job-reference summary,
  .kconv-job-http,
  .kconv-delivery-policy) {
  font-size: 13px
}

.kconv-admin .kconv-job-status {
  font-size: 12px;
  color: #425746;
  background: #f0f4e9
}

.kconv-admin .kconv-job-status-accepted {
  color: #375a26;
  background: #e8f3df
}

.kconv-admin .kconv-job-status-failed {
  color: #8c3e2d;
  background: #faeae5
}

.kconv-admin .kconv-job-status-retry {
  color: #725519;
  background: #fcf4dc
}

.kconv-admin .kconv-job-status-processing {
  color: #3a5b88;
  background: #eaf0fb
}

.kconv-admin .kconv-job-status-cancelled,
.kconv-admin .kconv-job-status-skipped {
  color: #56604c;
  background: #f0f1ed
}

.kconv-admin .kconv-job-reference code,
.kconv-admin .kconv-delivery-table th,
.kconv-admin .kconv-worker-action .description {
  font-size: 13px
}

.kconv-admin .kconv-delivery-stat.kconv-delivery-stat-accepted h2,
.kconv-admin .kconv-delivery-stat.kconv-delivery-stat-accepted>strong,
.kconv-admin .kconv-metric-card:last-child h3,
.kconv-admin .kconv-metric-card:last-child strong {
  color: #d5f879
}

.kconv-admin .kconv-delivery-stat.kconv-delivery-stat-accepted>small,
.kconv-admin .kconv-metric-card:last-child small {
  color: #c5d5bd
}

.kconv-admin .kconv-inbox-view.is-active span {
  color: #dce8d6
}

.kconv-admin .kconv-inbox-view.is-active strong {
  color: #d5f879
}

/* Comfortable working sizes; published form controls retain their chosen appearance. */
.kconv-workspace-page .wrap.kconv-admin {
  font-size: 14px
}

.kconv-admin .description {
  font-size: 13px;
  line-height: 1.6
}

.kconv-admin :is(.button,
  .kconv-rail-tabs button,
  .kconv-template-trigger,
  .kconv-mode-switch button,
  .kconv-preview-switch button,
  .kconv-add-outline,
  .kconv-builder-control) {
  font-size: 13px
}

.kconv-admin .kconv-field-select strong,
.kconv-admin .kconv-palette-item>strong {
  font-size: 13px;
  line-height: 1.5
}

.kconv-admin #kconv-field-inspector :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  font-size: 14px
}

.kconv-admin #kconv-field-inspector h3 {
  font-size: 15px;
  line-height: 1.5;
  margin-block: 18px
}

.kconv-admin .kconv-title-label input {
  font-size: 18px
}

.kconv-admin .kconv-history-buttons .button,
.kconv-admin .kconv-workspace-tools .button {
  font-size: 13px
}

.kconv-admin .kconv-builder-control {
  color: var(--kconv-readable-ink);
  line-height: 1.55
}

.kconv-admin .kconv-rail-tip,
.kconv-admin .kconv-rail-footer small {
  line-height: 1.6
}

.kconv-admin .kconv-card-meta,
.kconv-admin .kconv-canvas-caption,
.kconv-admin .kconv-editor-meta {
  line-height: 1.5
}

.kconv-admin .kconv-command-trigger kbd {
  font-size: 12px
}

.kconv-admin #kconv-editor[data-kconv-mode=design] .kconv-canvas-content>label {
  font-size: 13px
}

.kconv-admin .kconv-inbox-delivery :is(p, small),
.kconv-admin .kconv-inbox-owner,
.kconv-admin .kconv-inbox-form-name {
  font-size: 13px;
  line-height: 1.55
}

@media(forced-colors:active) {
  .kconv-admin :is(.description, .kconv-card-meta, .kconv-field-select small, .kconv-editor-meta) {
    color: CanvasText
  }
}

/* Keep the mobile properties sheet's larger native editing controls. */
.kconv-admin .kconv-properties-dialog #kconv-field-inspector :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  font-size: 16px
}

.kconv-admin .kconv-properties-dialog :is(.kconv-properties-dialog-head p,
  .kconv-properties-dialog-foot p,
  #kconv-field-inspector summary,
  #kconv-field-inspector .description) {
  font-size: 13px;
  color: var(--kconv-readable-muted)
}

.kconv-admin .kconv-inbox-heading p {
  font-size: 14px;
  color: var(--kconv-readable-muted)
}