/* "Add to a page" shortcode discovery box - see
   EMCEU_Trainer_Hours_Report::render_shortcode_info(). Only the readonly
   field's cursor/select-all affordance is custom; the box itself is
   wp-admin's own .notice.inline styling. */
.emceu-trainer-hours-shortcode-info input[readonly] {
	cursor: pointer;
	max-width: 320px;
}

.emceu-trainer-hours-toolbar {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.emceu-trainer-hours-toolbar .emceu-export-form {
	margin-top: 28px; /* roughly aligns the button with the Filter form's own submit button */
}

.emceu-trainer-hours-table .column-rank {
	width: 60px;
	text-align: center;
}

.emceu-trainer-hours-table td.column-rank {
	text-align: center;
	font-weight: 600;
}

/* Bar chart (dependency-free, plain CSS/HTML) - shared by the admin
   Trainer Hours dashboard and the front-end [emceu_trainer_leaderboard]
   shortcode; see EMCEU_Trainer_Hours_Report::render_bar_chart(). */
.emceu-trainer-hours-chart {
	margin: 4px 0 24px;
	max-width: 720px;
}

.emceu-trainer-hours-chart .emceu-chart-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.emceu-trainer-hours-chart .emceu-chart-label {
	flex: 0 0 180px;
	width: 180px;
	text-align: right;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.emceu-trainer-hours-chart .emceu-chart-bar-track {
	flex: 1 1 auto;
	background: #f0f0f1;
	border-radius: 3px;
	height: 18px;
	overflow: hidden;
}

.emceu-trainer-hours-chart .emceu-chart-bar-fill {
	display: block;
	height: 100%;
	min-width: 2px;
	background: #2271b1;
	border-radius: 3px;
}

.emceu-trainer-hours-chart .emceu-chart-value {
	flex: 0 0 56px;
	font-size: 13px;
	font-weight: 600;
}