/**
 * File: assets/css/frontend/account-auth-part2.css
 * Purpose: Split piece of a larger source file (1.0.191 file-size programme; cascade/build order unchanged). Continuation part 2 of assets/css/frontend/account-auth.css (split for the 300-line standard; cascade order is preserved by the enqueue chain).
 * Scope: Same feature scope as the source file named in the provenance line; not a standalone design source.
 * Package: HyperDAF Engine
 */
.hdf-auth-password button:hover,
.hdf-auth-password button:focus-visible,
.hdf-header-account-password button:hover,
.hdf-header-account-password button:focus-visible {
    background: var(--hdf-engine-color-surface-selected);
    outline: 2px solid color-mix(in srgb, var(--hdf-engine-color-primary-strong) 35%, transparent);
}

.hdf-auth-password [data-hdf-password-icon],
.hdf-auth-password .hdf-account-icon {
    display: inline-grid;
    width: 18px;
    height: 18px;
    place-items: center;
}

.hdf-auth-password [data-hdf-password-icon][hidden] {
    display: none;
}

.hdf-auth-form__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: .72rem;
}

.hdf-auth-form__meta a,
.hdf-auth-switch a,
.hdf-auth-browse {
    color: var(--hdf-engine-color-primary-strong);
    font-weight: 750;
    text-decoration: none;
}

.hdf-auth-check {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--hdf-engine-color-text-muted);
}

.hdf-auth-check input {
    width: 16px;
    height: 16px;
    accent-color: var(--hdf-engine-color-primary-strong);
}

.hdf-auth-submit {
    width: 100%;
    margin-top: 2px;
}

.hdf-auth-switch {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 12px;
    margin-top: 18px;
    color: var(--hdf-engine-color-text-muted);
    font-size: .73rem;
    text-align: center;
}

.hdf-auth-browse {
    display: inline-flex;
    justify-self: center;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    font-size: .72rem;
}

.hdf-auth-notice {
    margin-bottom: 16px;
    padding: 11px 12px;
    border: 1px solid var(--hdf-engine-color-warning-border);
    border-radius: var(--hdf-engine-radius-md, 8px);
    background: var(--hdf-engine-color-warning-soft);
    color: var(--hdf-engine-color-warning-text);
    font-size: .74rem;
    line-height: 1.5;
}

.hdf-auth-notice--success {
    border-color: color-mix(in srgb, var(--hdf-engine-color-success) 34%, var(--hdf-engine-color-border));
    background: color-mix(in srgb, var(--hdf-engine-color-success) 8%, var(--hdf-engine-color-surface));
    color: var(--hdf-engine-color-success-text);
}

.hdf-auth-closed {
    display: grid;
    justify-items: start;
    gap: 10px;
    padding: 18px;
    border: 1px solid var(--hdf-engine-color-border);
    border-radius: var(--hdf-engine-radius-lg, 14px);
    background: var(--hdf-engine-color-surface-subtle);
}

.hdf-auth-closed strong {
    color: var(--hdf-engine-color-text);
}

.hdf-auth-closed p {
    margin: 0;
    color: var(--hdf-engine-color-text-muted);
    font-size: .76rem;
    line-height: 1.55;
}

.hdf-auth-honeypot {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

@media (max-width: 800px) {
    .hdf-auth-shell {
        grid-template-columns: 1fr;
    }

    .hdf-auth-shell__brand {
        padding-bottom: 28px;
    }

    .hdf-auth-card {
        border-top: 1px solid var(--hdf-engine-color-border-subtle);
        border-left: 0;
    }
}

@media (max-width: 520px) {
    .hdf-auth-shell {
        margin-block: 16px 36px;
        border-radius: var(--hdf-engine-radius-lg, 14px);
    }

    .hdf-auth-shell__brand,
    .hdf-auth-card {
        padding: 22px 18px;
    }

    .hdf-auth-form__meta {
        align-items: flex-start;
        flex-direction: column;
    }
}