/* OCD "Passwort ändern" — companion styles for ocd-password-change.js.
   The form fields reuse the plugin's .ig-form styling; here we style the
   toggle link, the accordion collapse and the result message.
   NOTE: the collapse uses .ocd-open + max-height (not the hidden attribute,
   which the plugin's .ig-form display rule overrides). */

.ocd-pw-change {
    margin: 12px 0;
    text-align: center;
}

.ocd-pw-toggle {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #26367a;
    text-decoration: underline;
    cursor: pointer;
}
.ocd-pw-caret {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.25s ease;
}
.ocd-pw-toggle.ocd-open .ocd-pw-caret {
    transform: rotate(180deg);
}

/* Accordion collapse */
.ocd-pw-change .ocd-pw-form {
    display: block;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    text-align: left;
    transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.35s ease;
}
.ocd-pw-change .ocd-pw-form.ocd-open {
    max-height: 480px;
    opacity: 1;
    margin-top: 10px;
}

.ocd-pw-msg {
    margin: 8px 0;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
.ocd-pw-msg--ok {
    background: rgba(76, 175, 80, 0.12);
    color: #4caf50;
}
.ocd-pw-msg--error {
    background: rgba(229, 57, 53, 0.12);
    color: #e53935;
}