/* password.str.css — FE-only password strength visuals (no global overrides) */

/* Scope to the Encrypt/Decrypt section */
section[aria-label="Encrypt or Decrypt a File"] .meter {
  height: 10px;
  border-radius: 9999px;
  overflow: hidden;
}

/* The bar itself */
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar {
  display: block;
  height: 100%;
  width: 0%;
  transition: width .2s ease;
  background: #c7d2fe; /* default */
}

/* Bar default + transitions */
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar {
  display:block; height:100%; width:0%;
  background:#c7d2fe; /* default */
  transition: width .2s ease, background-color .15s ease;
}

/* Support BOTH class sets on the bar */
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.pw-weak,
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.weak   { background:#ef4444; }
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.pw-fair,
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.fair   { background:#f59e0b; }
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.pw-good,
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.good   { background:#facc15; }
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.pw-strong,
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-bar.strong { background:#22c55e; }

/* Badge tinting */
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-badge.weak   { color:#ef4444; border-color:#ef4444; }
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-badge.fair   { color:#f59e0b; border-color:#f59e0b; }
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-badge.good   { color:#facc15; border-color:#facc15; }
section[aria-label="Encrypt or Decrypt a File"] #enc-strength-badge.strong { color:#22c55e; border-color:#22c55e; }