/* Zaknor Appearance Themes 1.0.6 — unified, no mixed page surfaces. */
html[class*="zk-appearance-"] body{
  background:var(--zk-at-page)!important;background-color:var(--zk-at-page)!important;background-image:none!important;color:var(--zk-at-text)!important;
}
html[class*="zk-appearance-"] body #page,
html[class*="zk-appearance-"] body #content,
html[class*="zk-appearance-"] body .site,
html[class*="zk-appearance-"] body .site-content,
html[class*="zk-appearance-"] body .content-area,
html[class*="zk-appearance-"] body .entry-content,
html[class*="zk-appearance-"] body .wp-site-blocks,
html[class*="zk-appearance-"] body .wp-block-post-content,
html[class*="zk-appearance-"] body main,
html[class*="zk-appearance-"] body article,
html[class*="zk-appearance-"] .zk-app-shell,
html[class*="zk-appearance-"] .zk-app-chat,
html[class*="zk-appearance-"] .zaknor-mobile-bleed-host,
html[class*="zk-appearance-"] .zaknor-ai-box,
html[class*="zk-appearance-"] .zaknor-ai-stage,
html[class*="zk-appearance-"] .zaknor-result,
html[class*="zk-appearance-"] .zaknor-conversation,
html[class*="zk-appearance-"] .zaknor-welcome,
html[class*="zk-appearance-"] .zk-app-mobilebar,
html[class*="zk-appearance-"] .zaknor-ui-bridge,
html[class*="zk-appearance-"] .zaknor-private-indicator{
  background:var(--zk-at-page)!important;background-color:var(--zk-at-page)!important;background-image:none!important;color:var(--zk-at-text)!important;
}
html[class*="zk-appearance-"] .zaknor-composer,
html[class*="zk-appearance-"] .zaknor-history-panel,
html[class*="zk-appearance-"] .zaknor-help-panel,
html[class*="zk-appearance-"] .zaknor-preview-modal,
html[class*="zk-appearance-"] .zaknor-eligibility-card,
html[class*="zk-appearance-"] .zk-settings-modal,
html[class*="zk-appearance-"] .zk-settings-card,
html[class*="zk-appearance-"] .zk-settings-pane,
html[class*="zk-appearance-"] .zk-account-modal-card{
  background:var(--zk-at-panel)!important;background-color:var(--zk-at-panel)!important;background-image:none!important;border-color:var(--zk-at-border)!important;color:var(--zk-at-text)!important;
}
html[class*="zk-appearance-"] .zaknor-history-search,
html[class*="zk-appearance-"] .zaknor-help-search,
html[class*="zk-appearance-"] .zaknor-form textarea{
  background:var(--zk-at-card)!important;color:var(--zk-at-text)!important;-webkit-text-fill-color:var(--zk-at-text)!important;border-color:var(--zk-at-border)!important;
}
html[class*="zk-appearance-"] .zaknor-message.is-user{background:var(--zk-at-user)!important;border-color:var(--zk-at-border)!important}
html[class*="zk-appearance-"] .zaknor-message.is-model{background:transparent!important;color:var(--zk-at-text)!important}
html[class*="zk-appearance-"] .zaknor-message-body{color:var(--zk-at-text)!important}
html[class*="zk-appearance-"] .zaknor-message-label,
html[class*="zk-appearance-"] .zaknor-hint{color:var(--zk-at-muted)!important}

/* Light really means a complete light page, including the outer WordPress shell. */
html.zk-appearance-light,html.zk-appearance-light body{background:#fff!important;color:#172033!important;color-scheme:light!important}
html.zk-appearance-light .zaknor-send{background:#172033!important;color:#fff!important}
html.zk-appearance-light .zaknor-current-title,
html.zk-appearance-light .zk-app-icon-btn{color:#314154!important;border-color:#d8e0e8!important}

/* Black and Forest Green keep their chosen surface from edge to edge. */
html.zk-appearance-black,html.zk-appearance-black body{background:#050609!important;color-scheme:dark!important}
html.zk-appearance-forest-green,html.zk-appearance-forest-green body{background:#06150f!important;color-scheme:dark!important}
html.zk-appearance-forest-green .zaknor-send{background:#d9f7e5!important;color:#092016!important}


/* 1.0.5 — Settings first-paint lock. Zaknor Core owns the settings markup and
   declares a default grey/navy palette on .zaknor-app-ui. These selectors
   intentionally override only its palette, not layout or behaviour. */
html[class*="zk-appearance-"] .zaknor-app-ui,
html[class*="zk-appearance-"] .zk-settings-shell,
html[class*="zk-appearance-"] .zk-settings-center{
  --zk-bg:var(--zk-at-page)!important;--zk-panel:var(--zk-at-panel)!important;--zk-panel2:var(--zk-at-card)!important;
  --zk-text:var(--zk-at-text)!important;--zk-muted:var(--zk-at-muted)!important;--zk-border:var(--zk-at-border)!important;
  background:var(--zk-at-page)!important;background-color:var(--zk-at-page)!important;background-image:none!important;color:var(--zk-at-text)!important;
}
html[class*="zk-appearance-"] article.content-card.zk-account-close-host,
html[class*="zk-appearance-"] .zk-settings-layout,
html[class*="zk-appearance-"] .zk-settings-content{background:var(--zk-at-panel)!important;background-color:var(--zk-at-panel)!important;background-image:none!important;color:var(--zk-at-text)!important;border-color:var(--zk-at-border)!important}
html[class*="zk-appearance-"] .zaknor-app-ui,html[class*="zk-appearance-"] .zaknor-app-ui *,html[class*="zk-appearance-"] article.content-card.zk-account-close-host{transition-property:none!important}

/* 1.0.8 — one surface inside an account panel. The panel (article) is painted
   with the panel colour, the account UI inside it with the page colour and the
   Settings layout/content with the panel colour again, which drew a box inside
   a box inside a box. Inside the panel they are now transparent; the palette
   variables are unchanged. */
html[class*="zk-appearance-"] article.content-card.zk-account-close-host .zaknor-app-ui,
html[class*="zk-appearance-"] article.content-card.zk-account-close-host .zk-shell,
html[class*="zk-appearance-"] article.content-card.zk-account-close-host .zk-main,
html[class*="zk-appearance-"] article.content-card.zk-account-close-host .zk-settings-shell,
html[class*="zk-appearance-"] article.content-card.zk-account-close-host .zk-settings-center,
html[class*="zk-appearance-"] article.content-card.zk-account-close-host .zk-settings-layout,
html[class*="zk-appearance-"] article.content-card.zk-account-close-host .zk-settings-content{background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}