/**
 * SRL Report Manager – Frontend styles
 * Scoped to .srl-report-manager-list only. [srl_reports_list] shortcode.
 * Colors: search bg #F3F3F5, button #F5A524. Flexbox/Grid, no tables.
 */

.srl-report-manager-list {
	margin: 0 0 1.5em;
	font-size: 1rem;
	box-sizing: border-box;
}

.srl-report-manager-list *,
.srl-report-manager-list *::before,
.srl-report-manager-list *::after {
	box-sizing: border-box;
}

/* Search & Action Bar */
.srl-report-manager-list .srl-report-manager-search {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	/* optional spacing between input and button */
	align-items: center;
	justify-content: center;
	/* center items horizontally */
	width: 100%;
	max-width: 720px;
	/* container width */
	margin: 0 auto 1.25em;
}

.srl-report-manager-list .srl-report-search-input {
	flex: 0 1 440px;
	width: 100%;
	max-width: 440px;
	height: 40px;
	padding: 6px 14px 6px 42px;
	border: none;
	border-radius: 8px;
	background-color: #F3F3F5;
	font-size: 1em;
	color: #666666;
	background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z' stroke='%2399A1AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.4993 17.5001L13.916 13.9167' stroke='%2399A1AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat: no-repeat;
	background-position: 14px center;
	background-size: 18px 18px;
	box-sizing: border-box;
}

.srl-report-manager-list .srl-report-search-input::placeholder {
	color: #666;
}

/* Filter Button & Dropdown */
.srl-report-manager-list .srl-report-filter-wrapper {
	position: relative;
	flex: 0 0 auto;
}

.srl-report-manager-list .srl-report-filter-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	gap: 6px;
	border-radius: 8px;
	background-color: #F3F3F5;
	color: #666666;
	font-size: 1em;
	cursor: pointer;
	white-space: nowrap;
	border: none;
	transition: background-color 0.2s ease;
}

.srl-report-manager-list .srl-report-filter-button:hover {
	background-color: #e8e8ea;
}

.srl-report-manager-list .srl-report-filter-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
}

.srl-report-manager-list .srl-report-filter-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 200px;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	padding: 8px 0;
	z-index: 100;
	display: none;
}

.srl-report-manager-list .srl-report-filter-dropdown.is-open {
	display: block;
}

.srl-report-manager-list .srl-report-filter-item {
	display: block;
	padding: 10px 16px;
	color: #0A0A0A;
	text-decoration: none;
	font-size: 0.95em;
	transition: background-color 0.2s ease;
	cursor: pointer;
}

.srl-report-manager-list .srl-report-filter-item:hover {
	background-color: #F3F3F5;
}

.srl-report-manager-list .srl-report-filter-item.is-active {
	background-color: #F5A524;
	color: #0A0A0A;
	font-weight: 600;
}

/* Search Submit Button */
.srl-report-manager-list .srl-report-search-submit {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	gap: 8px;
	border-radius: 8px;
	background-color: #F5A524;
	color: #0A0A0A;
	font-size: 1em;
	cursor: pointer;
	white-space: nowrap;
	border: none;
}

.srl-report-manager-list .srl-report-search-submit::before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z' stroke='%230A0A0A' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.4993 17.5001L13.916 13.9167' stroke='%230A0A0A' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.srl-report-manager-list .srl-report-search-submit:hover {
	background-color: #e0941a;
	color: #0A0A0A;
}

.srl-report-manager-list .srl-report-manager-screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}


/* Results area */
.srl-report-manager-list .srl-report-manager-results {
	min-height: 2em;
}

.srl-report-manager-list .srl-report-manager-empty {
	margin: 1em 0;
	color: #666;
}

/* Report list – cards, no table */
.srl-report-manager-list .srl-report-manager-rows {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.srl-report-manager-list .srl-report-manager-row {
	margin: 0;
	padding: 0;
}

/* Desktop: horizontal card – white, shadow, rounded */
.srl-report-manager-list .srl-report-manager-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding: 1.22em 1.3em;
	background: #F9F9F9;
	border-radius: 8px;
}

