/* Settings pages — small utilities not provided by the Linear core. */

/* Password strength meter */
.password-strength-meter {
    width: 100%;
    height: 4px;
    background: var(--bg-subtle);
    border-radius: 2px;
    overflow: hidden;
    margin-top: 4px;
}
.password-strength-bar {
    height: 100%;
    width: 0%;
    background: var(--fg-faint);
    transition: width 0.3s ease, background-color 0.2s ease;
    border-radius: 2px;
}

/* Show/hide password — two stacked icons inside the toggle button.
   Default: eye visible, eye-off hidden. .is-revealed swaps them. */
.linear-pwd-toggle .linear-pwd-eye-off { display: none; }
.linear-pwd-toggle.is-revealed .linear-pwd-eye    { display: none; }
.linear-pwd-toggle.is-revealed .linear-pwd-eye-off { display: inline-block; }

/* Calendar settings — non-Linear badge variants used in the events list.
   Mapped to Linear pill tokens so they read as part of the system. */
.linear-pill--calendar-purple { color: var(--purple); background: var(--purple-soft); }
.linear-pill--calendar-teal   { color: var(--info); background: var(--info-soft); }
.linear-pill--calendar-orange { color: var(--accent); background: var(--accent-soft); }