/* login.css - EverSmart (SabateS Family Office) Theme - V1 port of the V2 build
 *
 * Palette from the shipped EverSmart V2 customization:
 *   primary olive #888D30, primary-dark #000000 (pure black, per brand),
 *   light tint #E3E5C3; #A6AB4A / #C9CD8E derived intermediate olives.
 *
 * Substitution map (V1 default -> EverSmart):
 *   #2850b3 (--principal-650) -> #000000  black (hover, window headers)
 *   #3972FF (--principal-500) -> #888D30  primary olive (CTA, accents)
 *   #4c80ff (--principal-450) -> #A6AB4A  light hover olive
 *   #88aaff (--principal-300) -> #C9CD8E  mid olive tint
 *   #c3d4ff (--principal-150) -> #E3E5C3  soft olive-cream tint
 *   #4c708e -> #000000   |  #cbe8ea -> #E3E5C3  |  #4b9098 -> #888D30
 *   #b2d1e8 -> #C9CD8E   |  #88c0c5 -> #C9CD8E  |  #5d9ed0 -> #888D30
 *   #095370 -> #000000   |  #006ee4 -> #888D30  |  #0b2b38 -> #000000
 *   #1c4b5e -> #2E2E2E   |  #414c5a -> #000000
 * Greys, error/success/warning colours and report line styles untouched.
 * Logo slots (logo_login/menu/dashboard.png) replaced with EverSmart logo.
 */

:root {
  --principal-650: #000000;
  --principal-500: #888D30;
  --principal-450: #A6AB4A;
  --principal-300: #C9CD8E;
  --principal-150: #E3E5C3;
  --secondary-500: #aea693;
  --acents-1-500: #b7b09c;
  --neutral-950: #0e0e0e;
  --neutral-750: #464646;
  --neutral-600: #707070;
  --neutral-500: #8c8c8c;
  --neutral-250: #c6c6c6;
  --neutral-100: #e8e8e8;
  --neutral-50: #f3f3f3;
  --neutral-25: #f9f9f9;
  --neutral-0: #ffffff;
  --success-500: #5cb37f;
  --success-150: #cee8d8;
  --warning-500: #e8a359;
  --warning-150: #f8e3cd;
  --error-500: #d8544d;
  --error-150: #f3cbc9;
}

body {
  background-color: var(--neutral-50) !important;
  color: var(--neutral-950) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

form.form-horizontal {
  background-image: url('/Custom/Content/logo_login.png');
  /* EverSmart logo is 1908x720 (~2.65:1); fix height and reserve room above the fields */
  background-size: auto 110px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 140px;
}

img.logo {
  display: none; /* removed from layout; spacing handled by padding-top above */
}

img {
  margin-bottom: 24px;
}

a {
  color: var(--neutral-950);
}

a:hover {
  text-decoration: underline !important;
  color: var(--neutral-950) !important;
}

label {
  color: var(--neutral-950);
}

#loginForm {
  background-color: white;
  margin: 120px auto;
  padding: 40px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  width: 450px;
}

.form-control {
  border: none;
  box-shadow: none;
  border: 1px solid var(--neutral-250);
  border-radius: 4px;
}

#submit-btn {
  background-color: var(--principal-500);
  color: white;
  border: none;
}

#RememberMe {
  accent-color: var(--principal-500);
}

@media (max-width: 680px) {
  #loginForm {
    min-width: 85vw;
    padding: 24px;
  }
}