/*
 * Additions on top of the original styles.css (kept unchanged from PHP).
 */

/* Flash messages were rendered under the open modal (z-index 75 vs 100). */
.flash-stack {
    z-index: 130;
    pointer-events: auto;
}

.flash {
    cursor: pointer;
}

/* Errors shown inside the form that caused them. */
.form-error {
    margin: 0;
    padding: 12px 16px;
    border-radius: 12px;
    border-left: 4px solid #95190c;
    background: #f4dcd8;
    color: #6d160d;
    font-weight: 800;
    line-height: 1.45;
}

.auth-notice {
    margin: 0 0 18px;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(0, 50, 32, .07);
    border-left: 3px solid var(--copper);
    color: var(--green);
    font-weight: 700;
}

/* A running request: buttons look disabled, double clicks are ignored. */
form[aria-busy="true"] button[type="submit"],
form[aria-busy="true"] .auth-submit {
    opacity: .65;
    cursor: progress;
}

/* Invalid fields after the browser's own validation. */
.auth-form input:user-invalid {
    border-color: #95190c;
}

.field-hint-error {
    display: block;
    margin-top: 4px;
    color: #6d160d;
    font-weight: 700;
    font-size: .85rem;
}