/* Backend readability and compact editorial forms. Existing palette is retained. */
.pkp_backend .pkp_structure_page,
.pkp_backend .pkp_content_panel,
.pkp_backend .pkp_context_sidebar { min-width: 0; }
.pkp_backend .pkp_page_title h1,
.pkp_backend .pkp_submission_workflow .pkp_page_title .pkp_submission_title { font-size: 20px; line-height: 1.35; overflow-wrap: anywhere; }
.pkp_backend .pkp_page_title .pkp_submission_author { line-height: 1.6; overflow-wrap: anywhere; }
.pkp_backend .pkp_form { font-size: 14px; line-height: 1.5; }
.pkp_backend .pkp_form fieldset { min-width: 0; }
.pkp_backend .pkp_submission_workflow .ui-tabs-nav .ui-tabs-anchor { box-sizing: border-box; height: auto; min-height: 38px; line-height: 1.4; padding: 9px 13px; white-space: normal; }
.pkp_backend .pkp_submission_workflow .ui-tabs-nav .initiated:not(.ui-state-active) a:before { top: auto; bottom: 0; }
.pkp_backend .pkp_form label,
.pkp_backend .pkp_form legend,
.pkp_backend .pkp_form .section > .label { font-size: 14px; line-height: 1.5; margin-bottom: 6px; }
.pkp_backend .pkp_form :is(input[type="date"],input[type="email"],input[type="file"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],input[type="week"],select,textarea) {
  min-height: 34px; max-width: 100%; box-sizing: border-box; font-size: 14px; line-height: 1.4; padding: 6px 9px;
}
.pkp_backend .pkp_form textarea { height: 10em; }
.pkp_backend .pkp_form textarea.short { height: 6em; }
.pkp_backend .pkp_form textarea.medium { height: 12em; }
.pkp_backend .pkp_form textarea.tall { height: 18em; }
.pkp_backend .pkp_form .description,
.pkp_backend .pkp_form .sub_label { color: #666; line-height: 1.65; overflow-wrap: anywhere; }
.pkp_backend .pkp_button,
.pkp_backend .pkp_button_primary,
.pkp_backend .pkp_button_offset,
.pkp_backend .pkp_modal_panel > .footer .ok,
.pkp_backend .ui-dialog .ui-dialog-buttonpane button,
.pkp_backend .pkp_workflow_decisions button,
.pkp_backend .pkp_submission_workflow .pkp_workflow_decisions a { box-sizing: border-box; min-height: 36px; line-height: 1.4; padding: 7px 12px; font-size: 13px; border-radius: 5px; white-space: normal; }
.pkp_backend .pkp_workflow_decisions button { height: auto; }
.pkp_backend .pkp_workflow_decisions > li { margin-bottom: 8px; }
.pkp_backend .pkp_controllers_grid { max-width: 100%; }
.pkp_backend .pkp_controllers_grid .header .actions { max-width: 100%; }
.pkp_backend .pkp_controllers_grid .header .actions a { min-height: 36px; line-height: 1.5; padding-top: 6px; padding-bottom: 6px; }
.pkp_backend .pkp_controllers_grid th,
.pkp_backend .pkp_controllers_grid td { padding-top: 8px; padding-bottom: 8px; line-height: 1.45; }
.pkp_backend .pkp_controllers_grid th { font-size: 13px; }
.pkp_backend .pkp_controllers_grid .show_extras,
.pkp_backend .pkp_controllers_grid .hide_extras { top: 10px; }
.pkp_backend .ojs_ui_grid_scroll { max-width: 100%; overflow-x: auto; }
.pkp_backend .ojs_ui_grid_scroll > table:has(> colgroup > col:nth-child(3)) { min-width: 600px; }
#futureIssuesGridContainer .ojs_ui_grid_scroll > table,
#backIssuesGridContainer .ojs_ui_grid_scroll > table { table-layout: fixed; }
.pkp_backend .ojs_ui_grid_scroll:focus-visible { outline: 2px solid #007ab2; outline-offset: 2px; }
.pkp_backend .pkp_controllers_grid td a { overflow-wrap: anywhere; }
.pkp_backend .pkp_modal_panel > .header { height: auto; overflow-wrap: anywhere; }
.pkp_backend .pkp_modal_panel > .footer .cancel { display: inline-block; min-height: 36px; padding: 7px 12px; line-height: 1.4; }
.pkp_backend .pkp_modal_panel > .footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pkp_backend .ui-dialog .ui-dialog-title { white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
.pkp_backend .pkp_page_content :is(p,li),
.pkp_backend .asaJustifiedDiscussion p { overflow-wrap: anywhere; }

/* Review rounds use the same connected tab pattern as the workflow stages. */
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav {
  display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 16px; padding: 0 4px; background: #ddd; border-bottom: 1px solid #c7d2dc;
}
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li {
  margin: 0 0 -1px; border: 0; border-radius: 4px 4px 0 0; background: transparent;
}
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li > a {
  min-height: 36px; padding: 9px 14px; background: transparent; font-size: 13px; line-height: 18px;
}
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li > a:before { display: none; }
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li.ui-state-active,
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li.ui-state-active > a {
  background: #f6f8fa; color: #555; border-radius: 4px 4px 0 0;
}
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li.ui-state-active { box-shadow: inset 0 3px #007ab2; }
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li.ui-state-active > a { box-shadow: inset 0 3px #007ab2; }
.pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li:not(.ui-state-active):not(.ui-state-disabled) > a:hover { background: #e8f1f8; }

/* One visible remove mark per keyword, independent of the jQuery UI icon theme. */
.pkp_backend .tagit .tagit-choice { margin: 2px 4px 2px 0; padding: 3px 5px 3px 8px; border-radius: 5px; font-size: 13px; line-height: 22px; }
.pkp_backend .tagit .tagit-close { display: inline-flex; align-items: center; justify-content: center; width: 24px; min-height: 24px; padding: 0; margin-left: 3px; vertical-align: middle; }
.pkp_backend .tagit .tagit-close .ui-icon { display: none; }
.pkp_backend .tagit .tagit-close .text-icon { display: inline; font-size: 17px; line-height: 1; }
.pkp_backend .tagit .tagit-close:before,
.pkp_backend .tagit .tagit-close:after { content: none; }
.pkp_backend .tagit .tagit-new input[type="text"] { min-height: 28px; height: 28px; padding: 2px 5px; font-size: 13px; }

/* Keep both dense forms readable; overflow remains available for small screens or long data. */
.pkp_backend .pkp_modal_panel:has(.ojs_ui_compact_metadata),
.pkp_backend .pkp_modal_panel:has(.ojs_ui_compact_author) { width: calc(100% - 32px); max-width: 1120px; margin: 20px auto; }
.pkp_backend .pkp_modal_panel:has(.ojs_ui_compact_metadata) > .content,
.pkp_backend .pkp_modal_panel:has(.ojs_ui_compact_author) > .content { padding: 14px 18px; }
.pkp_backend .pkp_modal_panel > .header { font-size: 16px; line-height: 1.4; padding-top: 12px; padding-bottom: 12px; }
.pkp_backend .pkp_modal_panel > .close { top: 7px; right: 7px; width: 34px; height: 34px; line-height: 34px; border-radius: 4px; }
.pkp_backend .pkp_modal_panel > .close:before { font-size: 19px; line-height: 34px; }
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) { font-size: 13px; line-height: 1.4; }
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) fieldset { margin: 0; padding: 0; border: 0; }
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) .section { margin: 0 0 9px; padding: 0; }
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) .section > :is(label,.label),
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) legend { margin: 0 0 4px; font-size: 13px; line-height: 1.35; }
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) :is(input[type="text"],input[type="email"],input[type="url"],input[type="tel"],select,textarea) {
  min-height: 32px; height: auto; font-size: 13px; line-height: 1.4; padding: 5px 8px;
}
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) :is(.description,.sub_label,.pkp_help) { margin: 3px 0 0; font-size: 12px; line-height: 1.4; }
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) .form_buttons { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
.pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) .form_buttons :is(button,.cancel,.cancelButton) { min-height: 34px; padding: 6px 12px; font-size: 13px; line-height: 1.4; }
.pkp_backend .ojs_ui_metadata_head { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; grid-column: 1 / -1; }
.pkp_backend .ojs_ui_metadata_head :is(.inline,.pkp_helpers_half,.pkp_helpers_quarter,.pkp_helpers_threeQuarter) { width: 100%; padding-right: 0; }
.pkp_backend .ojs_ui_metadata_layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 0 18px; align-items: start; }
.pkp_backend .ojs_ui_title_fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 12px; }
.pkp_backend .ojs_ui_title_fields > :is(.ojs_ui_metadata_prefix,.ojs_ui_metadata_abstract) { grid-column: 1 / -1; }
.pkp_backend .ojs_ui_compact_metadata .ojs_ui_metadata_abstract textarea { height: 154px; }
.pkp_backend .ojs_ui_compact_metadata .mce-tinymce:not(.mce-fullscreen) .mce-edit-area iframe { height: 154px !important; }
.pkp_backend .ojs_ui_compact_metadata .mce-tinymce:not(.mce-fullscreen) .mce-btn button { padding: 3px 5px; min-height: 28px; }
.pkp_backend .ojs_ui_compact_metadata .mce-tinymce:not(.mce-fullscreen) .mce-ico { font-size: 16px; width: 16px; height: 16px; }
.pkp_backend .ojs_ui_metadata_side { min-width: 0; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid { margin-bottom: 12px; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .header { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; padding: 9px 10px; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .header h4 { flex: 1 1 120px; margin: 0; padding: 0; font-size: 16px; line-height: 1.4; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .header .actions { float: none; margin: 0; padding: 0; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .header .actions a { min-height: 30px; padding: 5px 8px; font-size: 13px; line-height: 20px; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid table { width: 100%; min-width: 0; table-layout: fixed; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .ojs_ui_grid_scroll > table { min-width: 0; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid col:nth-child(1) { width: 28% !important; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid col:nth-child(2) { width: 32% !important; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid col:nth-child(3) { width: 16% !important; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid col:nth-child(4),
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid col:nth-child(5) { width: 12% !important; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid th { font-size: 12px; padding: 7px 5px; overflow-wrap: anywhere; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid td { font-size: 14px; padding: 8px 5px; overflow-wrap: anywhere; white-space: normal; }
/* Reserve a distinct action lane: compact cell padding must not cover names. */
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .has_extras > td:first-child,
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .row_controls > td:first-child { padding-left: 28px; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid th:first-child { padding-left: 28px; }
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .show_extras,
.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .hide_extras { left: 0; top: 7px; width: 22px; height: 22px; line-height: 22px; }

.pkp_backend .ojs_ui_metadata_side .pkp_controllers_grid .scrollable { max-height: 230px; }
.pkp_backend .ojs_ui_metadata_side .tagit .tagit-choice { padding: 2px 4px 2px 7px; font-size: 12px; line-height: 20px; }
.pkp_backend .ojs_ui_metadata_side .tagit .tagit-close { width: 20px; min-height: 20px; margin-left: 2px; }
.pkp_backend .ojs_ui_metadata_side .tagit .tagit-close .text-icon { font-size: 15px; }
.pkp_backend .ojs_ui_metadata_side .tagit { min-height: 34px; margin-bottom: 0; }
.pkp_backend .ojs_ui_metadata_side .tagit-choice { max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
.pkp_backend .ojs_ui_metadata_side .tagit-choice .tagit-label { white-space: normal; }
.pkp_backend .ojs_ui_compact_author #userDetails { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 14px; }
.pkp_backend .ojs_ui_compact_author #userDetails > .section:not(.ojs_ui_author_country):not(.ojs_ui_author_affiliation),
.pkp_backend .ojs_ui_compact_author #userDetails > .ojs_ui_author_profiles { grid-column: 1 / -1; }
.pkp_backend .ojs_ui_compact_author #userDetails > .section:has(.inline) { display: flex; flex-wrap: wrap; gap: 0 12px; }
.pkp_backend .ojs_ui_compact_author #userDetails > .section:has(.inline) > :is(label,.label) { flex: 0 0 100%; }
.pkp_backend .ojs_ui_compact_author #userDetails .inline { flex: 1 1 180px; float: none; width: auto; max-width: 100%; padding-right: 0; }
.pkp_backend .ojs_ui_compact_author #userDetails :is(.ojs_ui_author_country,.ojs_ui_author_affiliation) :is(.inline,.pkp_helpers_half,.pkp_helpers_threeQuarter) { width: 100%; }
.pkp_backend .ojs_ui_author_profiles { margin: 3px 0 9px; }
.pkp_backend .ojs_ui_author_profiles h3 { margin: 0 0 4px; font-size: 14px; line-height: 1.4; }
.pkp_backend .ojs_ui_author_profiles p { margin: 0 0 7px; font-size: 12px; line-height: 1.4; }
.pkp_backend .ojs_ui_profile_fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.pkp_backend .ojs_ui_profile_fields > div { min-width: 0; }
.pkp_backend .ojs_ui_profile_fields label { display: block; margin: 0 0 4px; font-size: 12px; line-height: 1.4; }
.pkp_backend .ojs_ui_profile_fields input { width: 100%; box-sizing: border-box; }
.pkp_backend .ojs_ui_compact_author #submissionSpecific .checkbox_and_radiobutton { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; }
.pkp_backend .ojs_ui_compact_author #submissionSpecific .checkbox_and_radiobutton > li { margin: 0; }
.pkp_backend .ojs_ui_galley_upload_summary { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 8px 12px; margin-bottom: 12px; background: #eef3f7; border: 1px solid #d2dce5; border-radius: 5px; }
.pkp_backend [id^="component-grid-articlegalleys"] .gridCellContainer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.pkp_backend [id^="component-grid-articlegalleys"] .pkp_linkaction_addFile { padding: 5px 10px; border: 1px solid #c7d2dc; border-radius: 5px; text-decoration: none; }

/* Site administration has larger, distinct cards rather than smaller editorial controls. */
.pkp_backend .pkp_page_admin { width: 100%; max-width: 1280px; padding: 24px 28px; gap: 12px 24px; }
.pkp_backend .pkp_page_admin > h3 { font-size: 18px; line-height: 1.4; color: #164863; padding: 10px 14px; background: #eaf3f8; border-left: 4px solid #007ab2; border-radius: 6px; }
.pkp_backend .pkp_page_admin > ul { padding: 8px 12px; background: #fff; border: 1px solid #d6e1e9; border-radius: 8px; box-shadow: 0 3px 12px rgba(18,55,76,.06); }
.pkp_backend .pkp_page_admin > ul > li { margin: 0; border-bottom: 1px solid #edf1f4; }
.pkp_backend .pkp_page_admin > ul > li:last-child { border-bottom: 0; }
.pkp_backend .pkp_page_admin > ul a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; box-sizing: border-box; padding: 9px 10px; font-size: 16px; line-height: 22px; border-radius: 5px; text-decoration: none; }
.pkp_backend .pkp_page_admin > ul a:after { content: "›"; flex: 0 0 auto; color: #007ab2; font-size: 20px; }
.pkp_backend .pkp_page_admin > ul a:hover { background: #edf6fc; text-decoration: underline; }
.pkp_backend .pkp_page_admin > ul a:focus-visible { outline: 2px solid #007ab2; outline-offset: 2px; }

/* Tools and reports have a reading scale separate from compact editorial forms. */
.pkp_backend #managementTabs { font-size: 16px; line-height: 1.55; }
.pkp_backend #managementTabs > .ui-tabs-nav .ui-tabs-anchor { font-size: 15px; line-height: 22px; min-height: 40px; box-sizing: border-box; padding: 8px 14px; }
.pkp_backend #managementTabs .pkp_page_content { padding: 20px; }
.pkp_backend #managementTabs .pkp_page_content h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.4; color: #164863; }
.pkp_backend #managementTabs .pkp_page_content > p { font-size: 16px; line-height: 1.55; margin-bottom: 14px; }
.pkp_backend #managementTabs .pkp_page_content > ul { list-style: none; margin: 10px 0 18px; padding: 0; }
.pkp_backend #managementTabs .pkp_page_content > ul > li { margin: 0 0 8px; padding: 10px 14px; border: 1px solid #d6e1e9; border-left: 3px solid #7eafca; border-radius: 6px; background: #f8fbfd; font-size: 16px; line-height: 1.5; }
.pkp_backend #managementTabs .pkp_page_content > ul > li > a { font-size: 16px; line-height: 1.45; font-weight: 600; }
.pkp_backend #managementTabs .pkp_button { min-height: 36px; padding: 7px 12px; font-size: 14px; line-height: 20px; }
.pkp_backend #managementTabs .pkp_form { font-size: 15px; }

@media (max-width: 767px) {
  .pkp_backend .ojs_ui_metadata_layout,
  .pkp_backend .ojs_ui_metadata_head,
  .pkp_backend .ojs_ui_title_fields,
  .pkp_backend .ojs_ui_compact_author #userDetails,
  .pkp_backend .ojs_ui_profile_fields { grid-template-columns: minmax(0,1fr); }
  .pkp_backend .pkp_form :is(input[type="text"],input[type="email"],input[type="url"],input[type="tel"],select,textarea) { min-height: 42px; font-size: 16px; }
  .pkp_backend :is(.ojs_ui_compact_metadata,.ojs_ui_compact_author) :is(input[type="text"],input[type="email"],input[type="url"],input[type="tel"],select,textarea) { min-height: 42px; font-size: 16px; }
  .pkp_backend .pkp_submission_workflow #reviewTabs > .ui-tabs-nav > li > a { min-height: 44px; padding: 12px; }
  .pkp_backend .pkp_page_admin { padding: 18px 16px; }
}
@media (max-width: 991px) {
  .pkp_backend .pkp_page_title,
  .pkp_backend .pkp_submission_workflow .pkp_page_title { padding: 20px 24px; }
  .pkp_backend .ui-tabs .ui-tabs-nav { display: flex; flex-wrap: wrap; }
  .pkp_backend .ui-tabs .ui-tabs-nav li { max-width: 100%; }
  .pkp_backend .ui-tabs .ui-tabs-nav li a { white-space: normal; }
}
@media (max-width: 767px) {
  .pkp_backend .pkp_page_title,
  .pkp_backend .pkp_submission_workflow .pkp_page_title { padding: 16px; }
  .pkp_backend .pkp_page_title h1,
  .pkp_backend .pkp_submission_workflow .pkp_page_title .pkp_submission_title { font-size: 20px; }
  .pkp_backend .pkp_page_content,
  .pkp_backend .ui-tabs .ui-tabs-panel { padding: 16px; }
  .pkp_backend .pkp_form .inline { float: none; width: 100%; max-width: 100%; padding-right: 0; box-sizing: border-box; }
  .pkp_backend .pkp_controllers_grid .header .actions { float: none; display: block; padding: 0; }
  .pkp_backend .pkp_controllers_grid .header .actions a { padding-left: 8px; padding-right: 8px; }
  .pkp_backend .pkp_modal_panel { width: calc(100% - 16px); margin: 8px auto; }
  .pkp_backend .pkp_modal_panel > .content { padding: 12px; }
  .pkp_backend .pkp_modal .ui-tabs .ui-tabs-panel { padding: 16px 0 0; }
  .pkp_backend .ui-dialog { max-width: calc(100vw - 16px); }
}
@media (prefers-reduced-motion: reduce) {
  .pkp_backend .pkp_modal_panel { transition-duration: 0s; }
  .pkp_backend .pkp_button { transition: none; }
}