/* mailcore_forgotpw — single-page flow styles.
 *
 * Panels: only the .mc-panel-active one is visible; the others hide.
 * Progress bar tracks phase (0/33/66/100%).
 * Password strength meter: 5 segments derived from rule pass count.
 */

/* Login-page link injected via loginform_content */
.mc-forgotpw-link {
    margin-top: 1em;
    text-align: center;
    font-size: 0.9em;
}

/* Skeleton container (already inside .propform / #login-form on template) */
.mc-forgotpw-panel {
    padding: 1em;
    max-width: 480px;
    margin: 0 auto;
}
.mc-forgotpw-heading {
    margin-top: 0;
    font-size: 1.4em;
    text-align: center;
}
.mc-forgotpw-intro {
    margin: 0 0 1em;
    line-height: 1.4;
}

/* Progress bar */
.mc-forgotpw-progress {
    margin: 0 0 1.5em;
}
.mc-forgotpw-progress-bar {
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
}
.mc-forgotpw-progress-bar span {
    display: block;
    height: 100%;
    background: #3f51b5;
    transition: width 300ms ease-out;
    width: 0;
}
.mc-forgotpw-progress-label {
    margin-top: 0.5em;
    font-size: 0.85em;
    color: #666;
    text-align: center;
}

/* Panels */
.mc-panel { display: none; }
.mc-panel.mc-panel-active { display: block; }

/* Form controls */
.mc-panel label {
    display: block;
    margin: 0.75em 0 0.25em;
    font-weight: 600;
}
.mc-panel input[type="text"],
.mc-panel input[type="email"],
.mc-panel input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em;
    font-size: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#mc-code {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-family: monospace;
    font-size: 1.2em;
    text-align: center;
}
.mc-btn-primary,
.mc-btn-secondary {
    display: inline-block;
    margin-top: 1em;
    padding: 0.6em 1.2em;
    font-size: 1em;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}
.mc-btn-primary   { background: #3f51b5; }
.mc-btn-secondary { background: #757575; }
.mc-btn-primary:disabled,
.mc-btn-secondary:disabled {
    background: #999;
    cursor: not-allowed;
}
.mc-btn-primary:hover:not(:disabled)  { background: #303f9f; }
.mc-btn-secondary:hover:not(:disabled) { background: #616161; }

/* Show password checkbox row */
.mc-forgotpw-showrow {
    margin: 0.75em 0;
    font-size: 0.9em;
}
.mc-forgotpw-showrow label {
    display: inline;
    font-weight: normal;
    margin: 0 0 0 0.25em;
}

/* Infoboxes */
.mc-infobox {
    padding: 0.5em 0.75em;
    margin: 0.5em 0;
    border-radius: 3px;
    font-size: 0.9em;
    line-height: 1.3;
}
.mc-infobox.hidden { display: none; }
.mc-infobox.okay {
    background: #e6f4ea;
    color: #1e4620;
    border: 1px solid #b4dcbf;
}
.mc-infobox.warning {
    background: #fdecea;
    color: #611a15;
    border: 1px solid #f5c2c0;
}

/* Password strength meter */
.mc-pw-strength {
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
    margin: 0.5em 0;
}
.mc-pw-strength span {
    display: block;
    height: 100%;
    width: 0;
    transition: width 200ms ease-out, background 200ms;
}
.mc-pw-strength .mc-strength-weak   { background: #d32f2f; }
.mc-pw-strength .mc-strength-ok     { background: #f9a825; }
.mc-pw-strength .mc-strength-strong { background: #388e3c; }

/* Rule list */
.mc-pw-rules {
    list-style: none;
    padding: 0;
    margin: 0.5em 0 1em;
    font-size: 0.85em;
}
.mc-pw-rules li {
    color: #999;
    margin: 0.15em 0;
    padding-left: 1.25em;
    position: relative;
}
.mc-pw-rules li::before {
    content: '○';
    position: absolute;
    left: 0;
    top: 0;
}
.mc-pw-rules li.mc-pw-rule-pass {
    color: #1e4620;
}
.mc-pw-rules li.mc-pw-rule-pass::before {
    content: '✓';
    color: #388e3c;
    font-weight: bold;
}