/**

 * ============================================================================

 * biologicaaid-ojs.css — BiologicaPress OJS production bundle (entry point)

 * ============================================================================

 *

 * Modular Scholarly Experience Layer — do NOT replace with monolith CSS.

 *

 * DEPLOY TO OJS (plugins/themes/default/styles/):

 *   1. biologicaaid-ojs.css  (this file)

 *   2. ojs-ui/               (entire folder, sibling path)

 *   3. ojs-ui/enhancements.js (site-wide — required for premium UX)

 *

 * OJS: Administration → Site Settings → Website → Appearance

 *      → Additional site stylesheet → biologicaaid-ojs.css

 *

 * LESS variant: biologicaaid-ojs.less (same imports; use if theme compiles LESS)

 *

 * Clear caches + hard refresh (Ctrl+F5) after deploy.

 *

 * @package BiologicaPress

 * @version 2.6.0 — Production bundle (dashboard, submission, reader, workflow)

 */



@import url("ojs-ui/ojs-branding.css");
@import url("ojs-ui/variables.css");
@import url("ojs-ui/unified.css");
@import url("ojs-ui/layout.css");
@import url("ojs-ui/forms.css");
@import url("ojs-ui/dashboard.css");
@import url("ojs-ui/workflow.css");
@import url("ojs-ui/submission.css");
@import url("ojs-ui/upload.css");
@import url("ojs-ui/reader.css");
@import url("ojs-ui/animations.css");


/* ==========================================================================

   BACKEND EDITORIAL WORKSPACE (OJS 3.4 #app)

   ========================================================================== */



#app .app__main,

body.pkp_page_dashboard .app__main,

body.pkp_page_submissions .app__main,

body.pkp_page_workflow .app__main,

body.pkp_page_management .app__main {

	width: 100% !important;

	max-width: none !important;

	background: var(--ba-bg) !important;

}



#app .app__page,

#app .app__page.width,

#app .app__page.width--narrow,

#app .app__page.width--wide,

#app .app__page.width--full,

.app__page.width,

.app__page.width--narrow {

	width: 100% !important;

	max-width: none !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

	padding-left: 0;

	padding-right: 0;

}



body.pkp_page_submission .app__page,

body.pkp_page_submission .app__page.width--narrow {

	max-width: min(var(--ba-submission-max), 100%) !important;

}



.app__body {

	width: 100%;

	max-width: 100%;

}



#app .pkpHeader,

#app .pkpHeader--isOneLine {

	margin-bottom: var(--ba-space-3);

}



#app .pkpHeader__title,

#app .app__pageHeading {

	font-size: var(--ba-text-2xl);

	letter-spacing: var(--ba-tracking-tight);

	color: #0f172a;

	margin-bottom: var(--ba-space-1);

}



#app .pkpHeader__subtitle,

#app .app__pageHeading + p,

#app .pkpHeader .pkpHeader__description {

	font-size: 0.9375rem;

	color: var(--ba-muted);

	margin: 0;

	line-height: 1.5;

	max-width: 48rem;

}



/* =====================================================

   WORKFLOW / MANAGEMENT TABS (underline — not dashboard cards)

   ===================================================== */



body.pkp_page_workflow .pkpTabs,

body.pkp_page_management .pkpTabs {

	display: flex;

	flex-wrap: wrap;

	gap: 0.25rem;

	border-bottom: 1px solid var(--ba-border);

	margin-bottom: var(--ba-space-3);

	padding: 0;

}



body.pkp_page_workflow .pkpTabs__button,

body.pkp_page_management .pkpTabs__button {

	flex: none;

	min-width: auto;

	padding: var(--ba-space-1) var(--ba-space-2);

	border-radius: 0;

	border: 0 !important;

	border-bottom: 2px solid transparent !important;

	box-shadow: none !important;

	background: transparent;

	color: var(--ba-muted);

	font-weight: var(--ba-weight-semibold);

	transition: var(--ba-transition);

}



body.pkp_page_workflow .pkpTabs__button.-isActive,

body.pkp_page_workflow .pkpTabs__button--isActive,

body.pkp_page_management .pkpTabs__button.-isActive {

	color: var(--ba-primary);

	border-bottom-color: var(--ba-primary) !important;

}



/* =====================================================

   WORKSPACE GRIDS / FILTERS

   ===================================================== */



#app .pkp_controllers_grid,

#app .pkpTable {

	border-radius: var(--ba-radius-md);

	box-shadow: var(--ba-shadow-sm) !important;

}



#app .app__breadcrumbs {

	margin-bottom: 1.25rem;

	padding: 0;

}



#app .app__page > * + .listPanel,

#app .app__page > * + .pkpListPanel {

	margin-top: 0;

}



#app .listPanel__header + .listPanel__filters,

#app .pkpFilter,

#app .listPanel__search {

	background: var(--ba-surface);

	border: 1px solid var(--ba-border);

	border-radius: var(--ba-radius-md);

	margin: 0 0 var(--ba-space-2);

	padding: var(--ba-space-2) var(--ba-space-3);

	box-shadow: var(--ba-shadow-sm);

}



/* =====================================================

   SUBMISSION PAGE OVERLAY

   See: ojs-ui/submission.css + enhancements.js

   ===================================================== */



body.pkp_page_submission .app__pageHeading {

	margin-bottom: var(--ba-space-1);

}



body.pkp_page_submission .pkpNotification--error,

body.pkp_page_submission .pkpFormField.-hasError .pkpNotification {

	border-radius: var(--ba-radius-md);

	border-left: 4px solid var(--ba-accent);

}



/* =====================================================

   DASHBOARD / READER

   See: ojs-ui/dashboard.css, reader.css + enhancements.js

   ===================================================== */



/* =====================================================

   RESPONSIVE — BACKEND SHELL

   ===================================================== */



@media (max-width: 1023px) {

	#app .app__main {

		padding: var(--ba-space-3) var(--ba-space-2) var(--ba-space-4) !important;

	}



	#app .app__nav,

	#app .app__sidebar {

		width: 100%;

		flex: none;

	}

}



@media (max-width: 639px) {

	#app .pkpHeader__title,

	#app .app__pageHeading {

		font-size: var(--ba-text-xl);

	}

}