@charset "UTF-8";

/* ========================================================================== 
   ResearchOps UI • Research repository front page stylesheet source
   Service:    Home Office Biometrics — ResearchOps
   Route:      /pages/repository/
   Build:      GOV.UK Frontend components with route-specific support
   Repo:       /src/styles/repository.scss
   License:    All rights reserved
   ========================================================================== */

/* Repository front page structure */

.researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] {
	border-top: 1px solid rgba(255, 255, 255, 0.35);
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	background: var(--govuk-brand-colour, #1d70b8);
	}

.researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__toggle, .researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__link, .researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__link:visited {
	color: #ffffff;
	}

.researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__toggle {
	border-color: #ffffff;
	}

.researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__item, .researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__service-name {
	border-color: #ffffff;
	}

.researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__toggle:hover, .researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__link:hover {
	color: #ffffff;
	text-decoration-thickness: 3px;
	}

.researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__item--active .govuk-service-navigation__link, .researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__link[aria-current=true], .researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__link[aria-current=page] {
	border-bottom: 0;
	box-shadow: none;
	color: #ffffff;
	}

.researchops-repository-front-page .govuk-template__header .govuk-service-navigation[data-active="Research Repository"] .govuk-service-navigation__link:focus {
	background-color: #ffdd00;
	color: #0b0c0c;
	outline: 3px solid #ffdd00;
	outline-offset: 0;
	box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
	text-decoration: none;
	}

.researchops-repository-front-page .govuk-phase-banner {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
	background: var(--govuk-brand-colour, #1d70b8);
	box-shadow: 0 0 0 100vmax var(--govuk-brand-colour, #1d70b8);
	clip-path: inset(0 -100vmax -1px);
	color: #ffffff;
	}

.researchops-repository-front-page .govuk-phase-banner__content {
	display: flex;
	align-items: baseline;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	}

.researchops-repository-front-page .govuk-phase-banner .govuk-tag {
	background: #ffffff;
	color: var(--govuk-brand-colour, #1d70b8);
	}

.researchops-repository-front-page .govuk-phase-banner__text {
	color: #ffffff;
	}

.repository-masthead {
	margin-top: -40px;
	padding-top: 20px;
	padding-bottom: 32px;
	border-bottom: 10px solid var(--govuk-brand-colour, #1d70b8);
	background: var(--govuk-brand-colour, #1d70b8);
	color: #ffffff;
	}

.repository-masthead .govuk-breadcrumbs {
	margin-top: 0;
	margin-bottom: 20px;
	color: #ffffff;
	}

.repository-masthead .govuk-breadcrumbs__link, .repository-masthead .govuk-breadcrumbs__list-item {
	color: #ffffff;
	}

.repository-masthead .govuk-breadcrumbs__list-item::before {
	border-color: #ffffff;
	}

.repository-hero {
	padding: 24px 0 0;
	}

.repository-masthead .govuk-caption-xl, .repository-masthead .govuk-heading-xl, .repository-masthead .govuk-body-l, .repository-masthead .govuk-body {
	color: #ffffff;
	}

.repository-hero .govuk-heading-xl {
	margin-bottom: 24px;
	}

.repository-hero__image-column {
	display: none;
	}

.repository-hero__image {
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 0 0 0 auto;
	}

.repository-search-panel {
	margin-top: 32px;
	padding: 20px;
	border: 1px solid #b1b4b6;
	background: #ffffff;
	}

.repository-search-panel__row {
	display: flex;
	flex-direction: column;
	gap: 15px;
	}

.repository-search-panel__field {
	flex: 1 1 auto;
	}

.repository-search-panel__field .govuk-form-group {
	margin-bottom: 0;
	}

.repository-search-panel__action {
	flex: 0 0 auto;
	}

.repository-search-panel__input {
	max-width: 100%;
	}

.repository-search-panel__button {
	margin-bottom: 0;
	}

.repository-search-panel .govuk-label, .repository-search-panel .govuk-hint, .repository-search-panel .govuk-body-s {
	color: #0b0c0c;
	}

.repository-muted {
	margin-top: 12px;
	margin-bottom: 0;
	color: #505a5f;
	}

.repository-page {
	padding-top: 32px;
	}

.repository-metrics {
	display: grid;
	gap: 16px;
	margin: 0 0 40px;
	}

.repository-metric {
	padding: 20px;
	border-top: 5px solid #1d70b8;
	background: #f3f2f1;
	}

.repository-metric__number, .repository-metric__label {
	display: block;
	}

.repository-card {
	padding: 20px;
	border: 1px solid #b1b4b6;
	background: #ffffff;
	}

.repository-card-grid {
	display: grid;
	gap: 20px;
	}

.repository-card > :last-child {
	margin-bottom: 0;
	}

.repository-card--governance {
	margin-top: 24px;
	border-left: 5px solid #1d70b8;
	}

.repository-section {
	margin-top: 48px;
	}

.repository-result-count {
	margin: -8px 0 20px;
	color: #505a5f;
	font-size: 16px;
	}

.repository-artefact-list {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.repository-artefact-list__item {
	display: block;
	padding: 20px 0;
	border-top: 1px solid #b1b4b6;
	}

.repository-artefact-list__item:last-child {
	border-bottom: 1px solid #b1b4b6;
	}

.repository-artefact-list__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	}

.repository-result-meta {
	display: grid;
	gap: 8px;
	margin: 0 0 16px;
	}

.repository-result-meta__row {
	display: grid;
	gap: 2px;
	}

.repository-result-meta__value {
	margin: 0;
	}

.repository-filter-panel {
	padding: 20px;
	border-top: 5px solid #1d70b8;
	background: #f3f2f1;
	}

.repository-filter-panel .govuk-form-group {
	margin-bottom: 24px;
	}

.repository-filter-panel .govuk-button--secondary {
	background: #ffffff;
	}

.repository-browse-list {
	display: grid;
	gap: 12px;
	margin-top: 24px;
	}

.repository-browse-list__button {
	display: inline;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1d70b8;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
	}

.repository-browse-list__button--selected {
	text-decoration-thickness: 3px;
	}

@media (min-width: 48.0625em) {
	.repository-hero__image-column {
		display: block;
		}
	}

.repository-browse-list__button:focus {
	outline: 3px solid transparent;
	color: #0b0c0c;
	background-color: #ffdd00;
	box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
	text-decoration: none;
	}

.repository-selected-state {
	margin-top: 24px;
	}

.repository-sort-form {
	margin: 24px 0;
	}

.repository-pagination {
	margin-top: 32px;
	}

.repository-candidate-form {
	margin-top: 24px;
	}

.repository-queue-table {
	margin-bottom: 0;
	}

.repository-review-layout {
	margin-top: 24px;
	}

.repository-review-panel {
	padding: 20px;
	border: 1px solid #b1b4b6;
	background: #ffffff;
	}

.repository-review-pagination {
	margin-top: 20px;
	}

.repository-review-list__items {
	display: grid;
	gap: 12px;
	}

.repository-review-list__button {
	display: block;
	width: 100%;
	padding: 15px;
	border: 1px solid #b1b4b6;
	background: #ffffff;
	text-align: left;
	cursor: pointer;
	}

.repository-review-list__button--selected {
	border-left: 5px solid #1d70b8;
	background: #f3f2f1;
	}

.repository-review-list__title, .repository-review-list__meta {
	display: block;
	}

.repository-review-list__title {
	margin-bottom: 5px;
	font-weight: 700;
	}

.repository-review-list__meta {
	color: #505a5f;
	font-size: 16px;
	}

.repository-review-summary {
	margin-bottom: 24px;
	}

.repository-review-form {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #b1b4b6;
	}

.repository-review-history {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #b1b4b6;
	}

.repository-review-history__item {
	padding: 12px 0;
	border-top: 1px solid #d8d8d8;
	}

.repository-review-history__item:first-child {
	padding-top: 0;
	border-top: 0;
	}

@media (min-width: 641px) {
	.repository-search-panel__row {
		flex-direction: row;
		align-items: flex-end;
		}
	.repository-search-panel__action {
		padding-bottom: 2px;
		}
	.repository-metrics {
		grid-template-columns: repeat(3, 1fr);
		}
	.repository-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	.repository-result-meta__row {
		grid-template-columns: 150px 1fr;
		}
	}

/* transparency begins in the cascade */