/** Legacy auth cards and static-content shell over official OJS templates. */

.pkp_page_login .pkp_structure_content,
.pkp_page_user.pkp_op_register .pkp_structure_content {
    display: block;
}

.pkp_page_login .pkp_structure_main,
.pkp_page_user.pkp_op_register .pkp_structure_main {
    float: none;
    inline-size: 100%;
    width: 100%;
}

.pkp_page_login .pkp_structure_sidebar,
.pkp_page_user.pkp_op_register .pkp_structure_sidebar {
    display: none;
}

.pkp_page_about .pkp_structure_sidebar .pkp_block {
    padding: 1.5rem;
    background: var(--sukan-color-surface);
    border: 1px solid var(--sukan-color-border-subtle);
    border-radius: 0.5rem;
    box-shadow: var(--sukan-shadow-card);
}

.pkp_page_about .pkp_structure_sidebar .title {
    margin: 0 0 0.75rem;
    padding-block-end: 0.75rem;
    border-block-end: 2px solid var(--sukan-color-interactive);
    color: var(--sukan-color-brand-surface);
    font-size: 1.125rem;
}

.page_login,
.page_lost_password,
.page_register {
    box-sizing: border-box;
    inline-size: min(100%, 31.25rem);
    margin-inline: auto;
    padding: 2rem;
    background: var(--sukan-color-surface);
    border: 1px solid var(--sukan-color-border-subtle);
    border-radius: 0.5rem;
    box-shadow: var(--sukan-shadow-card);
}

.page_register {
    inline-size: min(100%, 42rem);
}

.page_login .cmp_breadcrumbs,
.page_lost_password .cmp_breadcrumbs,
.page_register .cmp_breadcrumbs {
    margin-block-end: 1rem;
}

.page_login > h1,
.page_lost_password > h1,
.page_register > h1 {
    margin: 0 0 1.5rem;
    text-align: center;
    font-size: 1.5rem;
}

.page_login > p,
.page_lost_password > p,
.page_register > p {
    color: var(--sukan-color-text-muted);
}

.page_login .cmp_form,
.page_lost_password .cmp_form,
.page_register .cmp_form {
    margin-block-start: 1.5rem;
}

.page_login .cmp_form .fields,
.page_lost_password .cmp_form .fields,
.page_register .cmp_form .fields {
    display: grid;
    gap: 1.25rem;
}

.page_login .cmp_form label,
.page_lost_password .cmp_form label,
.page_register .cmp_form label {
    display: block;
}

.page_login .cmp_form label > .label,
.page_lost_password .cmp_form label > .label,
.page_register .cmp_form label > .label {
    display: block;
    margin-block-end: 0.5rem;
    font-weight: 700;
}

.page_login .cmp_form input:not([type='checkbox']):not([type='radio']),
.page_lost_password .cmp_form input:not([type='checkbox']):not([type='radio']),
.page_register .cmp_form input:not([type='checkbox']):not([type='radio']),
.page_register .cmp_form select,
.page_register .cmp_form textarea {
    inline-size: 100%;
}

.page_login .password > label > a {
    display: inline-flex;
    min-block-size: 2.75rem;
    align-items: center;
    margin-block-start: 0.25rem;
}

.page_login .remember label,
.page_register .optin label {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.page_login .remember label > .label,
.page_register .optin label > .label {
    margin: 0;
    font-weight: 400;
}

.page_login .buttons,
.page_lost_password .buttons,
.page_register .buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-block-start: 0.5rem;
}

.page_login .buttons .submit,
.page_lost_password .buttons .submit,
.page_register .buttons .submit {
    flex: 1 1 auto;
    background: var(--sukan-color-interactive);
    border-color: var(--sukan-color-interactive);
}

.page_register .cmp_form > fieldset,
.page_register .cmp_form > .fields,
.page_register .cmp_form > .consent,
.page_register .cmp_form > .reviewer {
    margin: 0 0 1.5rem;
    padding: 0;
    border: 0;
}

.page_register .cmp_form > fieldset + fieldset {
    padding-block-start: 1.5rem;
    border-block-start: 1px solid var(--sukan-color-border-subtle);
}

.page_register .cmp_form legend:not(.pkp_screen_reader) {
    margin-block-end: 1rem;
    color: var(--sukan-color-brand-surface);
    font-size: 1.125rem;
    font-weight: 700;
}

.page_message,
.page_error,
.page_information {
    box-sizing: border-box;
    max-inline-size: 48rem;
    margin-inline: auto;
    padding: 2rem;
    background: var(--sukan-color-surface);
    border: 1px solid var(--sukan-color-border-subtle);
    border-inline-start: 0.3rem solid var(--sukan-color-interactive);
    border-radius: 0.5rem;
    box-shadow: var(--sukan-shadow-card);
}

.page_about,
.page_contact,
.page_privacy,
.page_submissions,
.page_masthead,
.page_editorial_history {
    inline-size: 100%;
    max-inline-size: none;
}

.page_about > h1,
.page_contact > h1,
.page_privacy > h1,
.page_submissions > h1,
.page_masthead > h1,
.page_editorial_history > h1 {
    margin: 1rem 0 2rem;
    padding-inline-start: 1rem;
    border-inline-start: 0.35rem solid var(--sukan-color-interactive);
    font-size: 1.5rem;
}

.page_about h2,
.page_contact h2,
.page_privacy h2,
.page_submissions h2,
.page_masthead h2,
.page_editorial_history h2 {
    margin-block: 2rem 1rem;
    font-size: 1.25rem;
}

.page_about p,
.page_privacy p,
.page_submissions p {
    line-height: 1.9;
}

.page_contact .contact_section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.page_contact .contact_section > .address {
    grid-column: 1 / -1;
}

.page_contact .contact,
.page_contact .address,
.page_submissions .author_guidelines,
.page_submissions .submission_checklist,
.page_submissions .section_policy,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
    padding: 1.5rem;
    background: var(--sukan-color-surface);
    border: 1px solid var(--sukan-color-border-subtle);
    border-radius: 0.5rem;
    box-shadow: var(--sukan-shadow-card);
}

.page_contact .contact h2,
.page_submissions .author_guidelines > h2,
.page_submissions .submission_checklist > h2,
.page_submissions .section_policy > h2,
.page_submissions .copyright_notice > h2,
.page_submissions .privacy_statement > h2 {
    margin-block-start: 0;
    padding-block-end: 0.75rem;
    border-block-end: 2px solid var(--sukan-color-interactive);
}

.page_submissions > * + .author_guidelines,
.page_submissions > * + .submission_checklist,
.page_submissions > * + .section_policy,
.page_submissions > * + .copyright_notice,
.page_submissions > * + .privacy_statement {
    margin-block-start: 1.5rem;
}

.page_masthead .user_listing {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_masthead .user_listing > li {
    padding: 1rem;
    background: var(--sukan-color-surface);
    border: 1px solid var(--sukan-color-border-subtle);
    border-radius: 0.375rem;
}

.page_masthead .user_listing .name,
.page_masthead .user_listing .affiliation {
    display: block;
}

.page_masthead .user_listing .name {
    font-weight: 700;
}

.page_masthead .user_listing .affiliation {
    margin-block-start: 0.35rem;
    color: var(--sukan-color-text-muted);
}

@media (max-width: 42rem) {
    .page_login,
    .page_lost_password,
    .page_register {
        padding: 1.25rem;
    }

    .page_login .buttons,
    .page_lost_password .buttons,
    .page_register .buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .page_contact .contact_section,
    .page_masthead .user_listing {
        grid-template-columns: minmax(0, 1fr);
    }
}