/* Disposición en dos columnas: formulario a la izquierda, tabla a la derecha. */
.rd-contenedor {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	align-items: flex-start;
	color: var(--rd-color-texto, #333333);
}
.rd-col--form { flex: 1 1 260px; min-width: 240px; }
.rd-col--tabla { flex: 2 1 420px; overflow-x: auto; }

/* Formulario */
.rd-form .rd-campo { display: flex; flex-direction: column; margin-bottom: 12px; }
.rd-form label { font-weight: 600; margin-bottom: 4px; color: var(--rd-color-texto, #333333); }
.rd-form input,
.rd-form textarea { width: 100%; padding: 8px; box-sizing: border-box; }
.rd-seleccion { font-size: 0.9em; margin: 8px 0 12px; color: var(--rd-color-texto, #333333); }

/* Tabla de disponibilidad */
.rd-tabla { width: 100%; border-collapse: collapse; }
.rd-tabla th,
.rd-tabla td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
	vertical-align: top;
}
.rd-tabla th { background: #f5f5f5; color: var(--rd-color-texto, #333333); }
.rd-dia { display: block; font-weight: 700; }
.rd-fecha { display: block; font-size: 0.85em; }
.rd-nodisp { display: block; font-size: 0.85em; color: #888; }

/* Horas seleccionables */
.rd-hora {
	display: block;
	width: 100%;
	margin: 4px 0;
	padding: 6px 4px;
	border: 1px solid #bbb;
	background: #fff;
	color: var(--rd-color-texto, #333333);
	cursor: pointer;
	border-radius: 4px;
}
.rd-hora:hover { border-color: #888; }
.rd-hora--sel {
	background: #2c7a4b;
	border-color: #2c7a4b;
	color: #fff;
	font-weight: 700;
}

/* Avisos */
.rd-aviso { padding: 12px; margin-bottom: 16px; border-radius: 4px; }
.rd-aviso--ok { background: #e7f6e7; border: 1px solid #6cc06c; color: #1e5631; }
.rd-aviso--error { background: #fdecea; border: 1px solid #e88; color: #8a1f11; }

/* Barra de zona horaria (debajo de la tabla) */
.rd-tz-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	color: var(--rd-color-texto, #333333);
}
.rd-tz-bar label { font-weight: 600; }
.rd-tz-bar select { padding: 4px 6px; }
.rd-reloj-wrap { font-size: 0.9em; }
.rd-tz-nota { font-size: 0.8em; margin: 6px 0 0; color: var(--rd-color-texto, #333333); }