/* JonesWeb Flow — shared JonesWeb Services palette. */
:root, html.light, html.dark {
  color-scheme: dark;
  --primary: #044237 !important;
  --primary-h: 169deg !important;
  --primary-s: 89% !important;
  --primary-l: 14% !important;
  --primary-a: 1 !important;
  --primary-invert: #f2eee5 !important;
  --primary-light: #173e36 !important;
  --primary-dark: #86d5c7 !important;
  --link: #86d5c7 !important;
  --link-hover: #a7e3d9 !important;
  --link-focus: #a7e3d9 !important;
  --link-active: #a7e3d9 !important;
  --link-visited: #86d5c7 !important;
  --site-background: #101820 !important;
  --scheme-main: #17242d !important;
  --scheme-main-bis: #101820 !important;
  --scheme-main-ter: #21333d !important;
  --scheme-invert: #f2eee5 !important;
  --background: #101820 !important;
  --white: #17242d !important;
  --black: #f2eee5 !important;
  --grey-50: #101820 !important;
  --grey-100: #17242d !important;
  --grey-200: #21333d !important;
  --grey-300: #34505a !important;
  --grey-400: #728b92 !important;
  --grey-500: #96aeb1 !important;
  --grey-600: #b7c7c8 !important;
  --grey-700: #d2dedb !important;
  --grey-800: #e4e8df !important;
  --grey-900: #f2eee5 !important;
  --text: #f2eee5 !important;
  --text-strong: #f2eee5 !important;
  --text-light: #b7c7c8 !important;
  --border: #34505a !important;
  --border-light: #21333d !important;
  --border-hover: #86d5c7 !important;
  --input-background-color: #101820 !important;
  --input-color: #f2eee5 !important;
  --input-border-color: #34505a !important;
  --input-placeholder-color: #96aeb1 !important;
  --input-focus-border-color: #86d5c7 !important;
}
body { background: #101820; color: #f2eee5; }
.no-auth-wrapper {
  background: #101820 url('/branding/background.svg') center / cover fixed !important;
}
.noauth-container { border: 1px solid #34505a; border-radius: 1rem !important; }
.noauth-container > .image {
  background: linear-gradient(145deg, #044237, #101820) !important;
}
.noauth-container .image-title { color: #f2eee5 !important; }
.no-auth-wrapper > .logo { inline-size: 17rem; block-size: auto; margin-block: 2rem; }
.button.is-primary, .button.is-primary:hover {
  background-color: #044237 !important;
  color: #f2eee5 !important;
  border: 1px solid #86d5c7 !important;
}
.noauth-container .button.is-outlined {
  background: #044237 !important;
  color: #f2eee5 !important;
  border: 1px solid #86d5c7 !important;
}
.noauth-container .button.is-outlined:hover { background: #075a4b !important; }
.noauth-container .api-config { display: none; }
:focus-visible { outline-color: #86d5c7 !important; }
/* Native custom logos inherit dimensions on a wrapper rather than the image. */
.logo-link > div, .top-menu > a.logo > div { inline-size: 164px; block-size: 48px; }
.logo-link img.logo, .top-menu > a.logo img.logo {
  display: block !important;
  inline-size: 164px !important;
  block-size: 48px !important;
  max-inline-size: 100%;
  object-fit: contain;
}
.menu a.router-link-active, .menu a.router-link-exact-active,
.menu a.is-active {
  color: #86d5c7 !important;
  background: #173e36 !important;
  border-radius: .4rem;
}
.menu a.router-link-active .icon { color: #86d5c7 !important; }
.menu-container > a { color: #96aeb1 !important; opacity: 1 !important; }
.api-config { display: none; }