/* CommerceFlow r8.0.0 — enterprise forms */
body.cf-v8 label { color: var(--cf-ink-2); font-size: var(--cf-font-size-sm); font-weight: 650; }
body.cf-v8 input,
body.cf-v8 select,
body.cf-v8 textarea {
  width: 100%; min-height: var(--cf-control); margin-top: 5px; padding: 8px 10px;
  border: 1px solid var(--cf-line-strong); border-radius: var(--cf-radius-2); color: var(--cf-text); background: var(--cf-white); box-shadow: none;
  font-size: var(--cf-font-size-md); transition: border-color var(--cf-transition), box-shadow var(--cf-transition), background var(--cf-transition);
}
body.cf-v8 textarea { min-height: 94px; resize: vertical; }
body.cf-v8 input:hover,
body.cf-v8 select:hover,
body.cf-v8 textarea:hover { border-color: #98a8b4; }
body.cf-v8 input:focus,
body.cf-v8 select:focus,
body.cf-v8 textarea:focus { border-color: var(--cf-focus); outline: 0; box-shadow: 0 0 0 2px rgba(44, 127, 177, .16); }
body.cf-v8 input:disabled,
body.cf-v8 select:disabled,
body.cf-v8 textarea:disabled { color: var(--cf-text-muted); background: #f1f3f4; cursor: not-allowed; }
body.cf-v8 input[type="checkbox"],
body.cf-v8 input[type="radio"] { width: 17px; height: 17px; min-height: 0; margin: 0; accent-color: var(--cf-blue); }
body.cf-v8 .form-grid,
body.cf-v8 .r73-field-grid,
body.cf-v8 .cf-form-grid,
body.cf-v8 .r74-order-detail-grid,
body.cf-v8 .compact-detail-grid,
body.cf-v8 .lp-form-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px;
}
body.cf-v8 .form-grid .full,
body.cf-v8 .r73-field-grid .full,
body.cf-v8 .cf-form-grid .full,
body.cf-v8 .r74-order-detail-grid .full,
body.cf-v8 .lp-form-grid .lp-span-two { grid-column: 1 / -1; }
body.cf-v8 .form-help { color: var(--cf-text-muted); font-size: var(--cf-font-size-xs); font-weight: 450; }
body.cf-v8 .form-section,
body.cf-v8 .r74-workflow-section,
body.cf-v8 .admin-action-section {
  margin: 0 0 16px; padding: 0; border: 1px solid var(--cf-line); border-radius: var(--cf-radius-1); background: var(--cf-white);
}
body.cf-v8 .r74-workflow-section > header,
body.cf-v8 .form-section > header {
  display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 14px; border-bottom: 1px solid var(--cf-line); background: var(--cf-cloud);
}
body.cf-v8 .r74-workflow-section > header > span {
  width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: var(--cf-radius-1); color: var(--cf-white); background: var(--cf-ink-2); font-size: 11px; font-weight: 750;
}
body.cf-v8 .r74-workflow-section > header strong { display: block; }
body.cf-v8 .r74-workflow-section > header small { display: block; }
body.cf-v8 .r74-workflow-section > :not(header),
body.cf-v8 .form-section > :not(header) { margin-left: 14px; margin-right: 14px; }
body.cf-v8 .r74-workflow-section > :last-child,
body.cf-v8 .form-section > :last-child { margin-bottom: 14px; }
body.cf-v8 .r74-workflow-submit,
body.cf-v8 .sticky-form-actions {
  position: sticky; bottom: 0; z-index: 12; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 16px 0 0; padding: 10px 12px; border: 1px solid var(--cf-line-strong); background: rgba(255,255,255,.97); box-shadow: 0 -3px 12px rgba(9,24,39,.06);
}
body.cf-v8 .inline-form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
body.cf-v8 .inline-form label { flex: 1 1 150px; }
body.cf-v8 .password-field { position: relative; }
body.cf-v8 .password-field input { padding-right: 48px; }
body.cf-v8 .password-toggle { position: absolute; right: 5px; bottom: 5px; min-height: 28px; border: 0; background: transparent; color: var(--cf-blue); cursor: pointer; }
body.cf-v8 .danger-zone { border: 1px solid #e5b9b6; border-left: 4px solid var(--cf-danger-fg); border-radius: var(--cf-radius-1); padding: 14px; background: #fffafa; }
body.cf-v8 .honeypot-field { position: absolute; left: -9999px; }

/* CommerceFlow r8.0.1 — one form-control language */
body.cf-v8 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
body.cf-v8 select,
body.cf-v8 textarea {
  width: 100% !important;
  min-height: var(--cf-control) !important;
  margin-top: 5px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--cf-line-strong) !important;
  border-radius: var(--cf-radius-2) !important;
  color: var(--cf-text) !important;
  background: var(--cf-white) !important;
  box-shadow: none !important;
  font-family: var(--cf-font) !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  line-height: 1.25 !important;
}
body.cf-v8 input::placeholder,
body.cf-v8 textarea::placeholder { color: #7b8994 !important; font-weight: 450 !important; opacity: 1; }
body.cf-v8 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.cf-v8 select:focus,
body.cf-v8 textarea:focus {
  border-color: var(--cf-focus) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(44,127,177,.16) !important;
}
body.cf-v8 label { color: var(--cf-ink-2) !important; font-size: 12px !important; font-weight: 700 !important; }
body.cf-v8 textarea { min-height: 94px !important; line-height: 1.45 !important; }

body.cf-v8 .password-field {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 0 !important;
  margin-top: 5px !important;
}
body.cf-v8 .password-field input {
  min-width: 0 !important;
  margin-top: 0 !important;
  padding-right: 10px !important;
  border-radius: var(--cf-radius-2) 0 0 var(--cf-radius-2) !important;
}
body.cf-v8 .password-toggle {
  position: static !important;
  width: auto !important;
  min-width: 66px !important;
  min-height: var(--cf-control) !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid var(--cf-line-strong) !important;
  border-left: 0 !important;
  border-radius: 0 var(--cf-radius-2) var(--cf-radius-2) 0 !important;
  color: var(--cf-ink-2) !important;
  background: var(--cf-cloud) !important;
  box-shadow: none !important;
  font-size: 11.75px !important;
  font-weight: 700 !important;
}
body.cf-v8 .password-toggle:hover { color: var(--cf-blue-strong) !important; background: var(--cf-info-bg) !important; }
body.cf-v8 form.stack > button:not(.workspace-login-submit):not(.saas-login-submit):not(.wide-button),
body.cf-v8 form.stack > .button:not(.wide-button) { width: auto !important; min-width: 144px; justify-self: start; }
body.cf-v8 .workspace-login-submit,
body.cf-v8 .saas-login-submit,
body.cf-v8 .lp-submit { width: 100% !important; }