/*
 * v0.1.24 — OJS 3.5 UI-library theme (tokens from pkp/ui-library):
 * primary #006798, hover #0082BF, attention #D00A0A, success #00B24E,
 * border #EAEDEE, Noto Sans, 4px radius. Loaded after the base styles.
 * Status/progress colours (ring, legend, tones) are intentionally untouched.
 */
:root {
    --ms-border: #eaedee;
    --ms-soft: #f7f9fa;
    --ms-text: #222;
    --ms-muted: #545c60;
    --ms-accent: #006798;
    --ojs-primary: #006798;
    --ojs-primary-hover: #0082bf;
    --ojs-attention: #d00a0a;
    --ojs-success: #00b24e;
    --ojs-border-strong: #c8d0d4;
    --ojs-font: "Noto Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.manuscriptStatusPublicPage,
.manuscriptStatusManagePage,
.manuscriptStatusWorkflowPanel,
#manuscriptStatusSettingsForm { font-family: var(--ojs-font); }

/* cards */
.manuscriptStatusLookupCard,
.manuscriptStatusTopCard,
.manuscriptStatusMeaningCard,
.manuscriptStatusLegendCard,
.manuscriptStatusHistoryCard,
.manuscriptStatusEditorCard,
.manuscriptStatusWorkflowPanel {
    border: 1px solid var(--ms-border);
    border-radius: 4px;
    box-shadow: none;
}
.manuscriptStatusWorkflowPanelHeader {
    background: #f7f9fa;
    border-bottom: 1px solid var(--ms-border);
    color: var(--ojs-primary);
}
.manuscriptStatusWorkflowLoading,
.manuscriptStatusPanelError { border-radius: 4px; border-color: var(--ms-border); }
.manuscriptStatusPanelError { border-color: var(--ojs-attention); color: var(--ojs-attention); background: #fdf0f0; }

/* buttons: primary solid, secondary outlined (OJS pattern) */
.manuscriptStatusPrimaryButton,
.manuscriptStatusWorkflowButton,
.manuscriptStatusWorkflowActionButton {
    background: var(--ojs-primary);
    border: 1px solid var(--ojs-primary);
    color: #fff;
    border-radius: 4px;
    font-family: var(--ojs-font);
    font-weight: 600;
}
.manuscriptStatusPrimaryButton:hover,
.manuscriptStatusWorkflowButton:hover,
.manuscriptStatusWorkflowActionButton:hover { background: var(--ojs-primary-hover); border-color: var(--ojs-primary-hover); color: #fff; }
.manuscriptStatusSecondaryButton {
    background: #fff;
    border: 1px solid var(--ojs-primary);
    color: var(--ojs-primary);
    border-radius: 4px;
}
.manuscriptStatusSecondaryButton:hover { border-color: var(--ojs-primary-hover); color: var(--ojs-primary-hover); background: #fff; }
.manuscriptStatusPrimaryButton:focus-visible,
.manuscriptStatusSecondaryButton:focus-visible,
.manuscriptStatusWorkflowButton:focus-visible { outline: 2px solid var(--ojs-primary-hover); outline-offset: 2px; }

/* inputs */
.manuscriptStatusField input[type="text"],
.manuscriptStatusField input[type="email"],
.manuscriptStatusField input[type="date"],
.manuscriptStatusField select,
.manuscriptStatusField textarea,
.manuscriptStatusWorkflowField input,
.manuscriptStatusWorkflowField select,
.manuscriptStatusWorkflowField textarea {
    border: 1px solid var(--ojs-border-strong);
    border-radius: 4px;
    font-family: var(--ojs-font);
}
.manuscriptStatusField input:focus,
.manuscriptStatusField select:focus,
.manuscriptStatusField textarea:focus,
.manuscriptStatusWorkflowField input:focus,
.manuscriptStatusWorkflowField select:focus,
.manuscriptStatusWorkflowField textarea:focus {
    outline: 0;
    border-color: var(--ojs-primary);
    box-shadow: 0 0 0 1px var(--ojs-primary);
}
.manuscriptStatusWorkflowCheckbox,
.manuscriptStatusEmailToggle input,
#manuscriptStatusSettingsForm input[type="checkbox"] { accent-color: var(--ojs-primary); }

/* alerts */
.manuscriptStatusAlertError { border-color: var(--ojs-attention); background: #fdf0f0; color: var(--ojs-attention); }
.manuscriptStatusAlertSuccess { border-color: var(--ojs-success); background: #eefaf3; }
.manuscriptStatusPanelSaved { color: var(--ojs-success); }

/* tables */
.manuscriptStatusHistoryTable th { background: #f7f9fa; color: var(--ms-text); border-bottom: 1px solid var(--ojs-border-strong); }
.manuscriptStatusHistoryTable td { border-bottom: 1px solid var(--ms-border); }

/* links + headings */
.manuscriptStatusPublicPage a:not([class*="Button"]),
.manuscriptStatusManagePage a:not([class*="Button"]),
.manuscriptStatusWorkflowHistoryLink { color: var(--ojs-primary); }
.manuscriptStatusPublicPage a:not([class*="Button"]):hover,
.manuscriptStatusManagePage a:not([class*="Button"]):hover { color: var(--ojs-primary-hover); }
.manuscriptStatusEyebrow { color: var(--ojs-primary); }

/* settings form */
#manuscriptStatusSettingsForm .pkp_help,
.manuscriptStatusSettingsNote { color: var(--ms-muted); }
.manuscriptStatusSettingsNote { border: 1px solid var(--ms-border); border-left: 3px solid var(--ojs-primary); border-radius: 4px; background: #f7f9fa; padding: .6rem .8rem; }
.manuscriptStatusPlaceholderReference { border: 1px solid var(--ms-border); border-radius: 4px; padding: .5rem .8rem; }

/* OJS-style tabs (settings form + editor manage page) */
.manuscriptStatusTabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1rem;
    border-bottom: 1px solid var(--ojs-border-strong);
}
.manuscriptStatusTab {
    appearance: none;
    margin: 0 0 -1px;
    padding: .6rem 1rem;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--ojs-primary);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.manuscriptStatusTab:hover { color: var(--ojs-primary-hover); background: #f7f9fa; }
.manuscriptStatusTab.is-active { color: var(--ms-text); border-bottom-color: var(--ojs-primary); }
.manuscriptStatusTab:focus-visible { outline: 2px solid var(--ojs-primary-hover); outline-offset: -2px; }
.manuscriptStatusEditorGridTabbed { display: block !important; }
[data-ms-tabs] [hidden], .manuscriptStatusManagePage [hidden], #manuscriptStatusSettingsForm [hidden] { display: none !important; }