/* PROF Sanimarc brand palette — single source of truth.
   Loaded once via base templates. WAR and email templates use
   inline hex instead of these vars (PDF / email-client compat). */
:root {
  --prof-primary: #003DA5;       /* PANTONE 2945C */
  --prof-primary-hover: #002d7a;
  --prof-accent: #00B5E2;        /* PANTONE 306C */
  --prof-text-on-primary: #ffffff;
}

/* Form controls: PROF blue border, scoped to Sutro Central surfaces only.
   - body.store        — pages extending store-base.html (technician portal)
   - .poolstore_chemical_wrapper — Sutro Central Pool Store Chemicals pages
   incodeks_inrec pages intentionally excluded so they keep their original styling. */
body.store .form-control,
body.store .border-input,
body.store input.form-control,
body.store select.form-control,
body.store textarea.form-control,
.poolstore_chemical_wrapper .form-control,
.poolstore_chemical_wrapper .border-input,
.poolstore_chemical_wrapper input.form-control,
.poolstore_chemical_wrapper select.form-control,
.poolstore_chemical_wrapper textarea.form-control {
  border: 1px solid var(--prof-primary) !important;
  background-color: #ffffff;
  color: #212529;
  border-radius: 2px;
}

body.store .form-control:focus,
body.store .border-input:focus,
.poolstore_chemical_wrapper .form-control:focus,
.poolstore_chemical_wrapper .border-input:focus {
  border-color: var(--prof-primary) !important;
  box-shadow: 0 0 0 0.15rem rgba(0, 61, 165, 0.15) !important;
  outline: none !important;
}

/* View-as role selector on customer profile: PROF blue border + text. */
#view_as_container select#role,
select#role {
  border: 1px solid var(--prof-primary) !important;
  color: var(--prof-primary) !important;
  background-color: #ffffff !important;
  padding: 4px 8px !important;
  border-radius: 0 !important;
  height: 40px !important;
}

/* Hide legacy Sutro decorative footer graphics ("dashboard-image" — the
   gear-and-monitor SVG that used to sit in the bottom-right corner of
   dashboard, customer_list, technician_list, etc.). Old Sutro design,
   no PROF replacement planned. Scoped to body.store so incodeks_inrec
   internal pages keep theirs. */
body.store .dashboard-image {
  display: none !important;
}

/* Logout button: no hover state — keeps the same appearance hovered or not. */
.log-out-button,
.log-out-button:hover,
.log-out-button:focus,
.log-out-button:active,
.log-out-button.active,
a:hover .log-out-button,
a:focus .log-out-button {
  background-color: #ffffff !important;
  color: var(--prof-primary) !important;
  border-color: var(--prof-primary) !important;
  box-shadow: none !important;
}

/* .btn-primary hover state — force fully white text on PROF blue.
   paper-dashboard's default is rgba(255,255,255,0.7) which reads as ghosted/
   "hidden" text and was breaking visibility across every technician page
   (dashboard, customer list, manager/store/technician list, etc.). Scoped
   to body.store so we don't accidentally affect incodeks_inrec pages. */
body.store .btn-primary:hover,
body.store .btn-primary:focus,
body.store .btn-primary:active,
body.store .btn-primary.active,
body.store a:hover .btn-primary,
body.store a:focus .btn-primary {
  background-color: var(--prof-primary) !important;
  color: #ffffff !important;
  border-color: var(--prof-primary) !important;
}

/* Daterangepicker Cancel/Apply buttons (poolstore_settings, customer_readings).
   paper-dashboard's generic .btn:hover sets a brown/tan background (#66615B)
   that reads as "gold" on the date picker. Override both to PROF colors,
   and force exact centering via flexbox (paper-dashboard's .btn has
   asymmetric padding/line-height that pushes text off-center). */
body.store .daterangepicker .drp-buttons .btn,
body.store .daterangepicker .drp-buttons .applyBtn,
body.store .daterangepicker .drp-buttons .cancelBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 18px !important;
  height: 34px !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  min-width: 84px !important;
  vertical-align: middle !important;
}

/* Apply button — solid PROF blue (primary action) */
body.store .daterangepicker .drp-buttons .applyBtn,
body.store .daterangepicker .drp-buttons .applyBtn.btn-primary {
  background-color: var(--prof-primary) !important;
  color: #ffffff !important;
  border: 1px solid var(--prof-primary) !important;
}
body.store .daterangepicker .drp-buttons .applyBtn:hover,
body.store .daterangepicker .drp-buttons .applyBtn:focus,
body.store .daterangepicker .drp-buttons .applyBtn:active {
  background-color: var(--prof-primary-hover) !important;
  color: #ffffff !important;
  border-color: var(--prof-primary-hover) !important;
}

/* Cancel button — outline PROF blue (secondary action). Override the
   inherited .btn:hover brown/tan from paper-dashboard. */
body.store .daterangepicker .drp-buttons .cancelBtn,
body.store .daterangepicker .drp-buttons .cancelBtn.btn-default {
  background-color: #ffffff !important;
  color: var(--prof-primary) !important;
  border: 1px solid var(--prof-primary) !important;
}
body.store .daterangepicker .drp-buttons .cancelBtn:hover,
body.store .daterangepicker .drp-buttons .cancelBtn:focus,
body.store .daterangepicker .drp-buttons .cancelBtn:active {
  background-color: var(--prof-primary) !important;
  color: #ffffff !important;
  border-color: var(--prof-primary) !important;
}