/* not-maximum branding — teal */
:root{
  --blue:#14b8a6;
}

body, input, button, textarea, select, h1, h2, h3 {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* ---- login ---- */
body.login main,
#login {
  background: #f4fbfa;
}

#login {
  box-shadow: 0 2px 6px 0 rgba(20,120,110,.15);
  border-radius: 16px;
  padding: 36px 32px 30px;
  background: #ffffff;
  border: 1px solid #e1efec;
}

#login .logo,
#login img {
  width: 72px !important;
  height: 72px !important;
  filter: none !important;
}

#login h1 {
  color: #1d3532;
  font-weight: 700;
  letter-spacing: -.3px;
}

#login input:not(.button) {
  border: 1px solid #d2e5e1 !important;
  border-radius: 10px !important;
  background: #f8fdfc !important;
  color: #1d3532 !important;
  transition: border-color .15s, box-shadow .15s;
}
#login input:not(.button):focus {
  border-color: #14b8a6 !important;
  box-shadow: 0 0 0 3px rgba(20,184,166,.15) !important;
  outline: none !important;
}

#login .button,
#login button[type="submit"] {
  background: #14b8a6 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: background .15s;
}
#login .button *, #login button[type="submit"] * { color: #ffffff !important; }
#login .button:hover,
#login button[type="submit"]:hover {
  background: #0f9d8f !important;
}

/* accents across the app */
.button--flat { color: #14b8a6 !important; }
#breadcrumbs span a:hover { color: #14b8a6 !important; }
.action:hover i,
.action.active i { color: #14b8a6 !important; }