.srl-report-manager-list .srl-report-manager-card-left {
	display: flex;
	align-items: flex-start;
	gap: 1em;
	flex: 1 1 auto;
	min-width: 0;
}

.srl-report-manager-list .srl-report-manager-pdf-icon {
	flex-shrink: 0;
	display: block;
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml;utf8,<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20.0007 2.66675H8.00065C7.29341 2.66675 6.61513 2.9477 6.11503 3.4478C5.61494 3.94789 5.33398 4.62617 5.33398 5.33341V26.6667C5.33398 27.374 5.61494 28.0523 6.11503 28.5524C6.61513 29.0525 7.29341 29.3334 8.00065 29.3334H24.0007C24.7079 29.3334 25.3862 29.0525 25.8863 28.5524C26.3864 28.0523 26.6673 27.374 26.6673 26.6667V9.33341L20.0007 2.66675Z' stroke='%23F5A524' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M18.666 2.66675V8.00008C18.666 8.70733 18.947 9.3856 19.4471 9.8857C19.9472 10.3858 20.6254 10.6667 21.3327 10.6667H26.666' stroke='%23F5A524' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M13.3327 12H10.666' stroke='%23F5A524' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M21.3327 17.3333H10.666' stroke='%23F5A524' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M21.3327 22.6667H10.666' stroke='%23F5A524' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.srl-report-manager-list .srl-report-manager-card-details {
	flex: 1 1 auto;
	min-width: 0;
}

.srl-report-manager-list .srl-report-title {
	margin: 0 0 0.4em;
	font-size: 1.25em;
	font-weight: 700;
	color: #0A0A0A;
	line-height: 1.3;
}

.srl-report-manager-list .srl-report-manager-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em 1em;
	font-size: 0.95em;
	color: #666;
}

.srl-report-manager-list .srl-report-meta-date::before {
	content: '';
	display: block;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml;utf8,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><g><path d='M4.66602 1.16675V3.50008' stroke='%234A5565' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.33398 1.16675V3.50008' stroke='%234A5565' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.0833 2.33325H2.91667C2.27233 2.33325 1.75 2.85559 1.75 3.49992V11.6666C1.75 12.3109 2.27233 12.8333 2.91667 12.8333H11.0833C11.7277 12.8333 12.25 12.3109 12.25 11.6666V3.49992C12.25 2.85559 11.7277 2.33325 11.0833 2.33325Z' stroke='%234A5565' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/><path d='M1.75 5.83325H12.25' stroke='%234A5565' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/></g></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.srl-report-manager-list .srl-report-meta-date {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
}

.srl-report-manager-list .srl-report-meta-category,
.srl-report-manager-list .srl-report-meta-size {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
}

.srl-report-manager-list .srl-report-meta-category a {
	color: inherit;
	text-decoration: underline;
	transition: color 0.2s ease;
	cursor: pointer;
}

.srl-report-manager-list .srl-report-meta-category a:hover {
	color: #F5A524;
	text-decoration: underline;
}

.srl-report-manager-list .srl-report-manager-card-right {
	flex-shrink: 0;
}

.srl-report-manager-list .srl-report-download {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	gap: 8px;
	background-color: #F5A524;
	color: #0A0A0A !important;
	text-decoration: none;
	border-radius: 8px;
	font-size: 1em;
	white-space: nowrap;
	border: none;
}

.srl-report-manager-list .srl-report-download::before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.75 11.25V14.25C15.75 14.6478 15.592 15.0294 15.3107 15.3107C15.0294 15.592 14.6478 15.75 14.25 15.75H3.75C3.35218 15.75 2.97064 15.592 2.68934 15.3107C2.40804 15.0294 2.25 14.6478 2.25 14.25V11.25' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M5.25 7.5L9 11.25L12.75 7.5' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M9 11.25V2.25' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.srl-report-manager-list .srl-report-download:hover {
	background-color: #e0941a;
	color: #0A0A0A !important;
}



