/**
 * EAuth auth-pages minimal client styles (task 021).
 *
 * Scope: password-rules checklist rule-state colors only. Everything else on
 * `views/auth/*.hbs` pages stays DaisyUI-native (no custom CSS duplicating a
 * DaisyUI component).
 *
 * `partials/password-rules.hbs` server-renders every `li[data-rule]` with a
 * `rule-invalid` class and a `.rule-icon` styled `text-error` (red) by
 * default. `js/auth.js` toggles `rule-valid`/`rule-invalid` on the `li` as
 * the user types; these rules override the default red with green once a
 * rule passes (two-class selector specificity beats the single-class
 * `.text-error` Tailwind utility already on the icon span).
 */

.rule-valid {
  color: #36d399;
}

.rule-valid .rule-icon {
  color: #36d399;
}

.rule-invalid .rule-icon {
  color: #f87272;
}