/* Shared controls for the approved preview and the real WordPress UI.
   Low-specificity aliases preserve existing functional classes and data hooks. */
:where(.kk69-ui, .kk-preview) {
  font-family: var(--kk-font);
  color: var(--kk-text);
  background: var(--kk-background);
}
:where(.kk69-ui, .kk-preview) :is(.button, .kk-button) {
  font: 600 16px/1.5 var(--kk-font);
  min-height: 48px;
  border-radius: 8px;
  padding: 11px 18px;
  background: var(--kk-petrol);
  border: 1px solid var(--kk-petrol);
  color: white;
  white-space: normal;
}
:where(.kk69-ui, .kk-preview) :is(.button, .kk-button):hover { background: var(--kk-petrol-hover); }
:where(.kk69-ui, .kk-preview) :is(.button.secondary, .kk-button-secondary) {
  background: white; color: var(--kk-navy); border-color: var(--kk-input-border);
}
:where(.kk69-ui, .kk-preview) :is(.button.secondary, .kk-button-secondary):hover { background: var(--kk-tint); }
:where(.kk69-ui, .kk-preview) :is(.card, .kk-card) { border: 1px solid var(--kk-border); border-radius: var(--kk-radius); box-shadow: none; }
:where(.kk69-ui, .kk-preview) :is(.badge, .kk-badge) {
  font-size: 13px; line-height: 1.5; padding: 4px 10px; border-radius: 6px; letter-spacing: 0; text-transform: none;
  background: var(--kk-tint); color: var(--kk-petrol);
}
:where(.kk69-ui, .kk-preview) :is(.badge.success, .kk-badge-success) { color: var(--kk-success); background: var(--kk-success-bg); }
:where(.kk69-ui, .kk-preview) :is(.badge.warning, .kk-badge-warning) { color: var(--kk-warning); background: var(--kk-warning-bg); }
:where(.kk69-ui, .kk-preview) :is(.notice.error, .kk-badge-error) { color: var(--kk-danger); background: var(--kk-danger-bg); }
:where(.kk69-ui, .kk-preview) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),select,textarea) {
  font: 16px/1.5 var(--kk-font); color: var(--kk-text); border: 1px solid var(--kk-input-border); border-radius: 6px; min-height: 48px;
}
:where(.kk69-ui, .kk-preview) :focus-visible { outline: 3px solid var(--kk-petrol); outline-offset: 4px; }