/* KONEVIX 1.44.1 — Theme Engine hardening for legacy first-party admin forms.
   Inherit semantic theme tokens; do not change POS customer/cashier theme previews
   or administrator-defined Workspace node colors. Loaded after older styles. */
:root {
  --kv-admin-form-surface:var(--color-surface-secondary,var(--panel2));
  --kv-admin-form-border:var(--color-border-default,var(--border));
  --kv-admin-form-text:var(--color-text-primary,var(--text));
  --kv-admin-form-muted:var(--color-text-secondary,var(--muted));
}

/* Legacy condition builders were hard-coded to #081724. Applies to system
   field rules, custom fields, Workspace template criteria, and survey forms. */
html :is(.condition-builder,.user-admin-preferences,.workspace-template-block-row) {
  color:var(--kv-admin-form-text) !important;
  background:var(--kv-admin-form-surface) !important;
  border-color:var(--kv-admin-form-border) !important;
}
html :is(.condition-builder,.user-admin-preferences,.workspace-template-block-row) :is(h3,h4,strong,b,legend,label,.condition-builder-head) {
  color:var(--kv-admin-form-text) !important;
}
html :is(.condition-builder,.user-admin-preferences,.workspace-template-block-row) :is(small,.muted,.small,.form-caption,.condition-builder-hint) {
  color:var(--kv-admin-form-muted) !important;
}

/* Legacy check-line used fixed dark background and blue-gray text globally.
   Treat administrative settings and modal form checks as controls, not banners. */
html :is(.content,.modal,.survey-admin-page,.admin-center-page,.settings-panel)
  .check-line:not(.pd-mock .check-line):not(.pd-preview .check-line) {
  background:var(--kv-admin-form-surface) !important;
  color:var(--kv-admin-form-text) !important;
  border:1px solid var(--kv-admin-form-border) !important;
}
html :is(.content,.modal,.survey-admin-page,.admin-center-page,.settings-panel)
  .check-line:not(.pd-mock .check-line) :is(span,label,strong,b) {
  color:var(--kv-admin-form-text) !important;
}
html :is(.content,.modal,.survey-admin-page,.admin-center-page,.settings-panel)
  .check-line:not(.pd-mock .check-line) small {
  color:var(--kv-admin-form-muted) !important;
}
html :is(.content,.modal,.survey-admin-page,.admin-center-page,.settings-panel)
  .check-line.compact {
  background:transparent !important;
  border:0 !important;
  padding:4px 2px !important;
}
html .check-line input[type=checkbox],
html .kv-field-rule-toggle input[type=checkbox] {
  accent-color:var(--color-accent,var(--blue));
  flex-shrink:0;
}

/* Existing semantic form sections and field rules preserve the same surface
   hierarchy as the rest of Admin Center, across all 8 Theme Engine palettes. */
html :is(.kv-field-rule-toggle,.kv-field-rule-hint,.user-department-picker) {
  color:var(--kv-admin-form-text) !important;
  background:var(--kv-admin-form-surface) !important;
  border-color:var(--kv-admin-form-border) !important;
}
html .kv-field-rule-hint{color:var(--kv-admin-form-muted) !important}
html :is(.modal,.survey-admin-page) :is(.condition-builder,.user-admin-preferences) :is(input,select,textarea) {
  background:var(--input-bg) !important;
  color:var(--kv-admin-form-text) !important;
  border-color:var(--input-border) !important;
}
html :is(.modal,.survey-admin-page) :is(.condition-builder,.user-admin-preferences) :is(input,select,textarea):focus-visible,
html :is(.content,.modal) .check-line:focus-within {
  outline:2px solid var(--color-accent) !important;
  outline-offset:1px;
}
@media (max-width:600px) {
  html .condition-builder .condition-row{grid-template-columns:minmax(0,1fr) !important}
  html .condition-builder .condition-builder-head{align-items:stretch}
  html .condition-builder .condition-builder-head > *{max-width:100%}
}
@media (prefers-reduced-motion:reduce){
  html :is(.condition-builder,.check-line,.user-admin-preferences){transition:none !important}
}