/* Consistent, unobtrusive navigation controls for every authentication screen. */
body.auth-page .auth-toolbar {
    position: relative;
    z-index: 90;
    width: 100%;
    min-height: 74px;
    padding: 0;
    pointer-events: none;
}

body.auth-page .auth-toolbar > * {
    pointer-events: auto;
}

body.auth-page .auth-toolbar .auth-back-link,
body.auth-page .verification-cancel-form,
body[data-peso-page='jobseeker-register'] .registration-back,
.verify-back {
    position: fixed !important;
    top: max(16px, env(safe-area-inset-top)) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    z-index: 1100 !important;
}

body.auth-page .verification-cancel-form {
    margin: 0 !important;
}

body.auth-page .verification-cancel-form .auth-back-link {
    position: static !important;
}

body.auth-page .auth-toolbar .auth-theme-toggle,
body[data-peso-page='jobseeker-register'] .registration-theme-toggle,
body[data-peso-page='verify-email'] .theme {
    position: fixed !important;
    top: max(16px, env(safe-area-inset-top)) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    left: auto !important;
    z-index: 1100 !important;
    margin: 0 !important;
}

body[data-peso-page='jobseeker-register'] .registration-toolbar {
    min-height: 74px;
}

.verify-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 15px;
    border: 1px solid var(--line, #cfddd6);
    border-radius: 13px;
    color: var(--text, #12241c);
    background: var(--card, #fff);
    box-shadow: 0 10px 25px rgba(4, 45, 27, .09);
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.verify-back:hover,
.verify-back:focus-visible {
    border-color: var(--green, #087443);
    color: var(--green, #087443);
}

@media (max-width: 560px) {
    body.auth-page .auth-toolbar .auth-back-link,
    body.auth-page .verification-cancel-form,
    body[data-peso-page='jobseeker-register'] .registration-back,
    .verify-back {
        top: max(10px, env(safe-area-inset-top)) !important;
        left: max(10px, env(safe-area-inset-left)) !important;
    }

    body.auth-page .auth-toolbar .auth-theme-toggle,
    body[data-peso-page='jobseeker-register'] .registration-theme-toggle,
    body[data-peso-page='verify-email'] .theme {
        top: max(10px, env(safe-area-inset-top)) !important;
        right: max(10px, env(safe-area-inset-right)) !important;
    }

    body.auth-page .auth-back-link span,
    body[data-peso-page='jobseeker-register'] .registration-back span,
    .verify-back span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    body.auth-page .auth-back-link,
    body[data-peso-page='jobseeker-register'] .registration-back,
    .verify-back {
        justify-content: center !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
        border-radius: 14px !important;
    }
}