:root {
  --navy: #1d4f6f !important;
  --navy2: #245d7f !important;
  --portal-brand-dark: #286889 !important;
}

/* Shared dark-blue surfaces */
.sidebar,
.demo-sidebar,
.problem-section,
.contact-card,
.price-featured,
.account-banner,
.demo-hero,
.portal-hero,
.portal-app-banner,
.rhvac-entry-heading,
.intake-launch-card,
.admin-project-banner {
  background-color: #245d7f !important;
  background-image: linear-gradient(135deg, #245d7f, #347ca3) !important;
}

.auth-brand,
.hero {
  background-color: #1d4f6f !important;
  background-image: radial-gradient(circle at 72% 36%, #3c7fa2 0, #286889 34%, #1d4f6f 72%) !important;
}

footer,
.site-footer {
  background: #fff !important;
  color: #000 !important;
}

footer *,
.site-footer * {
  color: #000 !important;
}

.float-card,
.mobile-nav,
.nav.open {
  background-color: #245d7f !important;
}

/* Buttons and controls that intentionally use the brand's darkest blue */
.portal-projects .project-actions .intake-btn,
.portal-projects .project-actions .project-files-btn,
.portal-projects .project-notes-button,
.portal-projects .project-due-date-input,
.portal-projects #new-project,
.upload-room-sketch,
.finish-rhvac-entry,
.project-file-drop input::file-selector-button {
  background-color: #286889 !important;
  background-image: linear-gradient(135deg, #286889, #3a82aa) !important;
  border-color: #286889 !important;
}

.portal-projects .project-actions .intake-btn:hover,
.portal-projects .project-actions .project-files-btn:hover,
.portal-projects .project-notes-button:hover,
.portal-projects .project-due-date-input:hover,
.portal-projects #new-project:hover {
  background: #347ca3 !important;
  border-color: #347ca3 !important;
}

/* Release 113: compact project controls without reducing label text. */
.portal-projects .project-notes-button {
  min-width: 40px !important;
  min-height: 30px !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
}
.portal-projects .project-due-date-input {
  width: 132px !important;
  min-height: 32px !important;
  padding: 4px 8px !important;
  border-radius: 7px !important;
}
.portal-projects .project-actions .intake-btn,
.portal-projects .project-actions .project-files-btn {
  min-height: 34px !important;
  padding: 6px 10px !important;
  border-radius: 7px !important;
}
.portal-projects .project-actions .delete-project-btn {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border-radius: 6px !important;
}

.billing-grid.plans {
  grid-template-columns: minmax(240px, .72fr) minmax(340px, 1.28fr);
}

.contractor-complete-card {
  min-height: 340px;
}

@media (max-width: 1050px) {
  .billing-grid.plans {
    grid-template-columns: 1fr;
  }
}
/* Release 116: clearly scope the monthly membership policies. */
.billing-policy-scope{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding-bottom:2px}.billing-policy-scope strong{color:#123f65;font-size:14px}.billing-policy-scope span{color:#536b7d;font-size:12px;line-height:1.5}
/* Release 118: lighter blue actions throughout every intake workflow. */
.intake-workflow :is(.primary,.secondary,.upload-room-sketch,.self-check-help-button),
.intake-workflow :is(.add-wall-direction,.add-extra-wall,.add-window,.add-opening),
.intake-workflow .window-lookup button:not(.info-button),
.intake-workflow .window-row button:not(.info-button),
.intake-dialog :is(.primary:not(.admin-ready),.secondary:not(.danger-button):not(.admin-needs-info),.direction-mode-button,.add-opening) {
  background-color: #347ca3 !important;
  background-image: none !important;
  border-color: #347ca3 !important;
  color: #fff !important;
}
.intake-workflow :is(.primary,.secondary,.upload-room-sketch,.self-check-help-button):hover,
.intake-workflow :is(.add-wall-direction,.add-extra-wall,.add-window,.add-opening):hover,
.intake-dialog :is(.primary:not(.admin-ready),.secondary:not(.danger-button):not(.admin-needs-info),.direction-mode-button,.add-opening):hover {
  background-color: #4092bc !important;
  border-color: #4092bc !important;
}
.intake-workflow .steps button.active > span,
.intake-workflow .yes-no-control button.selected {
  background: #347ca3 !important;
  border-color: #347ca3 !important;
  color: #fff !important;
}
.intake-workflow .steps button.active {
  border-color: #347ca3 !important;
  box-shadow: 0 0 0 3px #347ca329 !important;
}
/* Preserve safety/status colors for delete, remove, approval, and warning actions. */
.intake-dialog :is(.danger-button,.room-delete,.remove-mini,.admin-needs-info,.admin-ready),
.intake-workflow :is(.text-button,.remove-room,.info-button) {
  background-image: none;
}

/* Release 119: match the On the Go step icons to the lighter header blue. */
.portal-app-features b {
  background: #347ca3 !important;
}

/* Release 121: one consistent blue matching the left login panel. */
:root {
  --navy: #286889 !important;
  --navy2: #286889 !important;
  --blue: #286889 !important;
  --cyan: #286889 !important;
  --portal-blue: #286889 !important;
  --portal-brand-dark: #286889 !important;
}
.sidebar,
.demo-sidebar,
.auth-brand,
.hero,
.problem-section,
.contact-card,
.price-featured,
.account-banner,
.demo-hero,
.portal-hero,
.portal-app-banner,
.rhvac-entry-heading,
.intake-launch-card,
.admin-project-banner,
.float-card,
.mobile-nav,
.nav.open {
  background-color: #286889 !important;
  background-image: none !important;
}
.primary,
.button,
.intake-btn,
.billing-cart-toggle,
.industry-resource-links a,
.admin-project-review,
.project-actions .delete-project-btn,
.project-analysis-icon,
.section-heading > span,
.feedback-link,
.demo-grid a,
.feedback-card > a,
.portal-app-features b,
.steps button.active > span,
.yes-no-control button.selected {
  background-color: #286889 !important;
  background-image: none !important;
  border-color: #286889 !important;
}
.primary:hover,
.button:hover,
.intake-btn:hover,
.feedback-link:hover,
.demo-grid a:hover,
.feedback-card > a:hover {
  background-color: #286889 !important;
  filter: brightness(1.08);
}
.mark i,
.progress i,
.bar i {
  background-color: #286889 !important;
  background-image: none !important;
}
.steps button.active,
.service-section,
.billing-card.featured {
  border-color: #286889 !important;
}