/* Shared interaction states, loaded after page styles. */
:root {
  --bs-action: #182d46;
  --bs-action-hover: #243d5b;
  --bs-action-pressed: #10213e;
  --bs-selected: #eef1f5;
}
html body[class][class] :is(button, [role="button"], .bs-button, .primary-btn, .secondary-btn, .ui-primary-action, .monday-primary, .settings-button, .tm-button, .ops-button, .bo-primary) {
  font-family: var(--bs-font) !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease !important;
}
html body[class][class] :is(button, [role="button"], .bs-button, .primary-btn, .secondary-btn, .ui-primary-action, .monday-primary, .settings-button, .tm-button, .ops-button, .bo-primary):is(:hover, :active, .is-pressed) {
  box-shadow: none !important;
  transform: none !important;
}
html body[class][class] :is(.primary-btn, .ui-primary-action, .bs-button-primary, .monday-primary, .settings-primary, .tm-button-primary, .tm-upload-submit, .ops-button-primary, .bo-primary, .crm-primary-btn, .automatic-primary-btn, .signin-v3-submit, .create-v3-generate, .offer-primary-button, .offer-light-button, .button.primary, :where(#saveSendBtn, #openMobileSigning)) {
  border-color: var(--bs-action) !important;
  background: var(--bs-action) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
html body[class][class] :is(.primary-btn, .ui-primary-action, .bs-button-primary, .monday-primary, .settings-primary, .tm-button-primary, .tm-upload-submit, .ops-button-primary, .bo-primary, .crm-primary-btn, .automatic-primary-btn, .signin-v3-submit, .create-v3-generate, .offer-primary-button, .offer-light-button, .button.primary, :where(#saveSendBtn, #openMobileSigning)):hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--bs-action-hover) !important;
  background: var(--bs-action-hover) !important;
}
html body[class][class] :is(.primary-btn, .ui-primary-action, .bs-button-primary, .monday-primary, .settings-primary, .tm-button-primary, .tm-upload-submit, .ops-button-primary, .bo-primary, .crm-primary-btn, .automatic-primary-btn, .signin-v3-submit, .create-v3-generate, .offer-primary-button, .offer-light-button, .button.primary, :where(#saveSendBtn, #openMobileSigning)):active:not(:disabled):not([aria-disabled="true"]) {
  background: var(--bs-action-pressed) !important;
}
html body[class][class] :is(.bs-button:not(.bs-button-primary), .secondary-btn, .settings-button:not(.settings-primary), .tm-button-secondary, .ops-button-secondary, .automatic-secondary-btn, .quote-toolbar button, .sign-tabs button, .clear-draw-btn, .review-tools button) {
  background: var(--bs-surface) !important;
  border-color: var(--bs-line) !important;
  color: var(--bs-text) !important;
  font-weight: 600 !important;
}
html body[class][class] :is(.bs-button:not(.bs-button-primary), .secondary-btn, .settings-button:not(.settings-primary), .tm-button-secondary, .ops-button-secondary, .automatic-secondary-btn, .quote-toolbar button, .sign-tabs button, .clear-draw-btn, .review-tools button):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--bs-hover-neutral) !important;
  border-color: #bdc5d1 !important;
}
html body[class][class] :is(.bs-button:not(.bs-button-primary), .secondary-btn, .settings-button:not(.settings-primary), .tm-button-secondary, .ops-button-secondary, .quote-toolbar button, .sign-tabs button):is(:active, .active):not(:disabled) {
  background: var(--bs-selected) !important;
  border-color: #aab5c4 !important;
}
html body[class][class] .bs-button-danger { color: var(--bs-danger-text) !important; }
html body[class][class] .bs-button-danger:hover { background: var(--bs-red-soft) !important; }
html body[class][class] :is(button, [role="button"], .bs-button, .primary-btn, .secondary-btn):is(:disabled, [aria-disabled="true"]) {
  background: #eef1f5 !important;
  border-color: #dce1e8 !important;
  color: #788496 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
html body[class][class] :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--bs-blue) !important;
  outline-offset: 3px !important;
}
html body[class][class] :is(input, select, textarea):hover:not(:disabled) { border-color: #aab5c4 !important; }
html body[class][class] :is(input, select, textarea):focus { border-color: #71849b !important; box-shadow: none !important; }
html body[class][class] .btn-arrow { display: none !important; }
html body[class][class] .contract-app > .app-sidebar .nav-link.active,
html body[class][class] .contract-app > .app-sidebar .nav-link.active:hover,
html body[class][class] .mobile-nav a.active { background: var(--bs-selected) !important; color: var(--bs-ink) !important; }
html body[class][class] .contract-app > .app-sidebar .nav-link.active :is(span, svg, svg *) { color: var(--bs-ink) !important; stroke: currentColor !important; }
body.customer-sign-page .sign-choice-options label:has(input:checked) { background: var(--bs-selected) !important; border-color: #aab5c4 !important; color: var(--bs-ink) !important; }
body.customer-sign-page .sign-choice-options label:hover { background: var(--bs-hover-neutral) !important; }
body.customer-sign-page :is(.sign-choice-options input, .agreement-row input, .sign-choice-receipt input) { accent-color: var(--bs-action) !important; }
body.page-review-redesign .review-disclosure-corrections summary { width: fit-content; color: var(--bs-muted); font-size: 13px; cursor: pointer; }
body.page-review-redesign .review-disclosure-corrections summary:hover { color: var(--bs-ink); }
body.page-review-redesign .review-disclosure-corrections[open] .review-field-grid { margin-top: 12px; }
@media (prefers-reduced-motion: reduce) { html body[class][class] :is(button, [role="button"], .bs-button) { transition: none !important; } }

body.page-review-redesign .field-group[hidden] { display: none !important; }

html body[class][class] button:hover:not(:disabled) { background-color: var(--bs-hover-neutral) !important; }
html body[class][class] button:active:not(:disabled) { background-color: var(--bs-selected) !important; }
