/*
 * io_documentacion_referencia.css — Estilos compartidos para el feature
 * "Documentos / Referencias" (panel + botones + indicador de adjuntos).
 *
 * Cargado globalmente desde plantillas/comun/js.php.
 * Las pantallas no necesitan <style> propios para estos elementos.
 */

/* --- Boton "Documentos del cliente / de la instalacion / ..." --- */
.io_docref_btn {
	padding: 4px 12px;
	border: 1px solid #bbb;
	border-radius: 3px;
	background: #f5f5f5;
	cursor: pointer;
	font-size: small;
}
.io_docref_btn:hover:not(:disabled) {
	background: #e8e8e8;
}
.io_docref_btn:disabled {
	opacity: .5;
	cursor: not-allowed;
}

/* Aviso pequeno a la derecha del boton ("La instalacion no tiene cliente asignado.") */
.io_docref_aviso {
	font-size: small;
	color: #999;
}

/* --- Panel completo (envoltorio + tarjeta + secciones) --- */
.io_docref_panel {
	margin-top: 20px;
}
.io_docref_panel_card {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px 12px;
	margin-top: 6px;
	background: #fafafa;
}
.io_docref_panel_botones {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
}
.io_docref_panel_seccion {
	margin-top: 12px;
}
.io_docref_panel_seccion_titulo {
	font-size: small;
	color: #1565c0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: 4px;
}

/* Texto placeholder ("Selecciona un cliente.", "Cargando...", "Sin cliente asignado.", ...) */
.io_docref_placeholder {
	color: #999;
	font-size: small;
}