/*
 * Salus Demo — Pimcore Studio Branding
 * Login background: SVG via Admin Settings (Asset #596)
 * Brand color: #4a7c3f via Admin Settings
 */
:root {
  --salus-green:       #4a7c3f;
  --salus-green-dark:  #2d5a28;
  --salus-green-light: #7db356;
  --salus-cream:       #f5f0e8;
  --salus-shadow:      rgba(74, 124, 63, 0.12);
}

/* ── Login widget: Logo/Schriftzug kleiner ── */
/* Das Bild über den Eingabefeldern (customLogoSmall) soll kleiner sein */
#app img,
[class*="loginWidget"] img,
[class*="login-widget"] img {
  max-height: 55px !important;
  max-width: 240px !important;
  margin-bottom: 28px !important;
}

/* ── Global base ── */
body, html {
  background: var(--salus-cream);
  min-height: 100vh;
}

/* ── Login widget: fix the purple box-shadow to Salus green ── */
/* The widget has box-shadow: 0px 2px 0px 0px rgba(114, 46, 209, 0.10) — override */
[class*="loginWidget"],
[class*="login-widget"],
[class*="LoginWidget"] {
  box-shadow: 0 4px 24px rgba(74,124,63,0.18), 0 2px 0 rgba(74,124,63,0.12) !important;
  border: 1px solid rgba(125,179,86,0.15) !important;
}

/* ── Primary color override for ALL Ant Design elements ── */
/* Login button */
.ant-btn-primary {
  background: var(--salus-green) !important;
  border-color: var(--salus-green) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(74,124,63,0.3) !important;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  background: var(--salus-green-dark) !important;
  border-color: var(--salus-green-dark) !important;
}

/* ── Input fields ── */
.ant-input,
.ant-input-affix-wrapper {
  border-color: rgba(74,124,63,0.25) !important;
  border-radius: 6px !important;
}
.ant-input:focus,
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  border-color: var(--salus-green) !important;
  box-shadow: 0 0 0 2px rgba(74,124,63,0.15) !important;
}
.ant-input:hover,
.ant-input-affix-wrapper:hover {
  border-color: var(--salus-green-light) !important;
}

/* ── Links (nur Login-Seite) ── */
a, a:visited { color: var(--salus-green); }
a:hover { color: var(--salus-green-dark); }