/* Pagination */
.srl-report-manager-list .srl-report-manager-pagination {
	margin-top: 1.5em;
	padding-top: 1em;
	border-top: 1px solid #eee;
}

.srl-report-manager-list .srl-report-pagination-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0.35em;
	align-items: center;
	justify-content: flex-end;
}

.srl-report-manager-list .srl-report-pagination-list li {
	margin: 0;
}

.srl-report-manager-list .srl-report-page-link,
.srl-report-manager-list .srl-report-page-current,
.srl-report-manager-list .srl-report-page-ellipsis {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.4em 0.80em;
	min-width: 2.25em;
	text-align: center;
}

.srl-report-manager-list .srl-report-page-link {
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #f5f5f5;
	color: #0A0A0A;
	text-decoration: none;
}

.srl-report-manager-list .srl-report-page-link:hover,
.srl-report-manager-list .srl-report-page-link:focus {
	background: #F5A524;
	color: #0A0A0A;
	border-color: #F5A524;
}

.srl-report-manager-list .srl-report-page-current {
	background: #F5A524;
	color: #0A0A0A;
	border-radius: 8px;
	border: none;
}

.srl-report-manager-list .srl-report-page-ellipsis {
	color: #666;
	cursor: default;
}

/* Filter Notice */
.srl-report-manager-list .report-filter-notice {
	background: #F5F5F5;
	padding: 0.5em 1em;
	border-radius: 6px;
	font-size: 0.95em;
	margin-bottom: 1em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.srl-report-manager-list .report-filter-notice .clear-report-filters {
	background: #F5A524;
	color: #0A0A0A;
	padding: 0.3em 0.8em;
	border-radius: 8px;
	text-decoration: none;
	font-size: 0.93em;
	white-space: nowrap;
}

.srl-report-manager-list .report-filter-notice .clear-report-filters:hover {
	background: #e0941a;
}

/* Mobile: stack vertically, touch-friendly */
@media (max-width: 640px) {
	.srl-report-manager-list .srl-report-manager-search {
		flex-direction: column;
		align-items: stretch;
		gap: 0.75em;
	}

	.srl-report-manager-list .srl-report-search-input {
		min-height: 44px;
		height: 44px;
		max-width: 100%;
		flex: 1 1 auto;
	}

	.srl-report-manager-list .srl-report-filter-wrapper {
		width: 100%;
	}

	.srl-report-manager-list .srl-report-filter-button {
		width: 100%;
		min-height: 44px;
		justify-content: center;
	}

	.srl-report-manager-list .srl-report-filter-dropdown {
		left: 0;
		right: 0;
		min-width: 100%;
	}

	.srl-report-manager-list .srl-report-search-submit {
		width: 100%;
		min-height: 44px;
		justify-content: center;
	}



	.srl-report-manager-list .srl-report-manager-card {
		flex-direction: column;
		align-items: stretch;
		text-align: left;
		padding: 1em 1.25em;
		gap: 1em;
	}

	.srl-report-manager-list .srl-report-manager-card-left {
		flex-direction: column;
		gap: 0.75em;
	}

	.srl-report-manager-list .srl-report-manager-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25em;
	}

	.srl-report-manager-list .srl-report-download {
		width: 100%;
		flex: 1 1 100%;
		display: flex;
		justify-content: center;
	}

	.srl-report-manager-list .srl-report-manager-card-right {
		width: 100%;
		align-self: stretch;
	}

	.srl-report-manager-list .srl-report-pagination-list {
		justify-content: center;
	}

	.srl-report-manager-list .srl-report-page-link,
	.srl-report-manager-list .srl-report-page-current {
		min-height: 44px;
	}

	.srl-report-manager-list .report-filter-notice {
		flex-direction: column;
		gap: 0.5em;
		text-align: center;
	}
}

/* Loading state (AJAX in progress) */
.srl-report-manager-list .srl-report-manager-results.is-loading {
	opacity: 0.6;
	pointer-events: none;
}