.rcp-password-meter {
  margin-top: .5em;
  font-size: .9em;
}
.rcp-password-meter .strength-bar {
  height: 6px;
  background: #eee;
  border-radius: 3px;
  transition: width .2s;
  margin-bottom: .2em;
}
.rcp-password-meter .strength-bar.s0 { background: #ccc; }
.rcp-password-meter .strength-bar.s1 { background: #e74c3c; }
.rcp-password-meter .strength-bar.s2 { background: #f39c12; }
.rcp-password-meter .strength-bar.s3 { background: #2ecc71; }
.rcp-password-meter .strength-bar.s4 { background: #27ae60; }
.rcp-password-meter .strength-label {
  display: block;
  color: #555;
}

/* Password Field Wrapper */
.rcp-password-field-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.rcp-password-field-wrapper input {
  padding-right: 45px; /* Make room for the eye icon */
}

/* Password Toggle Eye Icon */
.rcp-password-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 5px;
  cursor: pointer;
  color: #666;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rcp-password-toggle:hover {
  color: #333;
}

.rcp-password-toggle:focus {
  outline: 2px solid #0073aa;
  outline-offset: 2px;
  border-radius: 3px;
}

.rcp-password-toggle svg {
  width: 20px;
  height: 20px;
}