/* 2026-09-09: keyboard shown = full-width rectangles; keyboard hidden = existing floating design. */
html { color-scheme: light; --kf-kdock-neutral: #e5e8eb; --kf-kdock-neutral-text: #4e5968; }
[data-theme="light"], [data-kf-theme="light"] { --kf-kdock-neutral: #e5e8eb; --kf-kdock-neutral-text: #4e5968; }
html .kf-kdock-active {
  position: fixed !important;
  inset: auto !important;
  left: var(--kf-kdock-left, 0px) !important;
  top: var(--kf-kdock-top, 0px) !important;
  width: var(--kf-kdock-width, 100%) !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--adaptiveGrey100, #f2f4f6) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 0 !important;
  z-index: 210 !important;
  pointer-events: auto;
  box-sizing: border-box !important;
}
html .kf-kdock-active::before,
html .kf-kdock-active::after,
html .kf-apply__foot:has(> .kf-kdock-active)::before { display: none !important; }
html .kf-kdock-active .kf-kdock-row {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html .kf-kdock-active .kf-kdock-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: var(--kf-kdock-weight, 1) 1 0% !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 56px !important;
  height: auto !important;
  padding: 14px max(12px, env(safe-area-inset-right)) 14px max(12px, env(safe-area-inset-left)) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 17px !important;
  transition: none !important;
  line-height: 25.5px !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all;
  overflow-wrap: anywhere;
  background: #3182f6 !important;
  color: #fff !important;
  box-sizing: border-box !important;
}
html .kf-kdock-active .kf-kdock-secondary {
  background: var(--kf-kdock-neutral, #e5e8eb) !important;
  color: var(--kf-kdock-neutral-text, #4e5968) !important;
}
html .kf-kdock-active .kf-kdock-danger { background: #f04452 !important; }
html .kf-kdock-active .kf-kdock-button:disabled,
html .kf-kdock-active .kf-kdock-button[aria-disabled="true"],
html .kf-kdock-active .kf-kdock-button.is-off { background: #c9e2ff !important; color: #fff !important; }
html .kf-kdock-active .kf-kdock-secondary:disabled,
html .kf-kdock-active .kf-kdock-secondary[aria-disabled="true"],
html .kf-kdock-active .kf-kdock-secondary.is-off { background: var(--kf-kdock-neutral, #e5e8eb) !important; color: var(--grey-400, #b0b8c1) !important; }
html .kf-kdock-active .kf-kdock-button:focus-visible { outline-offset: -4px !important; }
html .kf-kdock-active .kf-kdock-hidden,
html .kf-kdock-active .kf-kdock-button[hidden],
html .kf-kdock-active[hidden] { display: none !important; }
/* Help/scroll shortcuts must not overlap a software keyboard or the action strip. */
html.kf-keyboard-open .kf-kchat,
html.kf-keyboard-open .kf-fab,
html.kf-keyboard-open .kf-top,
html.kf-keyboard-open .kfb-float { visibility: hidden !important; pointer-events: none !important; }