/**
 * DMR75 — tableau des rendez-vous d'écoute.
 */

.dmr-rdv-page {
	--rdv-accent: #0f4a7b;
	--rdv-border: rgba(128, 128, 128, 0.25);
	--rdv-surface: rgba(128, 128, 128, 0.06);
	--rdv-ok: #1a6b3c;
	--rdv-err: #963b3f;

	max-width: 860px;
	margin: 0 auto;
	padding: 24px 0 48px;
}

.dmr-rdv-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 8px;
}

.dmr-rdv-title i { opacity: 0.55; }

.dmr-rdv-lead {
	margin: 0 0 26px;
	opacity: 0.85;
	max-width: 62ch;
}

.dmr-rdv-card {
	padding: 22px 24px;
	margin-bottom: 24px;
	border: 1px solid var(--rdv-border);
	border-radius: 10px;
}

.dmr-rdv-h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
	font-size: 19px;
}

.dmr-rdv-h2 i { opacity: 0.5; font-size: 16px; }

/* Liste des créneaux */
.dmr-rdv-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dmr-rdv-item {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px 14px;
	padding: 13px 16px;
	border: 1px solid var(--rdv-border);
	border-left: 4px solid var(--rdv-accent);
	border-radius: 8px;
}

.dmr-rdv-when {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.dmr-rdv-when::first-letter { text-transform: uppercase; }

.dmr-rdv-who {
	font-weight: 600;
	opacity: 0.9;
}

.dmr-rdv-tg {
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--rdv-surface);
	font-size: 13px;
	font-weight: 700;
}

.dmr-rdv-msg {
	flex: 1 1 100%;
	font-size: 14px;
	opacity: 0.8;
}

.dmr-rdv-empty {
	margin: 0;
	opacity: 0.7;
}

/* Formulaire */
.dmr-rdv-row {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.dmr-rdv-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1 1 220px;
	margin-bottom: 14px;
	font-size: 14px;
	font-weight: 600;
}

.dmr-rdv-field em {
	font-weight: 400;
	font-style: normal;
	opacity: 0.65;
}

.dmr-rdv-field input,
.dmr-rdv-field select {
	padding: 9px 12px;
	border: 1px solid var(--rdv-border);
	border-radius: 8px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 500;
}

.dmr-rdv-field input:focus,
.dmr-rdv-field select:focus {
	outline: 2px solid var(--rdv-accent);
	outline-offset: 1px;
}

.dmr-rdv-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 4px;
}

.dmr-rdv-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 11px 20px;
	border: none;
	border-radius: 8px;
	background: var(--rdv-accent);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.dmr-rdv-btn[disabled] {
	opacity: 0.55;
	cursor: default;
}

.dmr-rdv-status {
	font-size: 14px;
	font-weight: 600;
}

.dmr-rdv-status[data-state="ok"]  { color: var(--rdv-ok); }
.dmr-rdv-status[data-state="err"] { color: var(--rdv-err); }

.dmr-rdv-note {
	margin: 4px 0 16px;
	font-size: 14px;
	opacity: 0.75;
	max-width: 68ch;
}

.dmr-rdv-link { font-weight: 600; }