/**
 * Minimal backend presentation for Chinese OJS pages.
 *
 * Loaded only in ThemePlugin's backend context. It deliberately uses the
 * official OJS/PKP component markup and never hides actions or owns workflow.
 */

body {
    font-family: "Noto Sans CJK SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    overflow-wrap: anywhere;
}

.app,
.app__page,
.app__contentPanel,
.app__main,
.pkp_page_content,
.pkpForm,
.pkpFormPage,
.pkpListPanel,
.pkpTable,
.pkpWorkflow,
.submissionWizard {
    min-inline-size: 0;
}

.app__pageHeading,
.app__pageHeading h1,
.app__pageHeading h2,
.pkpHeader__title,
.pkpFormField__label,
.pkpFormField__description,
.listPanel__itemTitle,
.listPanel__itemSubtitle,
.pkpBadge,
.pkpButton,
.pkpTabs__button,
.pkpWorkflow__stage,
.submissionWizard__reviewPanel__item__value {
    overflow-wrap: anywhere;
    white-space: normal;
}

.pkpForm input,
.pkpForm select,
.pkpForm textarea,
.pkpFormField,
.pkpTable,
.pkpListPanel {
    max-inline-size: 100%;
}

.pkpForm textarea {
    min-block-size: 8rem;
    resize: vertical;
}

.pkpForm :focus-visible,
.pkpButton:focus-visible,
.pkpTabs__button:focus-visible,
.pkpDropdown__button:focus-visible,
.pkpWorkflow a:focus-visible,
[role="dialog"] :focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 3px;
}

.pkpTableWrapper,
.pkpListPanel__items,
.pkpTabs,
.pkpWorkflow__stages {
    max-inline-size: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.submissionWizard__reviewPanel__list li,
.submissionWizard__footer,
.pkpFormPage__footer,
.pkpHeader__actions,
.listPanel__itemActions {
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 48rem) {
    .app__page,
    .app__contentPanel,
    .pkp_page_content {
        inline-size: 100%;
        max-inline-size: 100%;
    }

    .app__pageHeading,
    .pkpHeader,
    .pkpFormPage__footer,
    .submissionWizard__footer,
    .submissionWizard__reviewPanel__list li {
        align-items: stretch;
        flex-direction: column;
    }

    .app__pageHeading > .pkpButton,
    .pkpHeader__actions,
    .submissionWizard__reviewPanel__list__actions {
        margin-inline-start: 0;
    }

    .pkpButton,
    .pkpFormPage__footer .pkpButton {
        max-inline-size: 100%;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}