@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;600;700&family=Roboto+Slab:wght@300;400;500;700&display=swap');

/* ==========================================================================
   OCP Lab Reports — Earth Kratom Theme
   Layered on top of base-frontend.css
   ========================================================================== */

.ocp-lab-reports {
	--ocp-accent: #19AF29;
	--ocp-accent-hover: #148f22;
	--ocp-accent-light: rgba(25, 175, 41, 0.08);
	--ocp-accent-border: rgba(25, 175, 41, 0.25);
	--ocp-text-dark: #062F03;
	--ocp-text: #333;
	--ocp-border: #d5d5d5;
	--ocp-muted: #6d6d6d;
	--ocp-faint: #999;
	--ocp-radius: 2px;
	--ocp-radius-sm: 2px;
	--ocp-font-body: 'Roboto Condensed', sans-serif;
	--ocp-font-heading: 'Roboto Slab', serif;
	--ocp-card-bg: rgba(25, 175, 41, 0.03);
	--ocp-card-border: #e0e0e0;
	--ocp-card-radius: 0;
	--ocp-result-bg: #f8f8f8;
	--ocp-result-border: #e8e8e8;
	--ocp-result-text: #555;
}

/* --- Heading & Title --- */
.ocp-lab-reports__heading {
	font-weight: 300;
	letter-spacing: -0.01em;
}

.ocp-lab-reports__title {
	font-weight: 300;
	letter-spacing: -0.03em;
}

/* --- Search Button --- */
.ocp-lab-reports__search-btn {
	background: #eee;
	color: #333;
	letter-spacing: 0.5px;
	transition: background 0.2s, color 0.2s;
}

.ocp-lab-reports__search-btn:hover {
	background: var(--ocp-accent);
	color: #fff;
}

/* --- Toolbar --- */
.ocp-lab-reports__count-num {
	font-weight: 600;
	color: #333;
}

.ocp-lab-reports__clear {
	font-weight: 600;
}

/* --- Report Card --- */
.ocp-report-card {
	transition: border-color 0.25s, box-shadow 0.25s;
}

.ocp-report-card:hover {
	border-color: rgba(25, 175, 41, 0.35);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

/* --- Trust Seal --- */
.ocp-report-card__seal {
	border: 2px solid rgba(25, 175, 41, 0.35);
	box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 4px rgba(25, 175, 41, 0.15);
	color: rgba(25, 175, 41, 0.6);
	transition: color 0.25s, border-color 0.25s, box-shadow 0.25s;
}

.ocp-report-card:hover .ocp-report-card__seal {
	color: rgba(25, 175, 41, 0.85);
	border-color: rgba(25, 175, 41, 0.55);
	box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 4px rgba(25, 175, 41, 0.25);
}

/* --- Card Accent Bar --- */
.ocp-report-card__accent {
	background: linear-gradient(90deg, #19AF29 0%, #3BD94C 50%, transparent 100%);
}

/* --- Card Body --- */
.ocp-report-card__label {
	font-weight: 700;
	opacity: 0.8;
}

.ocp-report-card__lot {
	font-weight: 400;
	letter-spacing: -0.01em;
}

/* --- Download Button --- */
.ocp-report-card__download {
	background: var(--ocp-accent);
	border: none;
	border-radius: 0;
	color: #fff;
	letter-spacing: 0.5px;
	transition: background 0.2s, color 0.2s;
}

.ocp-report-card__download:hover {
	background: var(--ocp-accent-hover);
	color: #fff;
}

/* --- Pending State --- */
.ocp-report-card__pending {
	letter-spacing: 0.02em;
}

/* --- Test Results --- */
.ocp-report-card__results-label {
	font-weight: 700;
}

.ocp-report-card__result-name {
	font-weight: 600;
}

.ocp-report-card__result-status {
	background: rgba(25, 175, 41, 0.07);
	border-color: rgba(25, 175, 41, 0.15);
	border-radius: 2px;
}

.ocp-report-card__result--verified {
	background: rgba(25, 175, 41, 0.04);
	border: 1px solid rgba(25, 175, 41, 0.18);
}

.ocp-report-card__result--verified .ocp-report-card__result-status {
	background: rgba(25, 175, 41, 0.12);
	border-color: rgba(25, 175, 41, 0.25);
}

.ocp-report-card:hover .ocp-report-card__result-status {
	background: rgba(25, 175, 41, 0.12);
	border-color: rgba(25, 175, 41, 0.22);
}

.ocp-report-card:hover .ocp-report-card__result--verified .ocp-report-card__result-status {
	background: rgba(25, 175, 41, 0.18);
	border-color: rgba(25, 175, 41, 0.32);
}

/* --- Empty State --- */
.ocp-lab-reports__empty-title {
	font-weight: 400;
}

.ocp-lab-reports__empty-reset {
	font-weight: 600;
}