/* Update 005 – Passwort vergessen */

.password-reset-page {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(54, 84, 130, .18), transparent 34%),
        linear-gradient(145deg, #eef2f7, #dde5ef);
    color: #172033;
    font-family: Arial, Helvetica, sans-serif;
}

.password-reset-page * {
    box-sizing: border-box;
}

.password-reset-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 28px 16px;
}

.password-reset-card {
    width: min(100%, 520px);
    padding: 34px;
    border: 1px solid rgba(210, 219, 231, .9);
    border-radius: 20px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 22px 60px rgba(25, 38, 58, .14);
}

.password-reset-brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 30px;
    color: #111827;
    text-decoration: none;
}

.password-reset-brand span {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border-radius: 12px;
    background: #111827;
    color: #fff;
    font-weight: 900;
}

.password-reset-brand strong {
    font-size: 18px;
}

.password-reset-eyebrow {
    display: block;
    color: #728096;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.password-reset-card h1 {
    margin: 7px 0 11px;
    font-size: 31px;
}

.password-reset-intro {
    margin: 0 0 23px;
    color: #667286;
    line-height: 1.6;
}

.password-reset-form {
    display: grid;
    gap: 17px;
}

.password-reset-form label {
    display: grid;
    gap: 7px;
    font-weight: 800;
}

.password-reset-form input {
    width: 100%;
    min-height: 47px;
    padding: 10px 12px;
    border: 1px solid #cfd7e3;
    border-radius: 10px;
    background: #fff;
    font: inherit;
}

.password-reset-form input:focus {
    border-color: #385b8d;
    outline: 3px solid rgba(56, 91, 141, .14);
}

.password-reset-form button,
.password-reset-primary-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 47px;
    border: 0;
    border-radius: 10px;
    padding: 11px 16px;
    background: #111827;
    color: #fff;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.password-reset-back {
    display: block;
    margin-top: 22px;
    color: #536177;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.password-reset-back:hover {
    color: #111827;
}

.password-reset-dev-note {
    margin: 18px 0;
    padding: 15px;
    border: 1px solid #eed29a;
    border-radius: 11px;
    background: #fff7e6;
    color: #70500f;
}

.password-reset-dev-note p {
    margin: 8px 0;
}

.password-reset-dev-note code {
    display: block;
    overflow-wrap: anywhere;
    font-size: 12px;
}

@media (max-width: 540px) {
    .password-reset-card {
        padding: 26px 20px;
    }

    .password-reset-card h1 {
        font-size: 27px;
    }
}

/* RC6 Build 14 UI Compact: Passwortdialoge */
.password-reset-form button,
.password-reset-form .button,
.password-reset-actions a {
    min-height: 38px !important;
    height: auto !important;
    padding: 8px 14px !important;
    line-height: 1.15 !important;
}

/* RC6 Build 14.4 – dunkle Aktionsbuttons kompakt und mittig */
button:not(.button-secondary):not(.nav-toggle):not(.icon-button),
.button:not(.button-secondary):not(.button-secondary-link),
.btn:not(.btn-secondary):not(.btn-light):not(.btn-outline) {
    min-height: 29px !important;
    height: 29px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}